:root{--bg:#090a1a;--panel:#17182f;--line:#33365a;--text:#fbfbff;--muted:#aeb2cc;--teal:#55f2d0;--blue:#67b7ff;--purple:#bc84ff;--pink:#ff78b8;--green:#91f5a4;--red:#ff7086;--yellow:#ffe16a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#090a1a,#171032 50%,#071c2b);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{border:0;border-radius:15px;padding:12px 16px;font-weight:900;cursor:pointer;transition:.15s transform,.15s filter}button:hover{transform:translateY(-1px);filter:brightness(1.06)}input,select{width:100%;background:#0c0f22;color:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;margin-top:5px}.bgOrb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none;animation:drift 11s ease-in-out infinite alternate}.bgOrb.one{width:380px;height:380px;background:#8b5cf6;top:-100px;left:-80px}.bgOrb.two{width:420px;height:420px;background:#06b6d4;bottom:-140px;right:-100px;animation-delay:-4s}@keyframes drift{to{transform:translate(45px,35px) scale(1.12)}}.app{max-width:1180px;margin:auto;padding:14px;position:relative;z-index:1}header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}h1{font-size:clamp(1.8rem,5vw,3.5rem);margin:0;letter-spacing:-.045em}h1 span,.heroCopy h2 span{color:var(--teal)}h2,h3{margin:.2rem 0 .8rem}.panel{background:rgba(22,24,48,.88);border:1px solid rgba(126,135,196,.28);border-radius:22px;padding:18px;box-shadow:0 24px 70px #0006;margin-bottom:12px;backdrop-filter:blur(16px)}.glass{background:linear-gradient(145deg,rgba(29,32,66,.93),rgba(17,19,42,.9))}.box{background:rgba(9,12,31,.7);border:1px solid var(--line);border-radius:16px;padding:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.eyebrow{font-size:.74rem;letter-spacing:.15em;font-weight:950;color:var(--teal)}.muted,.tiny{color:var(--muted)}.tiny{font-size:.82rem}.hidden{display:none!important}.primary{background:linear-gradient(135deg,var(--teal),#62d8ff);color:#06262c}.blue{background:linear-gradient(135deg,var(--blue),#7d97ff);color:#07172c}.purple{background:linear-gradient(135deg,var(--purple),#ff81c7);color:#2d0738}.danger{background:var(--red);color:#4b0513}.success{background:linear-gradient(135deg,var(--green),#59e6c1);color:#062e19}.ghost{background:#2c3153;color:#fff}.big{min-height:52px;font-size:1.02rem}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.center{text-align:center}.heroCopy{display:flex;justify-content:space-between;align-items:center;gap:12px}.heroCopy h2{font-size:clamp(2.5rem,7vw,5.7rem);line-height:.94;letter-spacing:-.06em;margin:.4rem 0 1.3rem}.sparkle{font-size:5rem;animation:float 2s ease-in-out infinite alternate}@keyframes float{to{transform:translateY(-12px) rotate(8deg)}}.avatarLabel{margin:10px 0 6px;color:var(--muted);font-size:.9rem}.avatarPicker{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px}.avatarPicker button{padding:8px;background:#161b3a;font-size:1.55rem}.avatarPicker button.selected{outline:3px solid var(--teal);background:#23375c}.roomTop{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.roomCode{font-size:clamp(2.2rem,7vw,4.2rem);font-weight:1000;letter-spacing:.12em}.hostActions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{background:#2c3153;color:#fff}.tab.active{background:var(--teal);color:#06262c}.list{display:grid;gap:7px}.listItem{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0c1027;border:1px solid var(--line);padding:10px 12px;border-radius:13px}.person{display:flex;gap:9px;align-items:center}.avatar{font-size:1.55rem}.countBubble{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--purple);font-size:.85rem}.themeGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme{text-align:left;min-height:135px;background:linear-gradient(145deg,#202750,#151934);color:#fff;border:1px solid #475087;position:relative;overflow:hidden}.theme:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;bottom:-45px;background:#ffffff10}.theme>span{font-size:2rem;display:block}.theme b{display:block;font-size:1.15rem;margin-top:6px}.theme small{display:block;color:var(--muted);margin-top:5px}.callout{background:linear-gradient(135deg,#3c2507,#3b183b);border:1px solid #8c6530;color:#ffe4a3;border-radius:14px;padding:12px;margin:10px 0 14px}.check{display:block;background:#0c1027;border:1px solid var(--line);border-radius:11px;padding:9px;margin:6px 0}.check input{width:auto;margin-right:8px}.timingPreview{margin-top:11px;background:#10233c;border:1px solid #284f79;padding:12px;border-radius:12px;color:#bde5ff}.stage{min-height:330px;display:grid;place-items:center;text-align:center;border-radius:26px;background:radial-gradient(circle,#243a67,#0b1024 72%);border:1px solid #46629a;padding:25px;box-shadow:inset 0 0 70px #0dcaf022}.stage #simonBig{font-size:clamp(3rem,10vw,7rem);font-weight:1000;letter-spacing:-.06em}.stage #simonAction{font-size:clamp(1.1rem,3vw,1.6rem);font-weight:900;color:#e1edff;margin:14px 0}.timerline{display:flex;gap:13px;align-items:center;margin:14px 0}#simonTimer{font-size:2.9rem;font-weight:1000;width:90px}.grow{height:13px;background:#080b1b;border-radius:99px;overflow:hidden;flex:1}.grow>div{height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--pink),var(--teal))}.victory{font-size:5rem;animation:bounce .65s ease-in-out infinite alternate}@keyframes bounce{to{transform:translateY(-10px) rotate(5deg)}}.myAvatar{font-size:5rem}.hero{font-size:clamp(2.7rem,8vw,5.5rem);font-weight:1000;letter-spacing:-.055em}.subhero{font-size:1.08rem;color:#cfd5ef;margin:9px 0}.clueAnnouncement{font-size:1.25rem;font-weight:900;color:var(--yellow);margin:10px 0}.roleCard{padding:14px;border-radius:14px;background:#0c1027;border:1px solid var(--line);max-width:720px;margin:13px auto}.introClock{width:84px;height:84px;margin:15px auto;border-radius:50%;display:grid;place-items:center;background:#0c1027;border:4px solid var(--purple);font-size:2.3rem;font-weight:1000}.playTop{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.scoreBox{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:#0c1027;border:4px solid #5d66a6;text-align:center}.scoreBox span{font-size:2.45rem;font-weight:1000;line-height:1}.scoreBox small{margin-top:-22px;color:var(--muted)}.roleBadge{text-align:center;border-radius:999px;padding:9px 13px;font-weight:1000;letter-spacing:.05em;margin:14px auto;max-width:460px}.roleBadge.clue{background:linear-gradient(135deg,#6d28d9,#a855f7)}.roleBadge.guess{background:linear-gradient(135deg,#0369a1,#06b6d4)}.roleBadge.ref{background:linear-gradient(135deg,#9a3412,#ea580c)}.roleBadge.host{background:#394365}.gameCard{background:linear-gradient(180deg,#fff,#eef1ff);color:#11172f;border-radius:25px;padding:23px;margin:14px auto;max-width:760px;box-shadow:0 20px 60px #0007;position:relative;overflow:hidden}.gameCard:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#9d5cff18;right:-80px;top:-80px}.pop{animation:cardIn .28s cubic-bezier(.2,.85,.35,1.2)}@keyframes cardIn{from{transform:scale(.94) translateY(10px);opacity:.2}to{transform:none;opacity:1}}.target{text-align:center;font-size:clamp(3rem,10vw,6rem);font-weight:1000;letter-spacing:-.055em;position:relative}.forbidLabel{text-align:center;color:#6b7280;font-size:.75rem;letter-spacing:.16em;font-weight:950;margin:17px 0 9px}.forbiddenGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative}.forbiddenGrid button,.forbiddenGrid div{background:#ffe4e8;color:#9f1239;border:1px solid #fecdd3;border-radius:12px;padding:11px;font-weight:900;text-align:center}.forbiddenGrid button.pending{outline:3px solid #f59e0b}.forbiddenGrid button.confirmed{background:#881337;color:#fff;text-decoration:line-through}.cardValue{text-align:center;margin-top:14px;font-size:1.18rem;font-weight:1000}.twoButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:760px;margin:auto}.guessMessage{font-size:clamp(2rem,7vw,4rem);font-weight:1000;line-height:1.02;margin:60px 0 20px}.liveScore{font-size:1.4rem;font-weight:900;color:var(--teal)}.scoreboard .winner{border-color:#d6b54a;background:linear-gradient(135deg,#382c0e,#221a12)}.reactionDock{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;background:#10142de8;border:1px solid #4b527d;border-radius:999px;padding:7px;display:flex;gap:4px;box-shadow:0 12px 40px #0008;backdrop-filter:blur(12px)}.reactionDock button{background:transparent;padding:7px;font-size:1.45rem}.reactionDock button:active{transform:scale(1.25)}
/* Display */
.displayBody{overflow:hidden}.displayShell{min-height:100vh;padding:26px 35px;position:relative}.displayHeader{display:flex;justify-content:space-between;align-items:center}.qrBox{background:#fff;color:#111;border-radius:18px;padding:8px;text-align:center;font-weight:900}.qrBox img{display:block;width:150px;height:150px}.displayPanel{margin-top:18px;min-height:68vh;background:linear-gradient(145deg,#171b3cd9,#10142de8);border:1px solid #58639a66;border-radius:30px;padding:28px;display:grid;align-content:center;box-shadow:0 30px 80px #0007}.displayTitle{font-size:clamp(3rem,7vw,6.5rem);font-weight:1000;letter-spacing:-.06em}.avatarCloud{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.avatarChip{background:#1f264c;border:1px solid #495489;border-radius:999px;padding:10px 15px;font-size:1.3rem;font-weight:900}.displayGroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.displayGroup{background:#10162f;border:1px solid #414c80;border-radius:16px;padding:13px}.displayHero{font-size:clamp(4rem,10vw,9rem);font-weight:1000;letter-spacing:-.07em}.displayClue{font-size:clamp(1.5rem,3vw,2.7rem);font-weight:900;color:#d9dcff}.displayTimer{font-size:clamp(6rem,16vw,14rem);font-weight:1000;line-height:.95;background:linear-gradient(135deg,var(--teal),var(--purple),var(--pink));-webkit-background-clip:text;color:transparent}.displayScore{font-size:2rem;font-weight:900}.miniLeaderboard{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.miniScore{background:#0d1128;border:1px solid #3d4778;border-radius:999px;padding:8px 13px}.floatLayer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.floatEmoji{position:absolute;bottom:-60px;font-size:clamp(2.8rem,5vw,5rem);animation:floatUp 3.3s ease-out forwards}@keyframes floatUp{0%{transform:translateY(0) scale(.7) rotate(-10deg);opacity:0}12%{opacity:1}100%{transform:translateY(-105vh) scale(1.25) rotate(18deg);opacity:0}}.eventBurst{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);font-size:clamp(4rem,11vw,10rem);font-weight:1000;pointer-events:none;opacity:0;text-shadow:0 8px 30px #000}.eventBurst.show{animation:burst .95s ease-out}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:0;transform:translate(-50%,-62%) scale(1)}}@media(max-width:760px){.two,.themeGrid{grid-template-columns:1fr}.app{padding:9px}.panel{padding:13px}.avatarPicker{grid-template-columns:repeat(8,1fr)}.forbiddenGrid{grid-template-columns:1fr 1fr}.displayShell{padding:14px}.qrBox img{width:110px;height:110px}}

.prepCard{max-width:720px;margin:14px auto;padding:16px;border-radius:18px;background:linear-gradient(135deg,#1c2752,#321b53);border:1px solid #7663ad;box-shadow:0 14px 40px #0005}.prepWord{font-size:clamp(2rem,7vw,4.6rem);font-weight:1000;letter-spacing:-.05em;margin:6px 0}.prepForbidden{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.prepForbidden span{background:#ffe4e8;color:#9f1239;border-radius:999px;padding:6px 10px;font-weight:900}.knowledgeToast{position:fixed;left:50%;bottom:4vh;transform:translateX(-50%) translateY(30px);z-index:25;max-width:min(900px,90vw);padding:14px 20px;border-radius:18px;background:#10142ded;border:1px solid #6b71a7;color:#fff;text-align:center;font-size:clamp(1rem,2vw,1.5rem);font-weight:800;box-shadow:0 18px 55px #0009;opacity:0;pointer-events:none;transition:.25s}.knowledgeToast.show{opacity:1;transform:translateX(-50%) translateY(0)}.knowledgeToast b{color:var(--teal)}.eventBurst{white-space:pre-line}.timingPreview strong{color:var(--teal)}

.ruleStrip{max-width:760px;margin:10px auto 12px;padding:11px 14px;border-radius:13px;text-align:center;font-weight:800;line-height:1.3;border:1px solid #4a527f;background:#111631;color:#e9ebff}.clueRule{border-color:#8b5cf6;background:#24154a}.guessRule{border-color:#22c55e;background:#0d3020}.refRule{border-color:#fb923c;background:#3a1d0b;color:#ffedcf}.displayRuleBanner{position:fixed;z-index:40;left:50%;top:12px;transform:translateX(-50%);width:min(900px,calc(100% - 32px));padding:10px 18px;border-radius:999px;background:#1b1438ee;border:1px solid #a78bfa;color:#fff;text-align:center;font-size:clamp(.95rem,1.8vw,1.25rem);font-weight:850;box-shadow:0 10px 35px #0008;backdrop-filter:blur(10px)}


/* Final meeting hardening */
.forbiddenGrid button.heard{background:#fff4c7;color:#744b00;border-color:#f6c453;outline:2px solid #f6c453;opacity:.92}
.siteFooter{max-width:1180px;margin:12px auto 4px;padding:8px 14px;text-align:center;color:#8188a9;font-size:.72rem;letter-spacing:.01em}.siteFooter span{padding:0 5px;color:#5d6485}
.displayHeaderActions{display:flex;align-items:center;gap:12px}.displayFullscreen{align-self:flex-start}.displayFooter{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:calc(100% - 24px);margin:0;z-index:3}.displayBody:fullscreen .displayFullscreen{display:none}
.joinOnly #landing .hostCreateBox{display:none}.joinOnly #landing .two{grid-template-columns:minmax(0,560px);justify-content:center}.joinOnly #landing .heroCopy{display:none}.rejoinHint{margin-bottom:0}
@media(max-width:760px){
  .joinOnly .app{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.joinOnly header{display:none}.joinOnly #landing{margin:0}.joinOnly .siteFooter{margin-top:7px}
  body.playerGame{height:100dvh;overflow:hidden}body.playerGame .app{height:100dvh;padding:6px;display:flex;flex-direction:column}body.playerGame header,body.playerGame .roomTop,body.playerGame .siteFooter{display:none!important}body.playerGame #room{height:100%;min-height:0;display:flex;flex-direction:column}body.playerGame #tabooIntroView,body.playerGame #tabooPlayView,body.playerGame #resultsView{height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);min-height:0;overflow:hidden;margin:0 0 58px;padding:8px;border-radius:16px}body.playerGame #tabooPlayView{display:flex;flex-direction:column}body.playerGame .playTop{flex:0 0 auto;min-height:58px}body.playerGame .playTop h2{font-size:1.15rem;margin:0}body.playerGame .scoreBox{width:66px;height:66px;border-width:3px}body.playerGame .scoreBox span{font-size:1.65rem}body.playerGame .scoreBox small{font-size:.62rem;margin-top:-12px}body.playerGame .roleView:not(.hidden){display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center}body.playerGame .roleBadge{margin:4px auto;padding:6px 10px;font-size:.78rem}body.playerGame .ruleStrip{margin:3px auto 5px;padding:6px 8px;font-size:.72rem}body.playerGame .gameCard{padding:9px 10px;margin:4px auto 6px;border-radius:17px;width:100%}body.playerGame .target{font-size:clamp(2rem,10vw,3.3rem)}body.playerGame .forbidLabel{margin:7px 0 5px;font-size:.62rem}body.playerGame .forbiddenGrid{gap:5px}body.playerGame .forbiddenGrid button,body.playerGame .forbiddenGrid div{padding:7px 5px;font-size:.78rem;border-radius:9px}body.playerGame .cardValue{margin-top:7px;font-size:.85rem}body.playerGame .twoButtons{gap:6px;width:100%}body.playerGame .twoButtons button{min-height:44px;padding:8px}body.playerGame .tiny.center{margin:4px 0 0;font-size:.66rem}body.playerGame .guessMessage{margin:18px 0 12px;font-size:clamp(2rem,10vw,3.3rem)}body.playerGame .liveScore{font-size:1.15rem}body.playerGame #tabooIntroView{display:flex;flex-direction:column;justify-content:center}body.playerGame #tabooIntroView .hero{font-size:2.4rem}body.playerGame #tabooIntroView .subhero{font-size:.9rem;margin:3px 0}body.playerGame #tabooIntroView .clueAnnouncement{font-size:1rem;margin:4px 0}body.playerGame #tabooIntroView .roleCard{padding:8px;margin:5px auto;font-size:.8rem}body.playerGame .prepCard{padding:8px;margin:5px auto}body.playerGame .prepWord{font-size:2rem;margin:2px 0}body.playerGame .prepForbidden span{padding:4px 7px;font-size:.72rem}body.playerGame .introClock{width:60px;height:60px;margin:6px auto;font-size:1.7rem;border-width:3px}body.playerGame #resultsView{overflow:hidden}body.playerGame .scoreboard{gap:4px}body.playerGame .scoreboard .listItem{padding:6px 8px;font-size:.78rem}body.playerGame .reactionDock{bottom:5px;padding:4px}body.playerGame .reactionDock button{padding:5px;font-size:1.2rem}
}

/* Morning final: overflow, handoff, admin and phone hardening */
html,body{max-width:100%;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}.app,.panel,.box,.roomTop,.hostActions,.hostTab,.roleView,.gameCard,.playTop,.listItem,.listItem>*,.subhero,.clueAnnouncement,.adminCard,.adminEdit{min-width:0;max-width:100%}.listItem span,.subhero,.clueAnnouncement,.adminForbiddenPreview,.target,.prepWord{overflow-wrap:anywhere;word-break:normal}.hostPlayerHint{background:#10233c;border:1px solid #2e557e;color:#c8e8ff;border-radius:12px;padding:10px;font-size:.82rem}.exactRule{margin-top:7px;color:#6b7280;font-size:.76rem;font-weight:800}.adminToolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:8px;align-items:center;margin:12px 0}.adminToolbar input,.adminToolbar select{margin:0}.adminRule{background:#10233c;border:1px solid #31577f;color:#c9e7ff;padding:10px 12px;border-radius:12px;margin-bottom:10px}.adminCards{display:grid;gap:8px;max-height:62vh;overflow:auto;padding-right:3px}.adminCard{background:#0c1027;border:1px solid var(--line);border-radius:13px;overflow:hidden}.adminCard summary{display:grid;grid-template-columns:auto minmax(120px,.6fr) minmax(180px,1.4fr) auto;gap:9px;align-items:center;padding:11px;cursor:pointer}.adminForbiddenPreview{font-size:.72rem;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.adminEnabled{font-size:.68rem;font-weight:1000;color:var(--teal)}.adminEdit{padding:0 12px 12px;display:grid;gap:8px}.adminEdit textarea{width:100%;min-height:82px;background:#0a0e20;color:#fff;border:1px solid var(--line);border-radius:10px;padding:9px;resize:vertical;font:inherit}.adminEdit label{font-size:.8rem;color:var(--muted)}.adminEdit input{margin-top:4px}.displayTimer{overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:760px){.adminToolbar{grid-template-columns:1fr 120px auto}.adminCard summary{grid-template-columns:auto minmax(0,1fr) auto}.adminForbiddenPreview{grid-column:2/4}.roomCode{max-width:100%;font-size:clamp(1.8rem,13vw,3.5rem);letter-spacing:.07em}.two,.themeGrid,.nameArea{width:100%;min-width:0}.panel,.box{width:100%;overflow:hidden}.listItem{flex-wrap:wrap}.listItem>span{width:auto;max-width:100%}.avatarPicker{grid-template-columns:repeat(4,minmax(0,1fr))}.forbiddenGrid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.forbiddenGrid button,.forbiddenGrid div{white-space:normal;overflow-wrap:anywhere}.twoButtons{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.reactionDock{max-width:calc(100vw - 12px);overflow:hidden}.reactionDock button{min-width:0}.siteFooter{max-width:calc(100vw - 12px)}body.playerGame #tabooIntroView,body.playerGame #tabooPlayView,body.playerGame #resultsView{width:100%;max-width:100%;left:auto;right:auto}body.playerGame .gameCard{max-width:100%;overflow:hidden}body.playerGame .target{max-width:100%;font-size:clamp(1.75rem,9vw,3rem)}body.playerGame .prepWord{font-size:clamp(1.7rem,9vw,2.7rem)}body.playerGame #tabooIntroView .subhero{white-space:normal;line-height:1.2}body.playerGame #startPrepBtn,body.playerGame #startTurnBtn{width:min(100%,420px);margin-inline:auto}.introClock.hidden{display:none!important}}
@media(max-width:390px){body.playerGame .forbiddenGrid button,body.playerGame .forbiddenGrid div{font-size:.7rem;padding:6px 4px}body.playerGame .roleBadge{font-size:.7rem}body.playerGame .ruleStrip{font-size:.66rem}.adminToolbar{grid-template-columns:1fr}.adminToolbar .countBubble{justify-self:start}}


/* Friday final hardening */
.warn{background:linear-gradient(135deg,#ffd166,#ffb347);color:#3b2300}
.packGroupTitle{margin:12px 0 5px;color:#8d96c7;font-size:.68rem;font-weight:1000;letter-spacing:.14em}
.mixControl{margin-top:12px;padding:12px;background:#10162f;border:1px solid #414c80;border-radius:13px}
.mixHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:4px}
.mixHead span{font-size:1.2rem;font-weight:1000;color:var(--teal)}
.mixControl input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--teal)}
.targetSaidBtn{display:block;width:100%;margin:10px 0 4px;background:#ffe2e7;color:#94152e;border:2px solid #f8a6b6}
.targetSaidBtn.confirmed{background:#86172c;color:#fff;border-color:#4f0a16;text-decoration:line-through}
.tabooCancelled{max-width:760px;margin:7px auto;padding:9px 12px;border-radius:12px;background:#8b1530;color:#fff;text-align:center;font-weight:1000;letter-spacing:.04em;animation:cancelPulse .55s ease-out}
@keyframes cancelPulse{from{transform:scale(.96);opacity:.35}to{transform:none;opacity:1}}
button:disabled{opacity:.48;cursor:not-allowed;transform:none!important;filter:none!important}
.forbiddenGrid div.confirmed{background:#881337;color:#fff;text-decoration:line-through}
html{width:100%;overflow-x:clip}
body{width:100%;overflow-x:clip}
.app{width:min(100%,1180px);max-width:100%}
.panel,.box,.gameCard,.roleView,.two,.tabs,.roomTop,.hostActions{max-width:100%}

/* Active player screens are one-screen controls, not pages. */
body.playerGame{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden!important}
body.playerGame .app{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;padding:4px;overflow:hidden}
body.playerGame #room{position:relative;width:100%;height:100dvh;min-width:0;overflow:hidden}
body.playerGame #tabooIntroView,
body.playerGame #tabooPlayView,
body.playerGame #resultsView{
  position:fixed;
  inset:4px 4px 58px 4px;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  padding:8px!important;
  border-radius:14px;
  z-index:20;
}
body.playerGame #tabooIntroView{display:flex;flex-direction:column;justify-content:center}
body.playerGame #tabooPlayView{display:flex;flex-direction:column}
body.playerGame #resultsView{display:flex;flex-direction:column}
body.playerGame .playTop{min-height:48px;gap:6px}
body.playerGame .playTop>div:first-child{min-width:0;flex:1}
body.playerGame .playTop .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.playerGame .scoreBox{width:58px;height:58px;flex:0 0 58px}
body.playerGame .scoreBox span{font-size:1.5rem}
body.playerGame .roleView:not(.hidden){display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;width:100%;overflow:hidden}
body.playerGame .roleBadge{flex:0 0 auto}
body.playerGame .ruleStrip{flex:0 0 auto;line-height:1.2}
body.playerGame .gameCard{flex:0 1 auto;width:100%;min-width:0;max-width:100%;padding:8px;margin:3px auto;border-radius:15px}
body.playerGame .target{font-size:clamp(1.7rem,8.7vw,2.75rem);line-height:.96}
body.playerGame .targetSaidBtn{padding:6px 7px;margin:5px 0 2px;font-size:.68rem;border-radius:9px}
body.playerGame .forbidLabel{margin:5px 0 3px;font-size:.57rem}
body.playerGame .forbiddenGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
body.playerGame .forbiddenGrid button,
body.playerGame .forbiddenGrid div{min-width:0;padding:6px 4px;font-size:.72rem;line-height:1.08;overflow-wrap:anywhere}
body.playerGame .cardValue{margin-top:5px;font-size:.78rem}
body.playerGame .twoButtons{flex:0 0 auto;width:100%;gap:5px}
body.playerGame .twoButtons button{min-width:0;min-height:40px;padding:7px 5px}
body.playerGame .tabooCancelled{flex:0 0 auto;margin:3px auto;padding:6px 8px;font-size:.72rem}
body.playerGame .guessMessage{margin:12px 0 8px}
body.playerGame .reactionDock{width:auto;max-width:calc(100vw - 8px);bottom:4px;padding:3px;gap:1px}
body.playerGame .reactionDock button{min-width:0;padding:4px;font-size:1.12rem}
body.playerGame #tabooIntroView .hero{font-size:clamp(1.8rem,10vw,2.7rem)}
body.playerGame #tabooIntroView .subhero{font-size:.78rem}
body.playerGame #tabooIntroView .clueAnnouncement{font-size:.9rem}
body.playerGame #tabooIntroView .roleCard{font-size:.75rem;line-height:1.2}
body.playerGame .prepCard{max-width:100%;width:100%;overflow:hidden}
body.playerGame .prepWord{font-size:clamp(1.55rem,8.5vw,2.4rem);line-height:1}
body.playerGame .prepForbidden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
body.playerGame .prepForbidden span{min-width:0;overflow-wrap:anywhere}
body.playerGame #startPrepBtn,body.playerGame #startTurnBtn{max-width:100%;min-height:44px}

@media(max-width:420px){
  .app{padding:7px}
  .panel{padding:11px;border-radius:16px}
  .roomTop{gap:8px}
  .hostActions button{padding:9px 10px}
  .tabs{gap:4px}.tab{padding:9px 10px}
  .mixControl{padding:9px}
  body.playerGame #tabooIntroView,body.playerGame #tabooPlayView,body.playerGame #resultsView{inset:3px 3px 54px 3px}
  body.playerGame .ruleStrip{font-size:.63rem;padding:5px 6px}
  body.playerGame .roleBadge{font-size:.67rem;padding:5px 7px}
  body.playerGame .target{font-size:clamp(1.55rem,8.3vw,2.35rem)}
  body.playerGame .forbiddenGrid button,body.playerGame .forbiddenGrid div{font-size:.66rem;padding:5px 3px}
  body.playerGame .scoreBox{width:54px;height:54px;flex-basis:54px}
}