:root{--bg0: #0a1430;--bg1: #10245a;--surface: rgba(255, 255, 255, .08);--surface2: rgba(255, 255, 255, .14);--line: rgba(255, 255, 255, .16);--text: #eaf1ff;--muted: #9fb2d4;--primary: #4f8cff;--primary2: #2a4fd6;--accent: #ffd24a;--good: #46d98a;--bad: #ff6b6b;--radius: 18px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg0);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100%}button{font-family:inherit}.screen-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background-size:300% 300%;animation:bgdrift 18s ease-in-out infinite}canvas.fx-bg{position:fixed;inset:0;z-index:-1;display:block;width:100vw;height:100dvh}.screen-bg:before,.screen-bg:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(40px);opacity:.45;animation:blob 22s ease-in-out infinite}.screen-bg:after{animation-duration:28s;animation-direction:reverse}@keyframes bgdrift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blob{0%,to{transform:translate(-10%,-10%) scale(1)}50%{transform:translate(60vw,40vh) scale(1.3)}}.bg-aurora{background-image:linear-gradient(135deg,#10245a,#2a1163,#0a1430,#123a6e)}.bg-aurora:before{background:#4f8cff}.bg-aurora:after{background:#b06bff;left:40vw}.bg-ocean{background-image:linear-gradient(160deg,#1a73b8,#0b3a6b,#06224a,#0a4f8a)}.bg-ocean:before{background:#35b6ff}.bg-ocean:after{background:#1d6fd0;left:50vw;top:30vh}.bg-electric{background-image:linear-gradient(135deg,#3a1d7a,#7a2fb0,#1a1055,#b02f8f)}.bg-electric:before{background:#c04fff}.bg-electric:after{background:#ff4fa0;left:45vw}.bg-studio{background-image:linear-gradient(135deg,#1b8a7a,#117a5a,#0a5a6a,#2aa77a)}.bg-studio:before{background:#46d9b0}.bg-studio:after{background:#4fd0ff;left:50vw}.screen{position:relative;height:100dvh;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.lobby-main,.lobby-col{min-height:0}.lobby-col{overflow-y:auto}.lb-list,.jinx-results,.doodle-scores,.vote-list{min-height:0;overflow-y:auto}.screen.center{align-items:center;justify-content:center;text-align:center}.game-stage{gap:14px}#app{position:relative}.screen-enter{transform:translate(8%);opacity:0}.screen-enter-active{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease;transform:none;opacity:1}.screen-leave-active{position:absolute;inset:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease;transform:translate(-8%);opacity:0;pointer-events:none}.title{font-size:clamp(2.6rem,10vw,4.6rem);margin:0;font-weight:900;letter-spacing:-.02em;line-height:1.02}.title.small{font-size:clamp(1.8rem,7vw,2.6rem)}.title.huge{font-size:clamp(3rem,13vw,6.5rem)}.tagline{color:var(--muted);font-size:clamp(1rem,2.6vw,1.3rem);margin:0;max-width:32ch}.muted{color:var(--muted)}.muted.small{font-size:.85rem}.muted.big{font-size:1.3rem}.center{text-align:center}.ok{color:var(--good);font-weight:700;font-size:1.2rem}.error{color:var(--bad);min-height:1.2em;font-size:1rem;font-weight:600}.waiting{color:var(--muted);font-style:italic}.waiting.big{font-size:1.3rem}.btn{border:none;cursor:pointer;border-radius:14px;padding:14px 22px;font-size:1.05rem;font-weight:800;background:var(--surface2);color:var(--text);transition:transform .08s ease,filter .15s ease}.btn{transition:transform .14s cubic-bezier(.2,1.6,.4,1),filter .15s ease,box-shadow .15s ease}.btn:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.04)}.btn:active{transform:translateY(1px) scale(.96)}.btn.big:hover{transform:translateY(-3px) scale(1.06)}.btn.primary:hover{box-shadow:0 14px 30px -8px var(--primary)}.btn.big{padding:18px 34px;font-size:1.3rem;border-radius:16px}.btn.small{padding:9px 15px;font-size:.92rem}.btn.primary{background:linear-gradient(145deg,var(--primary),var(--primary2));box-shadow:0 10px 26px -10px var(--primary)}.btn.ghost{background:var(--surface);border:1px solid var(--line)}.btn.link{background:none;color:var(--muted);font-weight:700}.btn.link:hover{color:var(--text)}.btn.disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}.landing-actions{display:flex;flex-direction:column;gap:14px;width:min(360px,90vw);margin-top:10px}.logo{font-size:5rem}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pop{animation:pop .45s cubic-bezier(.2,1.5,.4,1) both}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.field{width:min(360px,90vw);padding:16px 18px;font-size:1.2rem;border-radius:14px;border:1px solid var(--line);background:#0000004d;color:var(--text);outline:none;text-align:center}.field:focus{border-color:var(--primary)}.field.big-code{font-size:2.4rem;letter-spacing:.3em;font-weight:900;text-transform:uppercase}.label{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,56px);gap:10px;justify-content:center;max-width:380px}.avatar-pick{width:60px;height:60px;border-radius:16px;border:3px solid transparent;background:#ffffff0f;cursor:pointer;display:grid;place-items:center;padding:4px;transition:transform .1s,border-color .1s,background .1s}.avatar-pick svg{width:100%;height:100%}.avatar-pick:hover{transform:scale(1.1);background:#ffffff1f}.avatar-pick.sel{border-color:var(--accent);transform:scale(1.14);background:#ffd24a2e}.avatar{display:grid;place-items:center;flex:none}.avatar svg{width:100%;height:100%}.avatar.sm{width:42px;height:42px}.avatar.md{width:62px;height:62px}.avatar.lg{width:104px;height:104px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.avatar-label{font-size:.85rem;color:var(--muted);max-width:96px;text-align:center;overflow-wrap:anywhere;line-height:1.1}.netdot{position:fixed;top:10px;right:10px;width:10px;height:10px;border-radius:50%;z-index:100;transition:background .3s}.netdot.open{background:var(--good)}.netdot.connecting{background:var(--accent);animation:blink 1s infinite}.netdot.closed{background:var(--bad)}@keyframes blink{50%{opacity:.3}}.lobby{gap:18px}.join-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}.jb-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2px}.jb-host{font-size:1.2rem;font-weight:800;margin:0;word-break:break-all}.jb-actions{display:flex;gap:8px;margin-top:10px}.jb-code .code{font-size:clamp(2.4rem,9vw,3.6rem);font-weight:900;letter-spacing:.15em;margin:0;color:var(--accent)}.lobby-main{display:grid;grid-template-columns:1fr 1fr;gap:22px;flex:1}.lobby-col{display:flex;flex-direction:column;gap:12px;min-width:0}.section{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.player-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}.player-card.spawn{animation:spawnIn .5s cubic-bezier(.2,1.5,.35,1) both}@keyframes spawnIn{0%{opacity:0;transform:scale(.3) translateY(14px)}60%{opacity:1}to{opacity:1;transform:none}}.player-card.me{border-color:var(--accent);background:#ffd24a1a}.player-card.offline{opacity:.45}.player-card .pc-name{font-weight:800;font-size:1.05rem;text-align:center;overflow-wrap:anywhere;line-height:1.15;max-width:100%}.tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:900;letter-spacing:.08em;padding:2px 8px;border-radius:99px;z-index:1}.tag.host{background:var(--accent);color:#06142e}.tag.bot{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.pc-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px}.pc-act{width:26px;height:26px;border-radius:8px;border:none;background:#00000040;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:4px}.pc-act svg{width:15px;height:15px}.pc-act:hover{color:var(--text);background:#0006}.pc-act.danger:hover{color:var(--bad)}.icon-btn{display:inline-flex;align-items:center;gap:8px}.icon-btn svg{width:18px;height:18px}.player-chip{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;position:relative;min-width:0}.player-chip.me{border-color:var(--accent)}.player-chip.offline{opacity:.45}.player-chip .pc-name{font-weight:700;min-width:0;overflow-wrap:anywhere;line-height:1.15}.player-chip .crown{position:absolute;top:-10px;left:-4px;font-size:1.1rem}.player-chip .bot-tag{left:auto;right:-4px}.player-chip.bot{border-style:dashed}.bot-controls{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.kick{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem}.kick:hover{color:var(--bad)}.picker{display:flex;flex-direction:column;gap:12px}.gamecard{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:14px 16px;cursor:pointer;position:relative;color:var(--text)}.gamecard .gc-emoji{grid-row:1 / 3;font-size:2.1rem;align-self:center}.gamecard .gc-title{font-weight:900;font-size:1.15rem}.gamecard .gc-tag{color:var(--muted);font-size:.9rem}.gamecard.on{border-color:var(--primary);background:#4f8cff29}.gamecard .order{position:absolute;top:8px;right:10px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:900}.picker.readonly .gamecard{cursor:default}.lobby-foot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:8px}.mini-players{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:12px}.intro-count{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:1.1rem}.intro-emoji{font-size:7rem}.how-to{display:flex;flex-direction:column;gap:14px;margin-top:10px;width:min(560px,92vw)}.how-line{display:flex;align-items:center;gap:16px;font-size:clamp(1.3rem,4vw,2rem);font-weight:800;text-align:left}.how-num{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#06142e;display:grid;place-items:center;font-size:1.3rem;font-weight:900}.how-example{color:var(--muted);font-size:1.15rem;margin-top:8px;max-width:40ch}.cd-spacer{display:none}.cd-line{position:fixed;top:0;left:0;right:0;height:9px;background:#ffffff29;z-index:60;box-shadow:inset 0 -1px 2px #0000004d}.cd-line>i{display:block;height:100%;width:0;transition:width .12s linear,background .4s ease;box-shadow:2px 0 0 currentColor}.cd-bignum{position:fixed;top:7%;left:0;right:0;text-align:center;z-index:5;pointer-events:none;font-size:clamp(5rem,24vw,17rem);font-weight:900;line-height:1;text-shadow:0 12px 50px rgba(0,0,0,.55)}.cd-bignum.fly{animation:flynum .95s cubic-bezier(.15,1.3,.3,1)}@keyframes flynum{0%{transform:perspective(600px) translateY(-40px) rotateX(55deg) scale(2.6);opacity:0}55%{opacity:.95}to{transform:perspective(600px) translateY(0) rotateX(0) scale(1);opacity:.8}}.sonar-title{font-size:clamp(3.4rem,18vw,9rem);font-weight:900;letter-spacing:.12em;margin:0;display:flex;gap:.02em}.st-letter{display:inline-block;animation:pop .5s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--i, 0) * 60ms);text-shadow:0 0 30px rgba(70,255,154,.5)}.sonar-title:hover .st-letter{animation:lightwave .6s ease both;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes lightwave{0%,to{transform:none;color:var(--text);text-shadow:0 0 30px rgba(70,255,154,.5)}45%{transform:translateY(-18px) scale(1.2);color:var(--good);text-shadow:0 0 30px var(--good)}}.invite{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#4f8cff33,#ffd24a1f);border:1px solid var(--line);border-radius:var(--radius);padding:16px 22px}.invite-code{display:flex;flex-direction:column}.ic-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.ic-code{font-size:clamp(2.4rem,10vw,3.8rem);font-weight:900;letter-spacing:.22em;color:var(--accent);line-height:1}.invite-btns{display:flex;gap:10px;flex-wrap:wrap}.skip-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40}.skip-vote-count{opacity:.8;font-weight:800}.phase-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ph-sub{color:var(--muted);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.ph-title{font-weight:900;font-size:1.3rem}.host-skip{display:flex;justify-content:center;margin-top:auto;padding-top:10px}.host-skip.empty{min-height:0}.leaderboard{gap:12px}.lb-list{display:flex;flex-direction:column;gap:10px;width:min(680px,96vw);margin:0 auto;flex:1}.lb-row{display:grid;grid-template-columns:40px 60px 1fr auto auto auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 16px;will-change:transform}.lb-row.me{border-color:var(--accent);background:#ffd24a24}.lb-rank{font-weight:900;color:var(--muted);text-align:center;font-size:1.4rem}.lb-name{font-weight:800;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-gain{color:var(--good);font-weight:800;font-size:1rem}.lb-badge{font-size:.85rem;font-weight:800;min-width:42px;text-align:center}.lb-badge.up{color:var(--good)}.lb-badge.down{color:var(--bad)}.lb-score{font-weight:900;font-variant-numeric:tabular-nums;min-width:72px;text-align:right;font-size:1.5rem}.delta{font-size:.8rem;font-weight:800}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.lb-list.compact .lb-row{padding:7px 14px}.podium-screen{gap:16px;justify-content:center}.podium-title{margin-bottom:4px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin:16px 0}.podium-col{display:flex;flex-direction:column;align-items:center;gap:6px;width:30%;max-width:190px;opacity:0;animation:podIn .6s cubic-bezier(.2,1.3,.4,1) forwards;animation-delay:var(--rd, 0ms)}@keyframes podIn{0%{opacity:0;transform:translateY(40px) scale(.85)}to{opacity:1;transform:none}}.p-place-label{font-weight:900;font-size:1.2rem;color:var(--accent);letter-spacing:.04em}.podium-col .p-name{font-weight:800;font-size:1.25rem;overflow-wrap:anywhere;text-align:center}.podium-col .p-score{color:var(--accent);font-weight:900;font-size:1.5rem}.p-stand{width:100%;border-radius:16px 16px 0 0;display:grid;place-items:center;background:var(--surface2);height:0;overflow:hidden;animation:grow .7s cubic-bezier(.2,.9,.3,1) forwards;box-shadow:inset 0 3px 12px #fff3}.podium-col.p1 .p-stand{background:linear-gradient(180deg,#ffe279,#c99a1e);--h: 180px}.podium-col.p2 .p-stand{background:linear-gradient(180deg,#dfe8f6,#8a98ad);--h: 130px}.podium-col.p3 .p-stand{background:linear-gradient(180deg,#e8a06a,#9c5a2b);--h: 96px}@keyframes grow{to{height:var(--h)}}.p-place{font-size:2.8rem;font-weight:900;color:#00000073}.podium-col.me .p-name{color:var(--accent)}.podium-title.between{font-size:clamp(1.7rem,6vw,2.9rem)}.p-gain{font-weight:800;font-size:1.05rem;color:var(--good);margin-top:-2px}.p-gain.neg{color:var(--bad)}.podium-col .delta{font-size:1rem}.lb-list.compact.wide{width:min(560px,96vw);flex:none}.round-intro{text-align:center;margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:4px}.ri-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.26em;font-weight:900;font-size:1.05rem;margin:10px 0 0;opacity:.92}.ri-round{font-size:clamp(3.4rem,15vw,7.5rem);font-weight:900;line-height:.92;letter-spacing:-.03em;display:flex;flex-direction:column;align-items:center}.ri-of{font-size:.24em;font-weight:800;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:10px}.ri-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:1.3rem;margin:22px 0 0}.ri-prompt{font-size:clamp(2rem,7.5vw,3.8rem);font-weight:900;line-height:1.04;margin:6px 0 0;max-width:92vw;overflow-wrap:anywhere}.deepcuts-prompt-wrap{text-align:center;margin:auto 0 6px}.dc-category{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin:0;font-size:1.3rem}.dc-prompt{font-size:clamp(2.4rem,9vw,5rem);margin:10px 0;font-weight:900;line-height:1.02}.dc-hint{color:var(--muted);max-width:42ch;margin:0 auto;font-size:1.1rem}.dc-hint.center{text-align:center}.dc-hint.big{font-size:1.4rem}.answer-panel{display:flex;flex-direction:column;align-items:center;gap:14px}.answer-field{width:min(560px,92vw)}.locked{display:flex;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--good);border-radius:14px;padding:12px 20px;font-weight:800}.locked.big{font-size:1.4rem}.locked .tick{color:var(--good);font-weight:900}.submit-count.big{font-size:1.2rem}.vote-list{display:flex;flex-direction:column;gap:12px;width:min(580px,94vw);margin:0 auto}.vote-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px}.vote-text{font-weight:800;font-size:1.2rem}.vote-btns{display:flex;gap:8px}.vote-btn{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:10px 16px;cursor:pointer;font-weight:800}.vote-btn.yes.sel{background:var(--good);color:#042;border-color:var(--good)}.vote-btn.no.sel{background:var(--bad);color:#400;border-color:var(--bad)}.fishing-canvas{position:fixed;inset:0;width:100vw;height:100dvh;display:block;z-index:0}.reveal-overlay{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}.reveal-banner{background:#06142edb;border:2px solid var(--accent);border-radius:22px;padding:26px 34px;text-align:center;backdrop-filter:blur(8px);box-shadow:0 20px 50px -16px #000}.rb-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-weight:900;font-size:1.2rem}.rb-avatar{width:110px;height:110px;display:grid;place-items:center;margin:0 auto}.rb-avatar svg{width:100%;height:100%}.rb-name{font-size:1.8rem;font-weight:900;margin:10px 0 2px}.rb-answer{font-size:1.4rem;margin:0}.rb-metres{color:var(--accent);font-weight:900;margin:8px 0 0;font-size:1.3rem}.game-stage:has(.fishing-canvas) .host-skip,.screen:has(.fishing-canvas) .host-skip{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;z-index:2}.jinx-cat-wrap{text-align:center;margin:auto 0 6px}.jinx-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:1.5rem;margin:0}.jinx-after{color:var(--muted);margin:6px 0;font-size:1.1rem}.jinx-seed{font-size:clamp(3rem,15vw,7rem);font-weight:900;margin:0;letter-spacing:-.02em;line-height:1}.jinx-input{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.jinx-field{width:min(380px,82vw)}.jinx-winner-word{text-align:center;color:var(--muted);font-size:1.3rem}.jinx-winner-word strong{color:var(--accent)}.jinx-results{display:flex;flex-direction:column;gap:10px;width:min(620px,96vw);margin:0 auto;flex:1}.jinx-row{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;animation:slideIn .4s both}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.jinx-row.winner{border-color:var(--accent);background:#ffd24a29}.jinx-row.jinxed{border-color:var(--bad);background:#ff6b6b1f}.jinx-row.me{outline:2px solid var(--accent)}.jr-avatar{width:52px;height:52px;display:grid;place-items:center;flex:none}.jr-avatar svg{width:100%;height:100%}.jr-main{display:flex;flex-direction:column;min-width:0}.jr-name{font-weight:800;font-size:1.15rem}.jr-text{color:var(--muted);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jr-status{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:10px}.jr-status.winner{color:#042;background:var(--accent)}.jr-status.survived{color:var(--good)}.jr-status.jinxed{color:#fff;background:var(--bad)}.jr-status.invalid{color:var(--muted)}.jr-points{font-weight:900;color:var(--good);min-width:60px;text-align:right;font-size:1.2rem}.jr-points.dim{color:var(--muted)}.doodle-choosing{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;margin:auto 0}.big-prompt{font-size:clamp(2rem,7vw,3.4rem);font-weight:900;margin:0}.sub-prompt{font-size:1.4rem;color:var(--muted);margin:0}.choice-slot{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn.choice{background:var(--surface2);border:2px solid var(--line);font-size:1.5rem;padding:20px 30px;text-transform:capitalize;font-weight:900}.btn.choice:hover{border-color:var(--primary)}.spinner-dots{display:flex;gap:8px}.spinner-dots span{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:sdot 1s ease-in-out infinite}.spinner-dots span:nth-child(2){animation-delay:.15s}.spinner-dots span:nth-child(3){animation-delay:.3s}@keyframes sdot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.doodle-top{display:flex;flex-direction:column;gap:10px;align-items:center}.doodle-pattern{display:flex;gap:8px;justify-content:center;font-size:2rem;font-weight:900;letter-spacing:.1em;flex-wrap:wrap}.pat-char{min-width:26px;border-bottom:4px solid var(--muted);text-align:center;text-transform:uppercase}.pat-char.shown{color:var(--accent);border-color:var(--accent)}.pat-space{width:22px}.draw-word{text-align:center;font-size:1.5rem}.draw-word strong{color:var(--accent);text-transform:capitalize}.doodle-work{display:flex;gap:12px;flex:1;min-height:300px;align-items:stretch}.doodle-stage{flex:1;display:flex;min-width:0}.doodle-canvas{width:100%;flex:1;background:#fff;border-radius:16px;border:3px solid var(--line);cursor:crosshair;min-height:300px;touch-action:none;box-shadow:0 10px 30px -14px #000}.draw-rail{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;align-self:stretch}.tool-group{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line)}.tool-group:last-child{border-bottom:none;padding-bottom:0}.tool{width:46px;height:46px;border-radius:12px;border:2px solid transparent;background:var(--surface2);color:var(--text);cursor:pointer;display:grid;place-items:center}.tool svg{width:24px;height:24px}.tool.sel{border-color:var(--accent);background:#ffd24a2e}.tool.danger:hover{color:var(--bad)}.size-dot{background:currentColor;border-radius:50%;display:block}.draw-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.swatch{width:28px;height:28px;border-radius:8px;border:2px solid rgba(0,0,0,.25);cursor:pointer;padding:0}.swatch.sel{outline:3px solid var(--accent);outline-offset:1px}.guess-dock{display:flex;flex-direction:column;gap:8px}.guess-input{display:flex;gap:8px;justify-content:center}.guess-field{width:min(380px,70vw);text-align:left}.guess-feed{display:flex;flex-direction:column;gap:4px;width:min(560px,94vw);margin:0 auto;font-size:1rem;min-height:0}.gf-row{color:var(--muted)}.gf-row.hl{color:var(--good);font-weight:700}.reveal-word{text-align:center;text-transform:capitalize;margin:6px 0}.reveal-word.huge{font-size:clamp(2.6rem,11vw,5rem);font-weight:900}.doodle-scores{display:flex;flex-direction:column;gap:10px;width:min(560px,94vw);margin:0 auto}.ds-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;animation:slideIn .4s both}.ds-name{font-weight:800;font-size:1.15rem}.ds-gain{color:var(--good);font-weight:900;font-size:1.3rem}.ds-gain.dim{color:var(--muted)}.gamecard .gc-emoji{color:var(--accent);display:grid;place-items:center}.gamecard .gc-emoji svg{width:30px;height:30px}.game-icon{width:92px;height:92px;color:var(--accent);margin:0 auto}.game-icon .gi{width:100%;height:100%;display:grid;place-items:center}.gi-jinx{animation:zap 3.2s ease-in-out infinite;transform-origin:center}@keyframes zap{0%,72%,to{transform:none;filter:none}78%{transform:scale(1.22) rotate(-7deg);filter:drop-shadow(0 0 12px var(--accent))}84%{transform:scale(1.05) rotate(5deg)}90%{transform:scale(1.18) rotate(-3deg);filter:drop-shadow(0 0 16px var(--accent))}}.podium-spotlight{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle 230px,transparent 0,transparent 47%,rgba(2,6,16,.82) 50%);background-repeat:no-repeat;background-size:300% 300%;animation:spotlight 4.2s ease-in-out forwards}@keyframes spotlight{0%{background-position:14% 28%;opacity:0}12%{opacity:1}34%{background-position:82% 24%}58%{background-position:26% 72%}80%{background-position:50% 58%}93%{background-position:50% 58%;opacity:1}to{background-position:50% 58%;opacity:0}}.made-by{font-size:1.1rem;letter-spacing:.04em;opacity:.85}.game-stage{height:100dvh;overflow:hidden}.game-stage>*:not(.cd-spacer){animation:swapIn .4s ease both}@keyframes swapIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.doodle-work{min-height:0}.doodle-stage{min-height:0;flex:1}.doodle-canvas{min-height:0}.guess-feed{max-height:80px;overflow:hidden}.doodle-top{gap:6px}.doodle-work{gap:12px}.word-row{min-height:48px;display:grid;place-items:center}.doodle-chat{width:270px;flex:none;display:flex;flex-direction:column;gap:8px;background:#0000003d;border:1px solid var(--line);border-radius:14px;padding:10px;min-height:0}.chat-title{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.chat-feed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:.98rem}.chat-feed .gf-row{color:var(--text);line-height:1.25;overflow-wrap:anywhere}.chat-feed .gf-row b{font-weight:800}.chat-feed .gf-row.hl{color:var(--good);font-weight:600}.doodle-chat .guess-input{display:flex;gap:6px}.doodle-chat .guess-field{flex:1;width:auto;min-width:0}.leaderboard.center{justify-content:center;align-items:center}.lb-list.glow{flex:none;max-height:74vh;background:#06142e6b;border-radius:22px;padding:16px;box-shadow:0 0 0 1px var(--line),0 0 50px -8px var(--primary),inset 0 0 36px -12px var(--accent)}.modal-overlay{position:fixed;inset:0;z-index:300;background:#040a18b8;backdrop-filter:blur(4px);display:grid;place-items:center}.modal{background:var(--bg1);border:1px solid var(--line);border-radius:18px;padding:22px;width:min(360px,92vw);display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 64px -20px #000}.modal-title{margin:0;font-size:1.25rem}.modal .field{width:100%}.modal-btns{display:flex;gap:10px;justify-content:flex-end}#black-wipe{position:fixed;top:-30%;left:-50%;width:200%;height:160%;background:#05080f;z-index:150;pointer-events:none;transform:translate(-100%) skew(-16deg);will-change:transform}.reconnect-box{display:flex;flex-direction:column;align-items:center;gap:14px}.spinner-dots.big span{width:16px;height:16px}.toast-stack{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#0a162ef0;border:1px solid var(--line);border-left:4px solid var(--tc, var(--primary));border-radius:12px;padding:11px 18px;font-weight:800;color:var(--text);box-shadow:0 12px 34px -12px #000;animation:toastIn .42s cubic-bezier(.2,1.3,.3,1) both}.toast.out{animation:toastOut .5s ease forwards}@keyframes toastIn{0%{transform:translateY(44px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-28px);opacity:0}}.mod-cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:14px 0}.mod-card{width:200px;min-height:216px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--surface);border:2px solid var(--line);border-radius:18px;cursor:pointer;text-align:center;color:var(--text);transition:transform .12s,border-color .12s,background .12s}.mod-card:hover{transform:translateY(-6px) scale(1.03);border-color:var(--primary);background:#4f8cff1f}.mod-card.dim{opacity:.4;pointer-events:none}.mod-card.locked{border-color:var(--accent);background:#ffd24a29;transform:translateY(-6px) scale(1.04)}.mod-tag{font-size:2.2rem;font-weight:900;color:var(--accent);letter-spacing:-.02em}.mod-name{font-size:1.3rem;font-weight:900}.mod-desc{font-size:.95rem;color:var(--muted);margin:0;line-height:1.3}.draft-progress{text-align:center}.mod-badge{display:inline-flex;align-items:center;gap:10px;background:#ffd24a29;border:1px solid var(--accent);border-radius:99px;padding:8px 18px;font-weight:800;margin:6px auto}.mod-badge .mod-tag{font-size:1.3rem}.mod-chip{display:inline-block;margin-top:3px;font-size:.78rem;font-weight:800;color:var(--accent);background:#ffd24a24;border-radius:8px;padding:2px 8px}.mod-chip.neg{color:var(--bad);background:#ff6b6b24}.lb-name{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:normal;overflow:visible;min-width:0}.lb-gain.neg{color:var(--bad)}.settings{display:flex;flex-direction:column;gap:8px}.set-desc-bar{margin:6px 4px 0;color:var(--muted);font-size:.82rem;min-height:1.3em;transition:color .15s ease}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 14px;font-weight:700}.stepper{display:flex;align-items:center;gap:8px}.step{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);color:var(--text);font-weight:900;cursor:pointer}.step:disabled{opacity:.4;cursor:default}.step-val{min-width:20px;text-align:center;font-weight:900}.seg{display:flex;gap:4px;background:#00000040;border-radius:10px;padding:3px}.seg-btn{border:none;background:none;color:var(--muted);padding:5px 10px;border-radius:8px;cursor:pointer;text-transform:capitalize;font-weight:700;font-size:.85rem}.seg-btn.on{background:var(--primary);color:#fff}.seg-btn:disabled{cursor:default}.toggle{width:44px;height:26px;border-radius:99px;border:none;background:#ffffff26;position:relative;cursor:pointer;transition:background .15s}.toggle.on{background:var(--good)}.toggle .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on .knob{transform:translate(18px)}.toggle:disabled{opacity:.6;cursor:default}.setup{gap:10px}.setup-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}.preview-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.preview-char{width:118px;height:118px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.preview-char svg{width:100%;height:100%}.setup-fields{display:flex;flex-direction:column;gap:6px;align-items:center}.editor-scroll{flex:1;min-height:0;overflow-y:auto;width:min(660px,96vw);margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:4px 4px 8px}.edit-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;position:sticky;top:0;z-index:2;padding:2px 0 6px}.edit-tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:7px 12px;color:var(--muted);cursor:pointer;font-size:.72rem;font-weight:800;min-width:58px}.edit-tab svg{width:22px;height:22px}.edit-tab.on{color:var(--text);border-color:var(--accent);background:#ffd24a24}.tab-enter{animation:tabIn .28s cubic-bezier(.2,.9,.3,1)}@keyframes tabIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.edit-section{display:flex;flex-direction:column;gap:6px}.edit-label{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.swatch-row,.chip-row{display:flex;flex-wrap:wrap;gap:8px}.char-chip{width:54px;height:54px;border-radius:12px;border:2px solid transparent;background:#ffffff0f;cursor:pointer;padding:3px;display:grid;place-items:center;transition:transform .1s,border-color .1s,background .1s}.char-chip svg{width:100%;height:100%}.char-chip:hover{background:#ffffff1f;transform:translateY(-2px)}.char-chip.sel{border-color:var(--accent);background:#ffd24a2e}.setup-foot{display:flex;gap:12px;align-items:center;justify-content:center}.mod-chip{display:inline-flex;align-items:center;gap:5px;position:relative;cursor:help}.mod-chip-ic{width:18px;height:18px;display:inline-grid;place-items:center}.mod-chip-ic svg{width:100%;height:100%}.mod-chip-d{font-variant-numeric:tabular-nums}.mod-chip[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;background:#0a1024;color:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.78rem;font-weight:600;line-height:1.3;white-space:normal;z-index:80;box-shadow:0 10px 30px -8px #000;pointer-events:none}.mod-card-ic{width:44px;height:44px;color:var(--accent);display:grid;place-items:center}.mod-card-ic svg{width:100%;height:100%}.mod-badge .mod-chip-ic{width:22px;height:22px;color:var(--accent)}.podium-title{font-family:Anton,Impact,Arial Narrow,system-ui,sans-serif;letter-spacing:.01em;text-transform:uppercase;text-align:center;font-weight:400}.podium-col.ghost{visibility:hidden}.count-in{position:fixed;inset:0;display:grid;place-items:center;z-index:55;pointer-events:none}.ci-num{font-family:Anton,Impact,system-ui,sans-serif;color:var(--accent);text-shadow:0 16px 60px rgba(0,0,0,.5);line-height:1;font-size:clamp(5rem,22vw,15rem)}.ci-num.tick{animation:ciPop .82s cubic-bezier(.15,1.2,.3,1)}@keyframes ciPop{0%{transform:scale(calc(var(--ci-scale, 1) * .3));opacity:0}28%{opacity:1}to{transform:scale(calc(var(--ci-scale, 1) * 2.3));opacity:0}}.setup-col{gap:12px}.panel-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;color:var(--text);cursor:pointer;transition:transform .1s,border-color .1s,background .1s}.panel-btn:hover{transform:translateY(-2px);border-color:var(--primary);background:#4f8cff1a}.panel-ic{width:30px;height:30px;color:var(--accent);display:grid;place-items:center;flex:none}.panel-ic svg{width:100%;height:100%}.panel-main{display:flex;flex-direction:column;gap:2px;min-width:0}.panel-title{font-weight:900;font-size:1.15rem}.panel-sub{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-x{background:none;border:none;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer;padding:0 4px}.modal-x:hover{color:var(--text)}.lobby-modal{width:min(580px,94vw);max-height:86vh;overflow-y:auto;align-items:stretch;text-align:left}.ic-edit{background:none;border:none;color:var(--muted);width:22px;height:22px;cursor:pointer;padding:0;vertical-align:middle;margin-left:8px}.ic-edit svg{width:100%;height:100%}.ic-edit:hover{color:var(--accent)}.invite-code{display:inline-flex;align-items:center}.imp-stage{display:flex;flex-direction:column;align-items:center;margin:auto 0}.imp-role{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 30px;border-radius:24px;border:2px solid var(--line);background:var(--surface);width:min(440px,92vw)}.imp-role.imposter{border-color:#ff5a5f;background:#ff5a5f1f;box-shadow:0 0 60px -14px #ff5a5f}.imp-role.player{border-color:var(--primary);background:#4f8cff1f;box-shadow:0 0 60px -14px var(--primary)}.imp-role-tag{margin:0;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--muted)}.imp-role-name{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(2.6rem,11vw,4.4rem);letter-spacing:.02em}.imp-role.imposter .imp-role-name{color:#ff6b6b}.imp-role.player .imp-role-name{color:#8fb4ff}.imp-role-hint{margin:0;color:var(--muted);font-weight:600}.imp-word{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000040;border-radius:14px;padding:12px 24px}.imp-word-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800}.imp-word-val{font-size:2rem;font-weight:900}.imp-clue-head{text-align:center;margin:auto 0 6px;display:flex;flex-direction:column;align-items:center;gap:8px}.imp-cat-chip{margin:0;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--accent)}.imp-your-word{margin:0;font-size:1.6rem;font-weight:800}.imp-your-word strong{color:var(--accent)}.imp-vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(820px,96vw);margin:10px auto;overflow-y:auto}.imp-vote-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:14px 12px;color:var(--text);cursor:pointer;transition:transform .1s,border-color .1s}.imp-vote-card:hover{transform:translateY(-3px);border-color:var(--primary)}.imp-vote-card.self{opacity:.6;cursor:default}.imp-vote-card.voted{border-color:var(--accent);background:#ffd24a29}.imp-av{width:60px;height:60px}.imp-av svg{width:100%;height:100%}.imp-av.sm{width:42px;height:42px}.imp-vname{font-weight:800}.imp-words{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.imp-wchip{font-size:.85rem;font-weight:700;background:#ffffff14;border-radius:8px;padding:3px 9px}.imp-verdict{margin:4px 0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(2.2rem,9vw,3.6rem);text-transform:uppercase}.imp-verdict.good{color:#51cf66}.imp-verdict.bad{color:#ff6b6b}.imp-sub{text-align:center;color:var(--muted);margin:0 0 8px}.imp-results{display:flex;flex-direction:column;gap:8px;width:min(680px,96vw);margin:0 auto;overflow-y:auto}.imp-rrow{display:grid;grid-template-columns:46px 1fr 120px auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 14px;animation:swapIn .4s ease both}.imp-rrow.imp{border-color:#ff6b6b;background:#ff5a5f1f}.imp-rrow.me{outline:2px solid var(--accent)}.imp-rmain{display:flex;flex-direction:column;gap:4px;min-width:0}.imp-rname{font-weight:800;display:flex;align-items:center;gap:8px}.imp-badge{font-size:.68rem;font-weight:900;letter-spacing:.08em;background:#ff6b6b;color:#2a0000;border-radius:6px;padding:2px 6px}.imp-votes{display:flex;flex-direction:column;gap:3px}.imp-votebar{height:7px;border-radius:4px;background:var(--primary);min-width:2px;transition:width .6s ease}.imp-votenum{font-size:.72rem;color:var(--muted);font-weight:700}.imp-gain{font-weight:900;color:var(--good);font-variant-numeric:tabular-nums}.imp-gain.dim{color:var(--muted)}@media(max-width:720px){.doodle-chat{width:auto;max-height:24vh}.lobby-main{grid-template-columns:1fr}.join-banner{flex-direction:column;align-items:flex-start}.doodle-work{flex-direction:column}.draw-rail{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;order:2}.tool-group{flex-direction:row;border-bottom:none;border-right:1px solid var(--line);padding:0 8px 0 0}.draw-colors{grid-template-columns:repeat(7,1fr)}.imp-rrow{grid-template-columns:40px 1fr auto}.imp-votes{display:none}}