@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2?dpl=dpl_XtGM8MrKX4aE8NzmbXwRwYh2peeR)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2?dpl=dpl_XtGM8MrKX4aE8NzmbXwRwYh2peeR)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_53cf7e2c-module__qN6QFG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_53cf7e2c-module__qN6QFG__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2?dpl=dpl_XtGM8MrKX4aE8NzmbXwRwYh2peeR)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2?dpl=dpl_XtGM8MrKX4aE8NzmbXwRwYh2peeR)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2?dpl=dpl_XtGM8MrKX4aE8NzmbXwRwYh2peeR)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_bf5435d1-module__3zh7EW__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_bf5435d1-module__3zh7EW__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
:root{--ink:#17211b;--paper:#f4f0e6;--card:#fffdf7;--green:#1d4d3a;--green-bright:#7ee081;--orange:#f26b38;--line:#d8d3c7}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:linear-gradient(#17211b09 1px, transparent 1px), linear-gradient(90deg, #17211b09 1px, transparent 1px), var(--paper);font-family:var(--font-body), sans-serif;background-size:32px 32px}button,input{font:inherit}button{color:inherit}.shell{width:min(100% - 32px,960px);min-height:100vh;margin:auto}.home{flex-direction:column;align-items:center;padding:34px 0 24px;display:flex}.brand{font:700 15px/1 var(--font-display);letter-spacing:.15em;align-self:flex-start;align-items:center;gap:10px;display:flex}.brand-mark{aspect-ratio:1;width:31px;color:var(--paper);background:var(--green);letter-spacing:0;place-items:center;font-size:16px;display:grid;transform:rotate(-3deg)}.hero{text-align:center;max-width:700px;margin:78px auto 42px}.eyebrow{color:var(--green);letter-spacing:.17em;align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow span{aspect-ratio:1;background:var(--green-bright);border-radius:50%;width:8px;box-shadow:0 0 0 4px #7ee0812e}.hero h1{font:700 clamp(44px, 7vw, 72px)/.97 var(--font-display);letter-spacing:-.055em;margin:18px 0 16px}.hero h1 em{color:var(--orange);font-style:normal}.hero p{color:#667069;max-width:510px;margin:0 auto;font-size:17px}.lobby-card{border:1px solid var(--line);background:#fffdf7ed;width:min(100%,570px);padding:24px;box-shadow:10px 10px #1d4d3a1a}.primary{background:var(--green);color:#fff;cursor:pointer;border:0;width:100%}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.55}.create{text-align:left;align-items:center;gap:15px;padding:18px 20px;display:flex}.create strong{font:700 17px var(--font-display);display:block}.create small{color:#b8cbbf;margin-top:3px;font-size:12px;display:block}.button-icon{aspect-ratio:1;border:1px solid #ffffff4d;place-items:center;width:37px;font-size:22px;display:grid}.arrow{margin-left:auto;font-size:22px;transition:transform .2s}.create:hover .arrow{transform:translate(3px,-3px)}.divider{color:#8a8f8b;letter-spacing:.16em;align-items:center;gap:12px;margin:23px 0 18px;font-size:10px;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.lobby-card label{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.join-row{gap:10px;display:flex}.join-row input{min-width:0;font:700 19px var(--font-display);letter-spacing:.22em;text-transform:uppercase;background:#fff;border:1px solid #bfc3bb;outline:none;flex:1;padding:13px 15px}.join-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1d4d3a1a}.secondary{border:1px solid var(--green);color:var(--green);cursor:pointer;background:0 0;padding:0 22px;font-weight:800}.secondary:hover{background:#e9efe9}.error{color:#ac321f;margin:15px 0 0;font-size:13px;font-weight:700}footer{color:#7c837e;letter-spacing:.13em;align-items:center;gap:13px;margin-top:auto;padding-top:50px;font-size:9px;font-weight:800;display:flex}footer i{aspect-ratio:1;background:var(--orange);border-radius:50%;width:3px}.game-page{padding:30px 0 50px}.game-header{justify-content:space-between;align-items:center;display:flex}.leave{color:#68716b;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-size:12px}.room-bar{border:1px solid var(--line);background:#fffdf7b3;justify-content:space-between;align-items:center;margin:38px 0 24px;padding:13px 16px;display:flex}.room-bar small{color:#848b86;letter-spacing:.14em;margin-right:12px;font-size:9px;font-weight:800}.room-bar button{font:700 16px var(--font-display);letter-spacing:.18em;cursor:pointer;background:0 0;border:0;padding:0}.room-bar button span{color:var(--orange);font:700 10px var(--font-body);letter-spacing:0;margin-left:10px}.connection{color:#737b76;text-transform:capitalize;align-items:center;gap:8px;font-size:11px;display:flex}.connection i{aspect-ratio:1;background:#9b9f9c;border-radius:50%;width:7px}.connection.connected i{background:#40aa63;box-shadow:0 0 0 3px #40aa6321}.connection.reconnecting i{background:#e49a37}.scoreboard{grid-template-columns:1fr 48px 1fr;align-items:center;max-width:680px;margin:0 auto 28px;display:grid}.player-card{border:1px solid var(--line);background:#fffdf7b3;align-items:center;gap:13px;padding:13px 15px;display:flex;position:relative}.player-card.active{border-color:var(--green);background:var(--card);box-shadow:4px 4px #1d4d3a1c}.player-card .marker{aspect-ratio:1;width:42px;font:700 27px var(--font-display);place-items:center;display:grid}.player-card.x .marker{color:#fff;background:var(--green)}.player-card.o .marker{color:#fff;background:var(--orange);border-radius:50%}.player-card small{color:#858b87;letter-spacing:.13em;font-size:8px;font-weight:800;display:block}.player-card strong{font:700 15px var(--font-display);margin-top:3px;display:block}.player-card b{color:var(--green);letter-spacing:.1em;font-size:8px;position:absolute;top:9px;right:10px}.versus{text-align:center;color:#92968f;font:700 10px var(--font-display)}.play-area{flex-direction:column;align-items:center;display:flex}.turn-message{justify-content:center;align-items:center;gap:12px;min-height:52px;margin-bottom:18px;display:flex}.turn-message>span{color:var(--orange);font-size:13px}.turn-message small{color:#7b827d;letter-spacing:.15em;font-size:8px;font-weight:800}.turn-message h1{font:700 22px var(--font-display);letter-spacing:-.02em;margin:1px 0 0}.turn-message.won>span{color:#c79022;font-size:20px}.board{border:1px solid var(--line);background:#fffdf7a6;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,405px);padding:10px;display:grid;box-shadow:10px 10px #1d4d3a17}.cell{aspect-ratio:1;background:var(--card);cursor:pointer;font:700 clamp(45px, 8vw, 68px)/1 var(--font-display);border:1px solid #d2d0c8;transition:transform .12s,background .12s}.cell:not(:disabled):hover{border-color:var(--green);background:#edf4ec;transform:translateY(-2px)}.cell:disabled{cursor:default}.cell.x{color:var(--green)}.cell.o{color:var(--orange)}.cell.filled{animation:.18s ease-out stamp}@keyframes stamp{0%{opacity:.4;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.rematch{justify-content:space-between;width:min(100%,405px);margin-top:25px;padding:15px 18px;font-weight:800;display:flex}.centered{text-align:center}.hint{color:#7a827d;text-align:center;margin:20px 0 0;font-size:12px}@media (max-width:620px){.shell{width:min(100% - 24px,960px)}.home{padding-top:22px}.hero{margin:56px auto 34px}.hero h1{font-size:clamp(40px,13vw,58px)}.hero p{font-size:15px}.lobby-card{padding:18px;box-shadow:6px 6px #1d4d3a1a}.join-row{flex-direction:column}.join-row input{text-align:center}.secondary{min-height:45px}footer{padding-bottom:8px}.game-page{padding-top:20px}.room-bar{margin-top:28px}.scoreboard{grid-template-columns:1fr 30px 1fr;width:100%}.player-card{gap:8px;padding:10px}.player-card .marker{width:35px;font-size:22px}.player-card strong{font-size:12px}.player-card b{display:none}.board{box-shadow:6px 6px #1d4d3a17}}