@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#16233c;font-synthesis:none;--navy:#17284a;--blue:#3765e7;--yellow:#ffc928;--line:#dfe5f0;background:#f6f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app{flex-direction:column;min-height:100vh;display:flex}button,input{font:inherit}button{cursor:pointer}header{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 4.5vw;display:flex;position:sticky;top:0}.brand,.room,.setupHead,.modes button,.hintRow>div,.player,.leader{align-items:center;display:flex}.logo{border:4px solid var(--navy);border-radius:50%;place-items:center;width:42px;height:42px;font-family:Space Grotesk;font-size:13px;display:grid;position:relative}.logo:after{content:"";background:var(--navy);width:100%;height:4px;position:absolute}.brand>div{margin-left:12px;display:grid}.brand b{letter-spacing:1px;font-family:Space Grotesk}.brand small{color:#7b879e;font-size:10px}.room{color:#67738a;gap:10px;font-size:13px}.room button{color:var(--blue);background:#edf2ff;border:0;border-radius:9px;padding:8px}.lobby{flex:1;grid-template-columns:1fr 520px;align-items:center;gap:7vw;width:92%;max-width:1320px;margin:auto;padding:55px 0;display:grid}.eyebrow{letter-spacing:1.4px;color:var(--blue);background:#e8eeff;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.welcome h1{letter-spacing:-3px;margin:24px 0;font-family:Space Grotesk;font-size:clamp(46px,5vw,76px);line-height:.98}.welcome h1 em{color:var(--blue);font-style:normal}.welcome>p{color:#6b778d;max-width:520px;font-size:18px;line-height:1.6}.avatars{gap:24px;margin-top:38px;display:flex}.avatars>div{justify-items:center;gap:6px;font-size:12px;display:grid}.avatars span{color:#fff;width:46px;height:46px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatars small{color:var(--blue);font-size:7px}.avatars .waiting span{color:#a1acc0;background:0 0;border-style:dashed}.setup{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px;box-shadow:0 18px 50px #273c6a14}.setupHead{border-bottom:1px solid var(--line);gap:14px;padding-bottom:21px}.setupHead>svg{background:var(--navy);color:#fff;border-radius:11px;width:42px;height:42px;padding:10px}.setupHead>div,.modes span,.hintRow span{display:grid}.setupHead small,.modes small,.hintRow small{color:#8b96a9;margin-top:2px;font-size:11px}.setup>label,.timerSetup label{letter-spacing:1px;justify-content:space-between;margin:22px 0 10px;font-size:10px;font-weight:800;display:flex}.setup>label span{color:#8b96a9;letter-spacing:0;font-weight:500}.gens{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.gens button{border:1px solid var(--line);color:#6d7890;background:#f9faff;border-radius:9px;padding:9px 3px}.gens b,.gens small{font-size:9px;display:block}.gens small{margin-top:2px;font-size:8px}.gens button.on{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 5px 12px #3765e733}.modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modes button{text-align:left;border:1px solid var(--line);color:#6d7890;background:#fafbfe;border-radius:11px;gap:10px;padding:13px}.modes button.on{border:2px solid var(--blue);color:var(--navy);background:#f0f4ff}.modes svg{width:19px}.timerSetup{justify-content:space-between;align-items:center;display:flex}.timerSetup input{border:1px solid var(--line);border-radius:8px;width:70px;padding:8px}.hintRow{background:#fff9e6;border:1px solid #f8e4a7;border-radius:11px;justify-content:space-between;align-items:center;margin-top:18px;padding:13px;display:flex}.hintRow>div{gap:10px}.hintRow svg{color:#d99b00;width:20px}.switch{background:#cbd3df;border:0;border-radius:22px;width:38px;height:22px;padding:3px}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch.on{background:var(--blue)}.switch.on i{transform:translate(16px)}.start{background:var(--yellow);color:#25314b;letter-spacing:.6px;border:0;border-radius:11px;width:100%;margin-top:18px;padding:15px;font-weight:900;box-shadow:0 6px #dda900}.start span{float:right}.game{flex:1;grid-template-columns:245px 1fr;display:grid}.game aside{border-right:1px solid var(--line);background:#fff;padding:24px 18px}.round{background:var(--navy);color:#fff;border-radius:14px;padding:18px}.round small,.game aside h3{letter-spacing:1.2px;color:#aebbd4;font-size:9px;font-weight:800}.round h2{margin:6px 0;font-size:18px}.round strong{color:var(--yellow);font-family:Space Grotesk;font-size:30px}.game aside h3{margin:28px 8px 10px}.player{gap:9px;padding:9px 5px}.player>span{color:#9aa5b8;font-size:10px}.player i{color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;display:grid}.player b{flex:1;font-size:13px}.leader{background:#fff7d9;border-radius:10px;gap:9px;margin-top:12px;padding:11px}.leader svg{color:#e3a700}.leader span{display:grid}.leader small{color:#a47800;font-size:7px}.reset{color:#8994a8;background:0 0;border:0;gap:8px;margin-top:25px;font-size:11px;display:flex}.reset svg{width:15px}.board{max-width:1500px;padding:32px 3.5vw 60px}.boardTop{justify-content:space-between;align-items:end;display:flex}.live{color:#eb4967;font-size:9px;font-weight:800}.boardTop h1{margin:6px 0 2px;font-family:Space Grotesk;font-size:32px}.boardTop p{color:#8290a7;margin:0}.progress{align-items:center;gap:10px;display:flex}.progress>i{background:#dfe5ef;border-radius:8px;width:140px;height:7px;overflow:hidden}.progress span{background:var(--blue);height:100%;display:block}.guess{border:2px solid var(--blue);background:#fff;border-radius:14px;align-items:center;max-width:680px;margin:28px auto;padding:0 16px;display:flex;box-shadow:0 10px 30px #3765e724}.guess svg{color:var(--blue)}.guess input{border:0;outline:0;flex:1;padding:17px;font-size:16px}.guess kbd{color:#8792a4;background:#edf1f8;border-radius:6px;padding:4px 7px;font-size:9px}.toast{z-index:10;background:var(--navy);color:#fff;border-radius:99px;padding:11px 19px;font-size:12px;animation:2.4s forwards toast;position:fixed;top:88px;left:50%;transform:translate(-50%)}.region{margin-top:28px}.regionTitle{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:10px;display:flex}.regionTitle span{color:#fff;background:var(--blue);border-radius:5px;padding:5px 7px;font-size:8px;font-weight:900}.regionTitle small{color:#8e99ab;margin-left:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px;margin-top:13px;display:grid}.grid article{background:#fff;border:1px solid #e3e8f1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:106px;transition:all .2s;display:flex;position:relative}.grid article.caught{background:#fff;border-color:#cdd9f5}.grid img{width:66px;height:66px;image-rendering:pixelated;margin-top:-5px}.grid article b{text-align:center;margin-top:-5px;font-size:10px}.grid article small{color:#97a2b4;font-size:8px}.ball{color:#acb5c4;background:#e6eaf1;border:3px solid #c6cdd9;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:8px;font-size:22px;display:grid}.ball.fire{color:#ed6036;background:#ffdfd5}.ball.water{color:#448ddd;background:#d9ecff}.ball.grass,.ball.bug{color:#5b9f3f;background:#e1f3d8}.ball.electric{color:#d4a600;background:#fff2b7}.ball.psychic,.ball.fairy{color:#d75a99;background:#ffe0f1}.ball.dark,.ball.ghost{color:#665681;background:#e3def1}.ball.ice,.ball.flying{color:#4e9fa7;background:#daf5f5}.ball.fighting,.ball.ground,.ball.rock{color:#996249;background:#eeddd3}.ball.poison{color:#9954ac;background:#ecdaf2}.ball.dragon{color:#6450c8;background:#ded9fa}.ball.steel{color:#687b86;background:#e1e8ec}.shiny{color:#e7ad00;position:absolute;top:5px;right:7px}.flash{animation:.25s 4 flash}.app footer{border-top:1px solid var(--line);color:#8c97aa;background:#fff;align-items:center;gap:15px;height:42px;padding:0 4.5vw;font-size:9px;display:flex}.app footer span{color:var(--blue);font-weight:800}.app footer b{margin-left:auto}@keyframes flash{50%{background:#ffe98e;transform:scale(1.08)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (width<=900px){.lobby{grid-template-columns:1fr;padding:35px 0}.welcome h1{font-size:48px}.setup{width:100%;max-width:580px;margin:auto}.game{grid-template-columns:1fr}.game aside{display:none}.board{padding:24px 4vw}.grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}@media (width<=560px){header{padding:0 16px}.room span{display:none}.welcome h1{letter-spacing:-2px}.avatars{gap:12px}.gens{grid-template-columns:repeat(3,1fr)}.modes{grid-template-columns:1fr}.boardTop{align-items:start}.progress{display:none}.grid article{height:94px}.grid img{width:58px;height:58px}.app footer p{display:none}}.casual-timer{color:var(--navy);background:#e8eeff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding:12px 16px;display:flex}.casual-timer span{font-size:14px}.casual-timer strong{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:24px}.casual-timer small{color:#58667e;margin-left:auto;font-size:12px}.grid img.ball-sprite{width:64px;height:64px;image-rendering:pixelated;object-fit:contain;margin:0}.start:disabled{opacity:.55;cursor:wait}footer a{color:inherit}.app:has(.game){height:100dvh;min-height:0;overflow:hidden}:is(.app:has(.game) header,.app:has(.game) footer){flex-shrink:0}.game{min-height:0;overflow:hidden}.game aside{overflow-y:auto}.game .board{flex-direction:column;width:100%;min-width:0;max-width:none;min-height:0;padding:20px 3vw 0;display:flex;overflow:hidden}.play-controls{border-bottom:1px solid var(--line);background:#f6f8fc;flex-shrink:0;padding-bottom:14px}.pokemon-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 12px 32px 0;overflow-y:auto}.control-row{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:20px;margin-top:12px;display:grid}.input-column{min-width:0}.control-row .guess{width:100%;max-width:none;margin:10px 0 0}.control-row .guess input{width:100%;min-width:0}.control-row .casual-timer{margin-top:0;padding:8px 12px}.recent{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:97px;padding:8px 10px}.recent>span{color:#68758d;font-size:10px;font-weight:800}.recent>div{justify-content:flex-start;align-items:center;gap:5px;min-height:58px;display:flex}.recent figure{text-align:center;width:74px;margin:0}.recent img{width:46px;height:46px;image-rendering:pixelated}.recent figcaption{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.recent small{color:#8b96a9;font-size:12px}.grid article{height:auto;min-height:116px;padding:8px 3px}.grid article b{overflow-wrap:anywhere;margin-top:0;font-size:11px}@media (width<=900px){.game .board{padding:14px 3vw 0}.control-row{grid-template-columns:minmax(0,1fr) 215px;gap:10px}.recent figure{width:60px}}@media (width<=560px){.control-row{grid-template-columns:1fr;gap:6px;margin-top:8px}.recent{align-items:center;gap:8px;min-height:0;padding:4px 8px;display:flex}.recent>span{max-width:95px;font-size:8px}.recent>div{min-height:0}.recent img{width:32px;height:32px}.recent figcaption{font-size:9px}.recent figure{align-items:center;width:auto;max-width:100px;display:flex}.control-row .guess input{padding:12px 8px;font-size:14px}.control-row .casual-timer small{display:none}.boardTop h1{font-size:24px}.play-controls{padding-bottom:8px}.region{margin-top:18px}}.timerSetup label{letter-spacing:.3px;font-size:14px}.timerSetup input{width:88px;font-size:16px}.letter-option{background:#edf2ff;border-color:#cdd9f5;gap:12px}.letter-option svg{color:var(--blue);flex-shrink:0}.letter-option b{font-size:16px}.letter-option small{color:#5e6e8a;font-size:12px;line-height:1.4}.letter-option .switch{flex-shrink:0}.versus-controls{color:var(--navy)}.turn-line{justify-content:space-between;align-items:center;gap:12px;min-height:32px;font-size:14px;display:flex}.turn-clock{white-space:nowrap;align-items:center;gap:6px;display:flex}.turn-clock strong{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:24px}.turn-clock small{color:#5e6e8a;font-size:12px}.turn-clock.urgent{color:#b91c35}.letter-roulette{background:#e8eeff;border:1px solid #cdd9f5;border-radius:12px;align-items:center;gap:12px;margin-top:6px;padding:10px;display:flex}.letter-window{background:var(--navy);height:64px;color:var(--yellow);border-radius:9px;flex:0 0 60px;overflow:hidden;box-shadow:inset 0 3px 9px #0004}.letter-window>span,.letter-reel>span{place-items:center;height:64px;font:700 40px/1 Space Grotesk,sans-serif;display:grid}.letter-reel{animation:.75s steps(26,end) infinite letter-roll}.letter-status{flex:1;gap:3px;min-width:0;display:grid}.letter-status>b{font-size:16px}.letter-status>span{font-size:14px;line-height:1.4}.letter-status>small{color:#5e6e8a;font-size:12px}.spin-button{background:var(--blue);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.spin-button:disabled{color:#536484;cursor:default;background:#cdd6ec}.spin-button:focus-visible,.letter-option .switch:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.surrender-button{color:#354c70;background:#fff;border:1px solid #a6b6d3;border-radius:9px;align-items:center;gap:7px;max-width:145px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.surrender-button svg{flex-shrink:0}.surrender-button:hover{border-color:var(--navy);background:#f6f8fc}.surrender-button:focus-visible,.letter-history:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.letter-team{white-space:nowrap;align-items:center;gap:7px;padding:7px 0 2px;font-size:12px;display:flex;overflow-x:auto}.letter-team>span{border-radius:6px;flex-shrink:0;padding:3px 6px}.letter-team>span:first-child{color:#5e6e8a;padding-left:0}.letter-team .has-turn{background:var(--navy);color:#fff}.letter-team .gave-up{color:#59677d;background:#e5e9f1}.letter-history{white-space:nowrap;align-items:center;gap:7px;max-width:100%;padding:7px 0 3px;display:flex;overflow-x:auto}.letter-history>span{flex-shrink:0}.letter-history>span:first-child{color:#5e6e8a;font-size:12px;font-weight:700}.letter-result{background:#fff;border:1px solid #cdd9f5;border-radius:6px;padding:4px 8px;font-size:14px}.letter-result.exhausted{color:#215c43;background:#def1e9;border-color:#9ccdb8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guess:has(input:disabled){box-shadow:none;border-color:#cdd6ec}.guess input:disabled{color:#5e6e8a;cursor:not-allowed;background:0 0}.guess:has(input[aria-invalid=true]){border-color:#b91c35}.letter-validation{color:#a81a30;min-height:20px;padding:3px 4px 0;font-size:12px}@keyframes letter-roll{to{transform:translateY(-1664px)}}@media (width<=1100px) and (width>=901px){.letter-roulette{flex-wrap:wrap}.letter-roulette .spin-button{margin-left:auto}}@media (width<=560px){.letter-roulette{gap:8px;padding:8px}.letter-window{flex-basis:48px}.letter-status>b{font-size:14px}.letter-status>span{font-size:12px}.letter-status>small{display:none}.spin-button{padding:10px}.spin-button svg{display:none}.surrender-button{max-width:105px;padding:9px}.surrender-button svg{display:none}.turn-clock strong{font-size:20px}.letter-validation{min-height:18px}}@media (prefers-reduced-motion:reduce){.letter-reel{animation:none}}.entry{text-align:center;width:min(760px,92%);margin:auto;padding:60px 0}.entry h1{letter-spacing:-1.5px;margin:25px 0 16px;font:700 clamp(32px,5vw,52px)/1.1 Space Grotesk,sans-serif}.entry>p{color:#586981;font-size:16px;line-height:1.6}.entry-options{grid-template-columns:1fr 1fr;gap:18px;margin:30px 0;display:grid}.entry-options button{text-align:left;color:var(--navy);background:#fff;border:1px solid #cdd9ed;border-radius:16px;justify-items:start;gap:13px;padding:28px;display:grid;box-shadow:0 8px 24px #273c6a0a}.entry-options button:hover{border-color:var(--blue);background:#edf2ff}.entry-options svg{width:36px;height:36px;color:var(--blue)}.entry-options b{font:700 24px Space Grotesk,sans-serif}.entry-options span{color:#586981;font-size:16px;line-height:1.5}.entry-form{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;max-width:400px;margin:30px auto;padding:26px}.entry-form label{margin:15px 0 8px;font-size:14px;font-weight:700;display:block}.entry-form input{border:1px solid #b2c0d5;border-radius:8px;width:100%;padding:12px;font-size:16px}.back-link{color:var(--blue);background:0 0;border:0;padding:12px;font-size:16px}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{cursor:default;opacity:.6}.setup fieldset{border:0;min-width:0;margin:0;padding:0}.setup fieldset>label{justify-content:space-between;gap:12px;margin:22px 0 10px;font-size:14px;font-weight:700;display:flex}.setup fieldset>label>span{color:#5e6e8a;text-align:right;font-size:12px;font-weight:400}.solo-modes{grid-template-columns:1fr}.lobby .welcome h1{font-size:clamp(42px,5vw,66px)}.avatars{flex-wrap:wrap}.avatars>div{overflow-wrap:anywhere;text-align:center;max-width:130px}.avatars b{font-size:14px}.avatars small{font-size:10px}.share-room{background:#edf2ff;border:1px solid #cdd9ed;border-radius:14px;gap:10px;max-width:520px;margin-top:26px;padding:18px;display:grid}.share-room label{font-size:14px;font-weight:700}.share-room>div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.share-room strong{letter-spacing:3px;font:700 28px Space Grotesk,sans-serif}.share-room button{color:var(--blue);background:#fff;border:1px solid #b2c0d5;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.share-room input{color:#354c70;border:1px solid #b2c0d5;border-radius:8px;width:100%;min-width:0;padding:10px;font-size:14px}.share-room small{color:#586981;font-size:12px;line-height:1.5}.lobby-note{color:#586981;margin:18px 0 0;font-size:14px;line-height:1.5}.connection-error{color:#774600;background:#fff1d1;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.4}.play-controls>.connection-error{margin:8px 0}.board-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.board-actions button{color:#354c70;background:#fff;border:1px solid #cdd9ed;border-radius:8px;align-items:center;min-height:36px;padding:8px;font-size:14px;display:flex}.mobile-scores{display:none}.app header .real-room-code{font-size:14px;display:inline}.guess input:disabled{opacity:1}.start:disabled{cursor:default}@media (width<=900px){.mobile-scores{white-space:nowrap;gap:16px;padding:7px 0 0;font-size:12px;display:flex;overflow-x:auto}.mobile-scores span{flex-shrink:0}}@media (width<=560px){.entry-options{grid-template-columns:1fr}.entry{padding:30px 0}.entry-options button{gap:10px;padding:22px}.board-actions{max-width:140px}.board-actions>b{display:none}.app header .real-room-code{font-size:12px}.room{gap:5px}.brand b{font-size:13px}.brand>div{margin-left:8px}.logo{width:35px;height:35px}.share-room strong{font-size:24px}.letter-roulette{flex-wrap:wrap}.letter-roulette .surrender-button{max-width:none;margin-left:auto}}