:root{font-family:Inter,system-ui,sans-serif;font-size:18px;color:#f8f2e8;background:#17120f}*{box-sizing:border-box}html{background:#17120f}body{min-width:320px;margin:0}.screen{--screen-bg:radial-gradient(circle at top, #4b2119, #17120f 42%);--panel-bg:#2b201b;--panel-border:#553a2b;--accent:#e0a867;--accent-soft:#dda86a;--accent-text:#27150d;--secondary:#3e5b64;--chip:#402d25;--muted:#c5afa1;width:min(100%,960px);min-height:100vh;margin:auto;padding:clamp(18px,3vw,36px) clamp(14px,4vw,40px) max(48px,env(safe-area-inset-bottom));background:var(--screen-bg)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;text-transform:capitalize}h1{margin:3px 0 20px;font-size:clamp(2.15rem,6vw,3rem);line-height:1.05}h2{margin-top:0;font-size:1.1rem}p{line-height:1.5}.eyebrow{color:var(--accent-soft);font-weight:700;letter-spacing:.12em;font-size:.8rem}.timer{background:var(--accent);color:var(--accent-text);padding:11px 14px;border-radius:99px;font-weight:700}.card{background:var(--panel-bg);padding:clamp(17px,3vw,24px);border:1px solid var(--panel-border);border-radius:16px;margin:16px 0}.role span{display:block;color:var(--muted);font-size:.85rem;text-transform:uppercase}.role strong{display:block;text-transform:capitalize;font-size:1.6rem;margin-top:4px}.traitor{color:#e86d64}.faithful{color:#8ecfcb}.button,button{display:inline-block;min-height:48px;border:0;border-radius:11px;padding:13px 17px;cursor:pointer;font:inherit;font-weight:700;background:var(--accent);color:var(--accent-text);text-decoration:none}.choices,.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choices{grid-template-columns:repeat(auto-fill,minmax(125px,155px));justify-content:start}.choices button{min-width:0;background:var(--secondary);color:#f8f2e8;text-align:left}.choices .player-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players{display:flex;gap:9px;flex-wrap:wrap}.players>.player-identity{background:var(--chip);border-radius:99px;padding:8px 11px}.players>.dead{opacity:.45;text-decoration:line-through}.error{color:#ff9f94;font-weight:700}.player-identity{display:inline-flex;min-width:0;align-items:center;gap:7px;vertical-align:middle}.player-avatar{position:relative;display:inline-grid;width:24px;height:24px;flex:0 0 24px;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;color:#f8f2e8;background:#5a4d48;font-size:.68rem;font-weight:800;line-height:1;text-decoration:none}.player-avatar.bot{background:#4b505a;font-size:.72rem}.player-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.player-name{min-width:0;overflow-wrap:anywhere}.player-duo{display:inline-flex;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--accent-soft) 62%,transparent);border-radius:99px;padding:3px;background:color-mix(in srgb,var(--chip) 72%,transparent)}.player-duo>.player-identity{border-radius:99px;padding:5px 8px;background:var(--chip)}.duo-link{color:var(--accent-soft);font-size:.72rem;font-weight:800;line-height:1}.theme-morning{--screen-bg:radial-gradient(circle at 50% 42%, #d59a49 0%, #bd7137 23%, transparent 48%), linear-gradient(to bottom, #6698b7 0%, #527e9b 30%, #b66b35 62%, #48271b 100%);--panel-bg:#453522;--panel-border:#9b6935;--accent:#dfa653;--accent-soft:#edb966;--accent-text:#2e2112;--secondary:#526f78;--chip:#594329;--muted:#ddc7a2}.theme-express{--screen-bg:radial-gradient(ellipse at 50% -10%, #772936 0%, #4a1b24 42%, #211517 73%, #121112 100%);--panel-bg:#2b1e20;--panel-border:#73563b;--accent:#b69252;--accent-soft:#c9a664;--accent-text:#251a11;--secondary:#53262d;--chip:#3d2927;--muted:#c7b8a4}.theme-night{--screen-bg:radial-gradient(ellipse at 50% -8%, #312b55 0%, #211d3d 37%, #121326 72%, #0d0f19 100%);--panel-bg:#211e31;--panel-border:#4d466b;--accent:#9a8bc4;--accent-soft:#afa2db;--accent-text:#1c1830;--secondary:#343b5a;--chip:#302b46;--muted:#b9b3ce}.theme-social{--screen-bg:radial-gradient(ellipse at 50% -5%, #214b3c 0%, #17342b 38%, #35271f 69%, #191310 100%);--panel-bg:#29251e;--panel-border:#4d674f;--accent:#b98d59;--accent-soft:#cba36d;--accent-text:#281b12;--secondary:#285243;--chip:#3d3227;--muted:#bfb4a2}.theme-mission{--screen-bg:linear-gradient(to bottom, #4d555b 0%, #343b40 45%, #294432 55%, #17291e 100%);--panel-bg:#292f2c;--panel-border:#586b60;--accent:#9eac7c;--accent-soft:#b5bd91;--accent-text:#20251b;--secondary:#46555b;--chip:#354239;--muted:#bac1bc}.theme-dead{--screen-bg:radial-gradient(ellipse at 50% -8%, #3b3b3d 0%, #272729 42%, #141415 100%);--panel-bg:#252526;--panel-border:#813f43;--accent:#93474c;--accent-soft:#c16a70;--accent-text:#fff4f4;--secondary:#3b3b3d;--chip:#343435;--muted:#aaa8a8}.theme-dead .faithful,.theme-dead .shield{color:#b5b3b3}.theme-dead .snake-board{filter:grayscale(1)}.summary-pool{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.summary-pool strong{color:var(--accent-soft)}.winner-list{display:grid;gap:9px;margin-top:16px}.winner-list div{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #806b3c;border-radius:11px;background:#39311f}.winner-list span{color:#e4c877;font-weight:800}.summary-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,155px));justify-content:start;gap:10px}.summary-player-group{margin-top:18px}.summary-player-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.summary-player-group h3 span{display:inline-grid;min-width:23px;min-height:23px;place-items:center;border-radius:99px;color:#f8f2e8;background:var(--secondary);font-size:.7rem}.summary-player{display:grid;gap:4px;min-height:64px;padding:10px 12px;border:1px solid;border-radius:12px}.summary-player .player-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-player span{font-size:.78rem;opacity:.82}.summary-player.role-traitor{border-color:#a13c45;background:#541a22}.summary-player.role-faithful{border-color:#477da4;background:#193b57}.summary-player.role-recruited{border-color:#88586c;background:linear-gradient(110deg,#1a4260,#1a4260 48%,#5b1b24 52%,#5b1b24)}.summary-player.role-secret_traitor{border-color:#835ba1;background:#422455}.elimination-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;color:#eee9e9;background:#0c0c0df0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wake-up-overlay{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;color:#f8f2e8;background:#090a16f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.wake-up-overlay p{margin:0 0 16px;color:#c9c9e8;font-size:clamp(1.2rem,5vw,2rem);font-weight:800;letter-spacing:.04em}.wake-up-overlay strong{font-size:clamp(5rem,24vw,10rem);line-height:.85;text-shadow:0 4px 24px #000}.elimination-message{width:min(100%,620px);padding:clamp(26px,7vw,54px);border:2px solid #a44e54;border-radius:20px;background:radial-gradient(circle at top,#3c292b,#202021 62%);box-shadow:0 24px 80px #000000b3;text-align:center}.elimination-message .eyebrow{color:#d0797f}.elimination-message h1{margin:10px 0 18px;color:#f1eaea;text-transform:none}.elimination-message>p:not(.eyebrow){margin:0 auto 28px;color:#bbb4b4}.elimination-message button{min-width:150px;color:#fff4f4;background:#93474c}.announcement-bar{position:relative;margin:0 0 16px;overflow:hidden;border:1px solid var(--panel-border);border-radius:12px;background:color-mix(in srgb,var(--panel-bg) 88%,transparent);box-shadow:0 5px 18px #0000002e}.announcement-bar-list{display:grid;grid-auto-rows:1fr;background:color-mix(in srgb,var(--panel-bg) 96%,transparent)}.announcement-bar-list--outgoing{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;animation:announcement-scroll-out .42s ease-in-out both}.announcement-bar-list--incoming{position:relative;z-index:2;animation:announcement-scroll-in .42s ease-in-out both}.announcement-bar p{display:flex;align-items:center;margin:0;padding:10px 14px;font-size:.88rem;line-height:1.35}.announcement-bar p+p{border-top:1px solid var(--panel-border)}@keyframes announcement-scroll-out{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes announcement-scroll-in{0%{transform:translateY(50%)}to{transform:translateY(0)}}.shield{color:#f0c879;font-weight:700}.role .role-waiting{color:#c5afa1;font-size:1.05rem;text-transform:none}.snake-mission{overflow:visible}.snake-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-right:40px}.snake-heading h2{margin-bottom:14px}.snake-score{flex:0 0 auto;text-align:right}.snake-score span,.snake-score strong{display:block}.snake-score strong{color:#e0a867;font-size:1.2rem}.snake-board-wrap{position:relative;width:100%;max-width:360px;margin:0 auto}.snake-board{display:block;width:100%;height:auto;border:2px solid #765039;border-radius:10px;touch-action:none}.snake-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;border-radius:10px;color:#f8f2e8;background:#120f0db8;pointer-events:none}.snake-countdown span{font-size:clamp(4rem,18vw,6rem);font-weight:900;line-height:1;text-shadow:0 3px 16px #000}.snake-countdown small{margin-top:8px;color:#f0c879;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.snake-controls{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,64px);justify-content:center;gap:8px;margin:16px auto 8px}.snake-controls button{display:grid;min-height:54px;place-items:center;padding:8px;color:var(--accent-soft);background:#3e5b64;touch-action:manipulation;-webkit-user-select:none;user-select:none}.direction-icon{display:block;width:27px;height:27px;fill:currentColor;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 32%));transform-origin:center}.snake-controls .up{grid-area:up}.snake-controls .left{grid-area:left}.snake-controls .down{grid-area:down}.snake-controls .right{grid-area:right}.snake-help{text-align:center;color:var(--muted);font-size:.82rem}.rhythm-mission{overflow:visible}.rhythm-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-right:40px}.rhythm-heading h2{margin-bottom:12px}.rhythm-heading strong{color:var(--accent-soft);white-space:nowrap}.tug-score{margin:0 auto 10px}.tug-labels{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;color:var(--muted);font-size:.72rem}.tug-labels strong{color:var(--accent-soft)}.tug-track{position:relative;height:18px;border:1px solid #77643e;border-radius:99px;background:linear-gradient(90deg,#2c6772,#30343a 48%,#30343a 52%,#793d46);box-shadow:inset 0 2px 5px #0000006b}.tug-midpoint{position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;background:#ddd5c3;transform:translate(-50%)}.tug-marker{position:absolute;top:50%;width:17px;height:25px;border:2px solid #fff0ad;border-radius:5px;background:#d7aa37;box-shadow:0 0 10px #edc148b8;transform:translate(-50%,-50%);transition:left .52s ease}.rhythm-board-wrap{position:relative;width:min(100%,330px);margin:0 auto}.rhythm-board{display:block;width:100%;height:auto;border:2px solid #586872;border-radius:10px;touch-action:none}.rhythm-hit-feedback{position:absolute;z-index:3;left:50%;bottom:52px;padding:4px 9px;border-radius:99px;color:#f8f2e8;background:#0a0c0ec7;box-shadow:0 4px 14px #00000061;font-size:.78rem;font-weight:900;letter-spacing:.04em;pointer-events:none;transform:translate(-50%);animation:rhythm-feedback .7s ease-out both}.rhythm-hit-feedback.okay{color:#e8d7a1}.rhythm-hit-feedback.good{color:#9ed6ac}.rhythm-hit-feedback.perfect{color:#ffd866;text-shadow:0 0 9px rgb(255 209 82 / 65%)}.rhythm-hit-feedback.miss{color:#ffaaa5}.rhythm-miss-pulse{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:4px solid #da4e55;border-radius:10px;background:#be232b2e;pointer-events:none;animation:rhythm-miss-pulse .42s ease-out both}@keyframes rhythm-feedback{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}18%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-13px) scale(1.04)}}@keyframes rhythm-miss-pulse{0%{opacity:0}24%{opacity:1}to{opacity:0}}.rhythm-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,330px);margin:10px auto 4px}.rhythm-controls button{min-height:48px;padding:8px 4px;color:#fff;border:1px solid rgb(255 255 255 / 28%);text-shadow:0 1px 3px #000;touch-action:manipulation;-webkit-user-select:none;user-select:none}.maze-mission{overflow:visible}.maze-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-right:40px}.maze-heading h2{margin:0 0 4px}.maze-heading p{margin:0 0 12px;color:var(--muted);font-size:.8rem}.maze-heading>strong{color:var(--accent-soft);white-space:nowrap;text-transform:capitalize}.maze-heading>strong.red{color:#ef6b73}.maze-heading>strong.blue{color:#66ace8}.maze-heading>strong.green{color:#69c986}.maze-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px}.maze-map-grid figure{min-width:0;margin:0;padding:7px;border:1px solid var(--panel-border);border-radius:10px;background:#18201a}.maze-map-grid figure.completed{opacity:.52}.maze-map-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:5px}.maze-map-image img{display:block;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.maze-start{position:absolute;bottom:1.5%;left:50%;width:7%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #000;transform:translate(-50%)}.maze-start.red,.maze-colour-dot.red{background:#e24f58}.maze-start.blue,.maze-colour-dot.blue{background:#438fd2}.maze-start.green,.maze-colour-dot.green{background:#46a96a}.maze-map-grid figcaption{display:flex;align-items:center;gap:6px;min-width:0;margin-top:6px;overflow:hidden;font-size:.72rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.maze-colour-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%}.maze-runner-board{position:relative;width:min(100%,390px,47dvh);margin:0 auto}.maze-runner-board canvas{display:block;width:100%;height:auto;border:2px solid #52675a;border-radius:10px;image-rendering:pixelated;touch-action:none}.maze-loading,.maze-escaped{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;border-radius:10px;color:#f8f2e8;background:#080d0adb;text-align:center}.maze-escaped strong{color:#e5c45d;font-size:2rem}.maze-escaped span{max-width:240px;margin-top:8px;color:var(--muted);font-size:.8rem}.maze-controls{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,58px);justify-content:center;gap:6px;margin:10px auto 4px}.maze-controls button{display:grid;min-height:48px;place-items:center;padding:6px;color:var(--accent-soft);background:#3e5b64;touch-action:none;-webkit-user-select:none;user-select:none}.maze-controls .direction-icon{width:25px;height:25px}.maze-controls .up{grid-area:up}.maze-controls .left{grid-area:left}.maze-controls .down{grid-area:down}.maze-controls .right{grid-area:right}.touch-help{display:none}.mission-leaderboard{margin-top:18px;padding-top:14px;border-top:1px solid var(--panel-border)}.mission-leaderboard p{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.social-room h2{margin:4px 0 10px;font-size:1.45rem}.social-room>p{margin-bottom:10px;color:var(--muted)}.social-room-members{display:flex;flex-wrap:wrap;gap:8px}.social-room-members>.player-identity{border:1px solid var(--panel-border);border-radius:99px;padding:8px 11px;background:var(--chip);font-weight:700}.round-table-votes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}.round-table-vote{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,120px);align-items:center;gap:9px;min-width:0;padding:7px;border:1px solid var(--panel-border);border-radius:12px;background:var(--chip)}.round-table-vote>.player-identity{min-width:0}.round-table-vote .player-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-blackboard{display:block;min-width:0;overflow:hidden;border:2px solid #665342;border-radius:4px;padding:7px 8px;color:#f7f7ee;background:#080909;box-shadow:inset 0 0 0 1px #1f2423;font-family:Segoe Print,Comic Sans MS,cursive;font-size:.78rem;font-weight:700;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.endgame-actions button{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px #000}.endgame-actions button:before{position:absolute;z-index:0;top:-55%;right:-15%;bottom:25%;left:-15%;opacity:.8;filter:blur(7px);transform-origin:50% 100%;animation:endgame-flame 1.25s ease-in-out infinite alternate;content:"";pointer-events:none}.endgame-actions button>span{position:relative;z-index:1}.endgame-actions button:first-child{border:1px solid #50f077;background:linear-gradient(180deg,#173f26,#0b8e3b 58%,#07351b);box-shadow:0 0 15px #39ff6c61,inset 0 0 14px #72ff952e}.endgame-actions button:first-child:before{background:radial-gradient(ellipse at 50% 100%,#d6ffab 0 14%,#45ff72 28%,#08a63f 54%,transparent 72%)}.endgame-actions button:last-child{border:1px solid #ff5a4c;background:linear-gradient(180deg,#561914,#c02218 58%,#4a0b08);box-shadow:0 0 15px #ff36276b,inset 0 0 14px #ff844e33}.endgame-actions button:last-child:before{background:radial-gradient(ellipse at 50% 100%,#ffe56e 0 12%,#ff5b28 29%,#d20e10 55%,transparent 73%);animation-delay:-.55s}@keyframes endgame-flame{0%{opacity:.55;transform:translateY(8%) scaleX(.9) scaleY(.88)}to{opacity:.95;transform:translateY(-7%) scaleX(1.08) scaleY(1.18)}}@media(prefers-reduced-motion:reduce){.endgame-actions button:before{animation:none}}.endgame-result-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.endgame-result-side{min-width:0;border:1px solid;border-radius:12px;padding:12px}.endgame-result-side.end{border-color:#328d4e;background:#0d482473}.endgame-result-side.banish{border-color:#a9403b;background:#5b15127a}.endgame-result-side h3{margin:0 0 10px;text-align:center}.endgame-result-side.end h3{color:#75ec96}.endgame-result-side.banish h3{color:#ff8479}.endgame-result-players{display:grid;gap:7px}.endgame-result-players>.player-identity{min-width:0;border-radius:99px;padding:7px 9px;background:#0000003d}.endgame-result-players .player-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-result-empty{color:var(--muted);font-size:.82rem;text-align:center}.mission-results-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-right:44px}.mission-results-heading h2{margin:4px 0 0;font-size:1.45rem}.mission-results-heading>strong{color:var(--accent-soft);white-space:nowrap}.mission-result-players{display:grid;gap:8px;margin-top:18px}.mission-result-player{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:11px;background:var(--chip)}.mission-result-player div{display:grid;gap:2px}.mission-result-player small{color:var(--muted)}.mission-result-player b{color:var(--accent-soft)}.result-shield,.shield-icon{display:inline-block;width:17px;height:20px;flex:0 0 auto;background:currentColor;clip-path:polygon(50% 0,100% 16%,91% 68%,50% 100%,9% 68%,0 16%)}.result-shield.none{visibility:hidden}.result-shield.gold,.shield-result.gold .shield-icon{color:#e6bd55;filter:drop-shadow(0 0 5px rgb(230 189 85 / 48%))}.result-shield.silver,.shield-result.silver .shield-icon{color:#c7d0d8;filter:drop-shadow(0 0 5px rgb(199 208 216 / 42%))}.shield-result{display:flex;align-items:center;gap:9px;margin:16px 0 0;color:var(--muted);font-size:.9rem}.mission-focus{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:64px 12px max(88px,calc(76px + env(safe-area-inset-bottom)));background:var(--screen-bg);overflow:hidden;overscroll-behavior:none}.mission-focus-content{width:min(100%,700px);max-height:100%;margin:auto}.mission-focus-content>.card{margin:0}.mission-focus-content>.card+.card{margin-top:10px}.mission-focus-timer{position:fixed;z-index:11;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--panel-border);border-radius:99px;color:var(--muted);background:var(--panel-bg);box-shadow:0 6px 24px #00000047;font-size:.74rem;transform:translate(-50%)}.mission-focus-timer strong{color:var(--accent-soft);font-size:1rem}.mission-focus .snake-board-wrap{width:min(100%,42dvh,360px)}.mission-focus .rhythm-board-wrap{width:min(100%,36dvh,330px)}@media(hover:hover)and (pointer:fine){.snake-controls{display:none}}@media(any-pointer:coarse){.snake-controls{display:grid}.keyboard-help{display:none}.touch-help{display:inline}}@media(max-width:700px){.mission-focus{padding:56px 8px max(72px,calc(62px + env(safe-area-inset-bottom)))}.mission-focus-content{display:grid;height:100%;place-items:center}.mission-focus-content>.snake-mission{width:100%;max-height:100%;padding:12px}.mission-focus-content>.rhythm-mission{width:100%;max-height:100%;padding:10px 12px}.mission-focus-content>.maze-mission{width:100%;max-height:100%;padding:10px 12px}.mission-focus .snake-board-wrap{width:min(100%,34dvh,300px)}.mission-focus .rhythm-board-wrap{width:min(100%,39dvh,300px)}.snake-heading h2{margin-bottom:8px}.snake-controls{grid-template-columns:repeat(3,56px);gap:6px;margin:8px auto 4px}.snake-controls button{min-height:48px;padding:5px}.snake-help{margin:5px 0}.rhythm-heading h2{margin-bottom:6px}.rhythm-controls{margin-top:6px}.rhythm-controls button{min-height:44px}.maze-guide .maze-map-grid{gap:6px}.maze-guide .maze-map-grid figure{padding:5px}.maze-runner-board{width:min(100%,41dvh,340px)}.maze-controls{margin-top:6px}.mission-focus-content>.mission-team{padding:8px 12px}.mission-focus-content>.mission-team h2{display:none}.mission-focus-content>.mission-team .players{gap:5px}.mission-focus-content>.mission-team .player-identity{padding:4px 7px;font-size:.78rem}.mission-leaderboard{margin-top:8px;padding-top:8px}.mission-leaderboard h2{margin-bottom:6px}.mission-leaderboard p{margin:5px 0}}@media(max-width:480px){.screen{padding-left:12px;padding-right:12px}.card{border-radius:14px}.choices,.actions{gap:8px}.header-actions{flex:0 0 auto}}button{transition:transform .08s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:focus-visible{outline:3px solid #f8e0b9;outline-offset:3px}button.selected,button[aria-pressed=true]{box-shadow:0 0 0 3px #f8e0b9,inset 0 0 0 2px var(--panel-border);filter:brightness(1.12)}button:disabled{cursor:wait;opacity:.72}.timing-options{display:grid;gap:10px}.timing-options button{display:grid;gap:4px;width:100%;text-align:left;background:var(--secondary);color:#f8f2e8}.timing-options button span{font-size:.78rem;font-weight:500;opacity:.82}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.status-icons{display:flex;align-items:center;justify-content:flex-end;gap:7px}.status-control{position:relative;display:block}.status-icon{display:grid;width:31px;height:31px;min-height:31px;place-items:center;border:1px solid var(--panel-border);border-radius:9px;padding:0;color:#f8f2e8;background:color-mix(in srgb,var(--panel-bg) 88%,transparent);box-shadow:0 3px 12px #00000038;font-size:1.15rem;font-weight:400;line-height:1}.shield-status:before{display:block;width:16px;height:19px;background:#e6bd55;clip-path:polygon(50% 0,100% 16%,91% 68%,50% 100%,9% 68%,0 16%);filter:drop-shadow(0 0 4px rgb(230 189 85 / 50%));content:""}.status-description{position:absolute;z-index:30;top:calc(100% + 9px);right:0;display:none;width:max-content;max-width:min(280px,calc(100vw - 24px));border:1px solid var(--panel-border);border-radius:10px;padding:9px 11px;color:#f8f2e8;background:var(--panel-bg);box-shadow:0 8px 28px #0000007a;font-size:.78rem;font-weight:600;line-height:1.35;text-align:left;text-transform:none}.status-control.open .status-description,.status-control[open] .status-description{display:block}@media(hover:hover){.status-control:hover .status-description{display:block}}.has-panel-info{position:relative}.has-panel-info>h2:first-of-type{padding-right:42px}.panel-info{position:absolute;z-index:5;top:12px;right:12px}.game-info summary{cursor:pointer;list-style:none;font-weight:900;text-transform:lowercase!important}.game-info summary::-webkit-details-marker{display:none}.game-info .status-description{white-space:pre-line}.phase-info-only{min-height:64px}.night-panel{min-height:86px}.sheep-launch{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 52px 8px 12px;color:#f8f2e8;background:transparent;text-align:left}.sheep-launch span{font-size:2rem;line-height:1}.sheep-launch strong{color:var(--muted);font-size:.9rem}.sheep-runner-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-right:40px}.sheep-runner-heading h2{margin-bottom:6px}.sheep-close{min-height:32px;padding:5px 9px;color:var(--muted);background:var(--secondary);font-size:.72rem}.sheep-board-wrap{position:relative;width:100%;margin:14px auto 0}.sheep-board{display:block;width:100%;height:auto;border:2px solid #595878;border-radius:10px;touch-action:none}.sheep-jump{display:none;width:min(100%,220px);margin:12px auto 6px;color:#f8f2e8;background:var(--secondary);touch-action:manipulation;-webkit-user-select:none;user-select:none}@media(any-pointer:coarse){.sheep-jump{display:block}}.end-game{padding:9px 12px;color:#fff3ef;background:#8d302a;font-size:.8rem}.join-screen{display:grid;align-items:center}.join-panel{width:100%}.join-panel>p:not(.eyebrow,.error){color:var(--muted)}.join-form{display:grid;gap:10px;margin-top:24px}.join-form label{color:#dda86a;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.join-form input{width:100%;border:2px solid #765039;border-radius:12px;padding:14px 16px;color:#f8f2e8;background:#2b201b;font:inherit;font-size:1.65rem;font-weight:800;letter-spacing:.3em;text-align:center;text-transform:uppercase}.join-form input:focus{border-color:#e0a867;outline:3px solid rgb(224 168 103 / 25%)}.join-form button{margin-top:4px}.lobby-code{text-align:center}.lobby-code strong{display:block;color:#f0c879;font-size:2rem;letter-spacing:.22em}.lobby-code p{margin-bottom:0;color:var(--muted)}.game-screen{padding-bottom:max(112px,calc(92px + env(safe-area-inset-bottom)))}.loading-screen{display:grid;width:100%;place-items:center}.loading-content{display:grid;width:min(100%,430px);justify-items:center;text-align:center}.loading-mark{display:grid;width:76px;height:88px;place-items:center;border:3px solid var(--accent);border-radius:40px 40px 12px 12px;color:var(--accent-soft);background:#211517;box-shadow:0 14px 45px #00000073;font-size:2.4rem;font-weight:900}.loading-content h1{margin:18px 0 6px}.loading-content p{min-height:1.5em;margin:0;color:var(--muted)}.loading-progress{width:min(100%,320px);height:9px;margin-top:22px;overflow:hidden;border:1px solid var(--panel-border);border-radius:99px;background:#00000047}.loading-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e6b37,var(--accent),#e1c078);transition:width .2s ease}.loading-content small{margin-top:8px;color:var(--muted)}.loading-content>button{margin-top:22px}.loading-dots{display:flex;gap:7px;margin-top:20px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:loading-pulse .9s ease-in-out infinite alternate}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-pulse{0%{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.loading-dots span{animation:none}}.bottom-menu{position:fixed;z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);width:min(calc(100% - 24px),460px);padding:6px;border:1px solid var(--panel-border);border-radius:16px;background:color-mix(in srgb,var(--panel-bg) 94%,transparent);box-shadow:0 10px 34px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}.bottom-menu button{display:grid;justify-items:center;gap:2px;min-height:46px;padding:5px 8px;border-radius:10px;color:var(--muted);background:transparent;font-size:.7rem;letter-spacing:.02em}.bottom-menu .menu-collapse{position:absolute;left:50%;top:-23px;display:block;width:68px;min-height:24px;padding:3px 7px;border:1px solid var(--panel-border);border-bottom:0;border-radius:10px 10px 0 0;color:var(--muted);background:var(--panel-bg);font-size:.62rem;transform:translate(-50%)}.bottom-menu.collapsed{grid-template-columns:1fr;width:76px;min-height:30px;padding:0;overflow:hidden;border-radius:11px 11px 0 0}.bottom-menu.collapsed .menu-item{display:none}.bottom-menu.collapsed .menu-collapse{position:static;width:100%;min-height:30px;border:0;border-radius:0;transform:none}.bottom-menu button span{height:14px;color:var(--accent-soft);font-size:.82rem;line-height:1}.bottom-menu button.active{color:var(--accent-text);background:var(--accent);box-shadow:none;filter:none}.bottom-menu button.active span{color:#582b1c}.bottom-sheet{position:fixed;z-index:19;left:50%;bottom:max(78px,calc(68px + env(safe-area-inset-bottom)));width:min(calc(100% - 24px),560px);padding:18px;border:1px solid var(--panel-border);border-radius:16px;background:var(--panel-bg);box-shadow:0 12px 40px #0000008c;transform:translate(-50%)}.bottom-sheet.functions-sheet{width:max-content;max-width:calc(100% - 24px);padding:10px;border-color:color-mix(in srgb,var(--panel-border) 76%,var(--accent-soft));border-radius:17px;background:color-mix(in srgb,var(--panel-bg) 91%,transparent);box-shadow:0 16px 48px #00000085,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-sheet h2{margin-bottom:14px}.bottom-sheet>p{margin-bottom:0;color:var(--muted)}.profile-details{display:grid;gap:10px;margin:0}.profile-details div{display:flex;justify-content:space-between;gap:20px;padding-bottom:8px;border-bottom:1px solid var(--panel-border)}.profile-details div:last-child{padding-bottom:0;border-bottom:0}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;font-weight:700;text-align:right;text-transform:capitalize}.profile-details .profile-player-name{text-transform:none}.function-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.function-action{position:relative;display:inline-flex}.menu-function{display:flex;min-height:42px;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--panel-border) 80%,white 10%);border-radius:11px;padding:7px 11px 7px 8px;color:#f8f2e8;background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 82%,white 5%),color-mix(in srgb,var(--secondary) 88%,black 12%));box-shadow:inset 0 1px #ffffff12,0 3px 10px #0000002e;font-size:.78rem;letter-spacing:.01em;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.function-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border:1px solid color-mix(in srgb,var(--accent-soft) 36%,transparent);border-radius:8px;color:var(--accent-soft);background:#00000026;font-size:1rem;font-weight:800;line-height:1}.function-icon.players-icon{font-size:.47rem;letter-spacing:-.08em}.menu-function:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-soft) 70%,var(--panel-border));background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 77%,var(--accent) 12%),color-mix(in srgb,var(--secondary) 90%,black 10%));box-shadow:inset 0 1px #ffffff1a,0 7px 18px #00000042;transform:translateY(-1px)}.menu-function:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.menu-function.selected{border-color:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-soft) 50%,transparent),0 0 16px color-mix(in srgb,var(--accent) 20%,transparent)}.menu-function.end-game{border-color:#793f42;color:#ffeceb;background:linear-gradient(145deg,#633238,#402126)}.menu-function.end-game .function-icon{border-color:#995158;color:#f2a2a4;background:#3a1c20}.menu-function.end-game:hover:not(:disabled){border-color:#b86167;background:linear-gradient(145deg,#784047,#4b252a);box-shadow:inset 0 1px #ffffff14,0 7px 18px #2b050859}.function-tooltip{position:absolute;z-index:3;bottom:calc(100% + 10px);left:50%;width:max-content;max-width:260px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--panel-border) 72%,var(--accent-soft));border-radius:9px;color:#f8f2e8;background:color-mix(in srgb,var(--panel-bg) 94%,#080706);box-shadow:0 8px 24px #0000007f;font-size:.7rem;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}@media(hover:hover)and (pointer:fine){.function-action:hover .function-tooltip,.function-action:focus-within .function-tooltip{opacity:1;transform:translate(-50%)}}.duo-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#080707c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.duo-dialog{width:min(100%,560px);max-height:min(760px,calc(100dvh - 36px));overflow-y:auto;border:1px solid var(--panel-border);border-radius:18px;padding:clamp(18px,4vw,26px);background:var(--panel-bg);box-shadow:0 20px 70px #000000a6}.duo-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.duo-dialog-heading h2{margin:4px 0 0;font-size:1.45rem}.duo-dialog>p{color:var(--muted)}.duo-close{width:38px;min-height:38px;padding:0;color:#f8f2e8;background:var(--secondary);font-size:1.45rem}.duo-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,155px));justify-content:start;gap:9px;margin-top:18px}.duo-options button{min-width:0;color:#f8f2e8;background:var(--secondary);text-align:left}.duo-options .player-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-directory-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#080707c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-directory-dialog{width:min(100%,520px);max-height:min(760px,calc(100dvh - 36px));overflow-y:auto;border:1px solid var(--panel-border);border-radius:18px;padding:clamp(18px,4vw,26px);background:var(--panel-bg);box-shadow:0 20px 70px #000000a6}.player-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.player-directory-heading h2{margin:0;font-size:1.45rem}.player-directory-section{margin-top:20px}.player-directory-section h3{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.player-directory-section h3 span{display:inline-grid;min-width:23px;min-height:23px;place-items:center;border-radius:999px;background:var(--secondary);color:#f8f2e8;font-size:.7rem}.player-directory-list{display:grid;gap:7px}.player-directory-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:10px 12px;border:1px solid var(--panel-border);border-radius:11px;background:#ffffff08}.player-directory-row.eliminated{opacity:.78}.player-directory-row .player-identity{min-width:0}.player-directory-row .player-name{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-directory-status{display:flex;flex-shrink:0;align-items:flex-end;flex-direction:column;gap:2px;color:var(--muted);font-size:.72rem}.revealed-role{font-size:.76rem}.revealed-role.faithful{color:#84cbd2}.revealed-role.traitor{color:#ef7772}.font-setting label,.sound-setting label{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.font-setting label span,.sound-setting label span{color:#c5afa1}.font-setting label strong,.sound-setting label strong{color:#f0c879}.font-setting input[type=range],.sound-setting input[type=range]{width:100%;height:30px;margin:0;accent-color:#e0a867;cursor:pointer}.font-scale-labels,.sound-volume-labels{display:flex;justify-content:space-between;color:#9f8b7f;font-size:.72rem}.sound-setting{margin-top:22px;padding-top:18px;border-top:1px solid var(--panel-border)}@media(min-width:1100px){.game-screen{padding-bottom:max(48px,env(safe-area-inset-bottom))}.bottom-menu{left:min(calc(100% - 104px),calc(50% + 492px));bottom:50%;grid-template-columns:1fr;width:88px;transform:translateY(50%)}.bottom-menu button{min-height:58px}.bottom-menu .menu-collapse{display:none}.bottom-menu.collapsed{grid-template-columns:1fr;width:88px;min-height:auto;padding:6px;overflow:visible;border-radius:16px}.bottom-menu.collapsed .menu-item{display:grid}.bottom-sheet{top:50%;right:calc((100vw - 960px)/2 + 104px);bottom:auto;left:auto;width:330px;transform:translateY(-50%)}.bottom-sheet.functions-sheet{width:max-content;max-width:330px}}