:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f7fb;--muted:#8e99ac;--panel:#0b0e17f0;--line:#30384a;--cyan:#66dcff;--pink:#ff628f;--yellow:#ffd166;--green:#72f1a2;font-family:Cascadia Mono,Segoe UI Mono,Consolas,monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#46536a #090c14}html,body,#game-shell,#game{background:#090b12;width:100%;height:100%;margin:0;overflow:hidden}body{image-rendering:pixelated}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:1.15em;height:1.15em;overflow:visible}.audio-toggle{z-index:60;color:var(--cyan);background:#070a11e6;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.62rem;display:flex;position:fixed;top:18px;right:18px}.audio-toggle.muted{color:var(--muted)}.audio-toggle.in-game{top:78px}.voice-toggle{z-index:60;min-width:112px;color:var(--green);background:#070a11e6;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.62rem;display:flex;position:fixed;top:126px;right:18px}.voice-toggle.muted{color:var(--muted)}.voice-toggle.ready{color:var(--cyan)}.voice-toggle.requesting{color:var(--yellow)}.voice-toggle.unavailable{color:var(--pink)}.voice-peer-audio{display:none}#game canvas{image-rendering:pixelated;cursor:crosshair;display:block}#fog-canvas{z-index:4;pointer-events:none;image-rendering:pixelated;position:fixed;inset:0}.screen-panel{z-index:20;background:linear-gradient(90deg,#04070c9e,#04070ceb),repeating-linear-gradient(0deg,#0000 0 31px,#66dcff0f 32px),repeating-linear-gradient(90deg,#0000 0 31px,#66dcff0f 32px),url(/assets/maps/outpost/outpost-base-runtime.png) 50%/cover no-repeat;grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(2rem,6vw,6rem);display:grid;position:fixed;inset:0}.screen-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 24% 45%,#66dcff1c,#0000 30%),linear-gradient(90deg,#0000 48%,#05080e57 48%);position:absolute;inset:0}.screen-panel>*{z-index:1;position:relative}.logo-lockup{max-width:650px}.eyebrow{color:var(--cyan);letter-spacing:.19em;font-size:.72rem;font-weight:800}.logo-lockup h1{letter-spacing:-.1em;filter:drop-shadow(8px 9px #00000094);margin:.55rem 0 1.5rem;font-size:clamp(5rem,9vw,9rem);line-height:.76}.logo-lockup h1 span{color:var(--pink)}.logo-lockup p{color:#b0bbca;max-width:560px;font-size:1rem;line-height:1.7}.menu-season{color:#7f8b9e;letter-spacing:.15em;align-items:center;gap:.65rem;margin-bottom:1.2rem;font-size:.58rem;display:flex}.menu-season i{background:var(--green);width:5px;height:5px;box-shadow:0 0 12px var(--green)}.feature-rail{flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;display:flex}.feature-rail span{color:#aebbd0;letter-spacing:.1em;background:#060a118a;border:1px solid #aebed333;padding:.45rem .6rem;font-size:.58rem}.pixel-card{background:var(--panel);border:2px solid var(--line);box-shadow:8px 8px #03040a,inset 0 0 0 1px #ffffff0a}.connect-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-self:end;width:min(480px,100%);padding:1.5rem}.menu-console{border-top-color:var(--cyan);animation:.36s steps(6,end) console-in;box-shadow:12px 12px #020408b8,inset 0 0 45px #66dcff06}@keyframes console-in{0%{opacity:0;transform:translate(22px)}}.menu-console-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.menu-console-header h2{letter-spacing:.06em;margin:.2rem 0 0;font-size:1.6rem}.live-indicator{color:var(--green);border:1px solid #284437;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.58rem;display:flex}.live-indicator i{background:currentColor;width:6px;height:6px;box-shadow:0 0 9px}.invite-banner{color:var(--cyan);background:#1a404a38;border:1px solid #355f6b;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.invite-banner .ui-icon{width:23px;height:23px}.invite-banner p{margin:0}.invite-banner strong,.invite-banner span{display:block}.invite-banner strong{letter-spacing:.09em;font-size:.65rem}.invite-banner span{color:#a9b8c7;margin-top:.18rem;font-size:.6rem}.invite-banner b{color:var(--yellow)}.name-field{justify-content:space-between;align-items:center;display:flex}.name-field span{color:#5f6c7e;font-size:.6rem}label{color:var(--muted);letter-spacing:.12em;margin-bottom:.5rem;font-size:.72rem;font-weight:800;display:block}input{border:2px solid var(--line);width:100%;color:var(--ink);text-transform:none;background:#090c14;border-radius:0;outline:none;padding:.85rem 1rem}#code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:900}button{border:2px solid var(--line);color:var(--ink);letter-spacing:.06em;background:#1c2230;padding:.8rem 1rem;font-weight:900;box-shadow:3px 3px #03040a}button:hover{border-color:var(--cyan);transform:translate(-1px,-1px);box-shadow:4px 4px #03040a}button:active{transform:translate(2px,2px);box-shadow:1px 1px #03040a}.primary-button{color:#071019;background:var(--cyan);border-color:#b8f0ff;width:100%;margin-top:.8rem}.menu-action{justify-content:center;align-items:center;gap:.65rem;display:flex}.menu-action .ui-icon{width:18px;height:18px}.menu-action small{color:#060c128c;margin-left:auto;padding-left:.7rem;font-size:.54rem}.join-module{grid-template-columns:1fr 152px;align-items:end;gap:.65rem;display:grid}.join-module label{margin-bottom:.45rem}.join-module button{height:48px}.divider{color:#5d6679;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.68rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.menu-status-row{border-top:1px solid #222a39;justify-content:space-between;gap:1rem;margin-top:1.15rem;padding-top:.9rem;display:flex}#connection-status{min-height:1.2em;color:var(--muted);align-items:center;gap:.45rem;margin:0;font-size:.6rem;display:flex}#connection-status i{background:var(--yellow);flex:none;width:6px;height:6px}#connection-status.connected i{background:var(--green);box-shadow:0 0 8px var(--green)}#connection-status.disconnected i{background:var(--pink)}#server-stats{color:#5f6b7d;white-space:nowrap;font-size:.55rem}#top-hud{z-index:8;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:fixed;top:18px;left:18px;right:18px}.hud-chip{border-left:4px solid var(--cyan);background:#070a11e0;justify-self:start;min-width:130px;padding:.55rem .75rem;box-shadow:4px 4px #00000080}.hud-chip.centered{text-align:center;border-left-color:var(--yellow);justify-self:center}#role-chip{text-align:right;justify-self:end}.hud-chip span{color:var(--muted);letter-spacing:.13em;font-size:.6rem;display:block}.hud-chip strong{letter-spacing:.08em;font-size:1rem}.role-innocent{color:var(--green);border-left-color:var(--green)!important}.role-detective{color:var(--cyan);border-left-color:var(--cyan)!important}.role-traitor{color:var(--pink);border-left-color:var(--pink)!important}.role-spectator,.role-unknown{color:#c2c8d2;border-left-color:#7d8799!important}#lobby-panel{z-index:12;border-top-color:var(--cyan);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(1020px,100vw - 3rem);max-height:calc(100vh - 125px);padding:0;animation:.22s steps(4,end) lobby-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@keyframes lobby-in{0%{opacity:0;transform:translate(-50%,-48%)}}#lobby-panel h2{margin:.3rem 0 .15rem;font-size:2rem}#lobby-panel h2 span{color:var(--yellow);letter-spacing:.14em}.lobby-header{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#66dcff09,#0000 55%);justify-content:space-between;align-items:center;gap:2rem;padding:1.2rem 1.4rem;display:flex}.lobby-header p{color:var(--muted);margin:0;font-size:.65rem}.lobby-share-actions{gap:.55rem;display:flex}.lobby-share-actions button{color:#b8c6d7;align-items:center;gap:.45rem;padding:.6rem .7rem;font-size:.6rem;display:flex}.lobby-layout{grid-template-columns:minmax(300px,.8fr) minmax(430px,1.2fr);min-height:410px;display:grid}.roster-panel{border-right:1px solid var(--line);background:#05080e7a;flex-direction:column;padding:1.1rem 1.25rem;display:flex}.roster-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.roster-panel>header div{align-items:baseline;gap:.65rem;display:flex}.roster-panel>header span{color:var(--cyan);letter-spacing:.13em;font-size:.65rem;font-weight:900}.roster-panel>header strong{color:var(--ink);font-size:.7rem}.roster-panel>header small{color:var(--green);align-items:center;gap:.35rem;font-size:.58rem;display:flex}#lobby-players{flex:1;margin:.6rem 0}.lobby-player{background:#0b101a;border:1px solid #293143;grid-template-columns:34px 1fr auto;align-items:center;gap:.65rem;min-height:51px;margin-bottom:.4rem;padding:.5rem .55rem;font-size:.72rem;transition:border-color .12s,background .12s;display:grid;position:relative}.player-avatar{color:#081018;background:var(--player-color);place-items:center;width:31px;height:31px;font-weight:950;display:grid;box-shadow:3px 3px #03050a}.player-identity strong,.player-identity small{display:block}.player-identity strong{color:var(--ink);font-size:.7rem}.player-identity small{color:#606d7e;letter-spacing:.08em;margin-top:.18rem;font-size:.52rem}.player-state{color:var(--muted);letter-spacing:.08em;align-items:center;gap:.35rem;font-size:.54rem;display:flex}.player-state .ui-icon{width:15px;height:15px}.player-voice{color:#566173;display:inline-flex}.player-voice.active{color:var(--green);filter:drop-shadow(0 0 4px #72f1a273)}.player-voice .ui-icon{width:14px;height:14px}.kick-player{color:#8792a3;border-width:1px;width:26px;height:26px;margin-left:.35rem;padding:0;box-shadow:2px 2px #03040a}.kick-player:hover{color:var(--pink);border-color:var(--pink)}.roster-tip{color:#69778a;background:#090d15;align-items:center;gap:.55rem;padding:.65rem;font-size:.56rem;line-height:1.4;display:flex}.roster-tip .ui-icon{color:var(--green)}.settings-panel{padding:1.1rem 1.25rem}.check-row{cursor:pointer;align-items:center;gap:.65rem;margin:1rem 0 .4rem;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--cyan)}.check-row span{color:var(--muted);font-size:.72rem}#waiting-label{color:var(--muted);margin:0 auto 0 0;font-size:.62rem}#round-settings{margin:0}.settings-title{color:var(--cyan);letter-spacing:.1em;justify-content:space-between;margin-bottom:.7rem;font-size:.65rem;font-weight:900;display:flex}.settings-title small{color:var(--muted);font-size:.55rem}.settings-grid{grid-template-columns:1fr 1fr;gap:.55rem .8rem;display:grid}.select-setting,.check-setting{background:#090c14;border:1px solid #293143;align-items:center;gap:.55rem;min-height:38px;margin:0;padding:.45rem .55rem;display:flex}.select-setting{grid-column:1/-1;justify-content:space-between}.select-setting span,.check-setting span{color:#b1bac8;letter-spacing:.04em;font-size:.62rem}.select-setting span{align-items:center;gap:.45rem;display:flex}.select-setting select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#151b27;padding:.25rem .4rem;font-size:.65rem}.check-setting input{width:16px;height:16px;accent-color:var(--cyan);margin:0}.settings-grid input:disabled,.settings-grid select:disabled{opacity:.55}.map-readout{background:linear-gradient(90deg,#060a11b8,#060a11f5),url(/assets/maps/outpost/outpost-base-runtime.png) 50%/cover;border:1px solid #334054;grid-column:1/-1;grid-template-columns:92px 1fr;align-items:center;gap:.75rem;min-height:72px;padding:.55rem;display:grid}.map-readout>div{background:#05090ead;border:1px solid #ffffff1f;place-items:center;height:54px;display:grid}.map-readout .map-icon{color:#8ed4a2;width:28px;height:28px}.map-readout p{margin:0}.map-readout strong,.map-readout small{display:block}.map-readout strong{color:var(--ink);letter-spacing:.07em;font-size:.68rem}.map-readout small{color:#aeb8c7;margin-top:.25rem;font-size:.58rem;line-height:1.35}.map-readout[data-map=lab]{background:repeating-linear-gradient(0deg,#0000 0 15px,#66dcff12 16px),repeating-linear-gradient(90deg,#101620 0 15px,#202b39 16px)}.map-readout[data-map=lab] .map-icon{color:var(--cyan)}.lobby-footer{border-top:1px solid var(--line);background:#080c14;align-items:center;gap:.8rem;padding:.85rem 1.25rem;display:flex}.lobby-footer .check-row{margin:0 auto 0 0}.lobby-footer button{justify-content:center;align-items:center;gap:.55rem;width:auto;min-width:190px;margin:0;display:flex}.ready-button.is-ready{color:var(--green);border-color:var(--green);background:#12291c}#start-button:disabled{cursor:not-allowed;color:#667384;opacity:.75;background:#18202b;border-color:#303a48;transform:none;box-shadow:3px 3px #03040a}#role-reveal{z-index:15;text-align:left;pointer-events:none;border:2px solid #344052;border-top:4px solid var(--role-accent,var(--green));width:min(620px,100vw - 36px);box-shadow:8px 8px #000000b8, inset 0 0 32px color-mix(in srgb, var(--role-accent,var(--green)) 8%, transparent);background:#070a11f5;padding:1rem 1.25rem 1.1rem;animation:.18s steps(4,end) role-reveal-in;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}#role-reveal span{color:var(--role-accent,var(--green));letter-spacing:.22em;font-size:.62rem;font-weight:900;display:block}#role-reveal strong{color:var(--role-accent,var(--green));letter-spacing:-.035em;text-shadow:3px 3px var(--role-shadow,#16492b);margin:.2rem 0 .3rem;font-size:clamp(1.8rem,4vw,3rem);line-height:.95;display:block}#role-reveal p{color:#c1c8d4;max-width:560px;margin:0;font-size:.72rem;line-height:1.45}@keyframes role-reveal-in{0%{opacity:0;transform:translate(-50%,18px)}}#round-result{z-index:15;text-align:center;pointer-events:none;background:#04060be0;flex-direction:column;justify-content:center;align-items:center;animation:.18s steps(3,end) reveal-in;display:flex;position:fixed;inset:0}#round-result span{color:var(--muted);letter-spacing:.24em;font-size:.72rem}#round-result strong{letter-spacing:-.04em;margin:.3rem 0;font-size:clamp(2.8rem,7vw,6.5rem)}#round-result p{color:#c1c8d4;max-width:560px}#round-result small{color:var(--yellow);margin-top:1rem}@keyframes reveal-in{0%{opacity:0;transform:scale(1.08)}}#status-hud{z-index:8;pointer-events:none;align-items:end;gap:1rem;display:flex;position:fixed;bottom:24px;left:20px}.health-block,.weapon-block{background:#070a11e6;padding:.7rem .85rem;box-shadow:4px 4px #00000080}.health-block>span,.weapon-block>span{color:var(--muted);letter-spacing:.12em;font-size:.62rem}.health-block strong{margin-left:.5rem;font-size:1.25rem}.meter{background:#2a2029;width:150px;height:7px;margin-top:.4rem}.meter i{background:var(--green);width:100%;height:100%;transition:width .1s steps(5,end);display:block}#armor-line{color:var(--cyan);margin-top:.35rem;font-size:.62rem}#armor-line b{color:var(--cyan);margin-left:.35rem;font-size:.8rem}.weapon-block strong{font-size:1.3rem;display:block}.weapon-block small{color:#687386;font-size:.58rem}#weapon-slot-list{gap:.35rem;margin-top:.42rem;display:flex}#weapon-slot-list>span{color:#6f7b8e;background:#0a0e16;border:1px solid #30384a;align-items:center;gap:.3rem;min-width:88px;padding:.25rem .35rem;display:flex}#weapon-slot-list>span.active{border-color:var(--cyan);color:var(--ink);box-shadow:inset 2px 0 var(--cyan);background:#10202a}#weapon-slot-list kbd{padding:.12rem .25rem;font-size:.48rem;box-shadow:1px 1px #7b5b11}#weapon-slot-list b{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}#chat-panel{z-index:10;background:#05080ed1;border-left:3px solid #394357;width:min(390px,100vw - 36px);position:fixed;bottom:22px;right:18px}#chat-messages{max-height:150px;padding:.55rem .75rem .25rem;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 25%);mask-image:linear-gradient(#0000,#000 25%)}.chat-line{color:#d6dbe5;text-shadow:1px 1px #000;margin:.25rem 0;font-size:.7rem;line-height:1.35}.chat-line.dead strong{color:#8d96a5}#chat-form{border-top:1px solid #30384a;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}#chat-input{background:0 0;border:0;padding:.4rem;font-size:.72rem}#interact-hint{z-index:9;color:var(--ink);letter-spacing:.09em;background:#070a11e6;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.68rem;display:flex;position:fixed;bottom:102px;left:50%;transform:translate(-50%)}kbd{color:#081018;background:var(--yellow);padding:.25rem .4rem;font-weight:900;box-shadow:2px 2px #7b5b11}#toast-stack{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%)}.toast{border-left:4px solid var(--cyan);color:var(--ink);background:#080b12f5;padding:.65rem .9rem;font-size:.72rem;animation:.16s steps(3,end) toast-in;box-shadow:4px 4px #020308}.toast.danger{border-color:var(--pink)}.toast.success{border-color:var(--green)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}#hurt-flash{z-index:7;pointer-events:none;transition:box-shadow .14s;position:fixed;inset:0;box-shadow:inset 0 0 #ff305b00}#hurt-flash.active{box-shadow:inset 0 0 90px 28px #ff305b80}#controls-help{z-index:8;color:#b7c1cf8f;letter-spacing:.08em;white-space:nowrap;pointer-events:none;font-size:.55rem;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.escape-overlay{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02050a7a;place-items:center;padding:1rem;animation:.12s steps(3,end) escape-fade-in;display:grid;position:fixed;inset:0}.escape-card{border-color:#48556c;border-top-color:var(--cyan);background:#070a11f7;width:min(470px,100vw - 2rem);max-height:calc(100vh - 2rem);animation:.15s steps(4,end) escape-card-in;overflow-y:auto;box-shadow:12px 12px #000000ad,inset 0 0 48px #66dcff09}.escape-header{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#66dcff14,#0000 62%);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem 1rem;display:flex}.escape-header h2{letter-spacing:.06em;margin:.18rem 0 0;font-size:1.8rem}.escape-online-note{max-width:155px;color:var(--yellow);text-align:right;letter-spacing:.08em;align-items:center;gap:.42rem;font-size:.5rem;line-height:1.35;display:flex}.escape-online-note i{background:currentColor;flex:none;width:6px;height:6px;box-shadow:0 0 8px}.escape-panel{padding:1rem 1.25rem 1.15rem}.escape-panel h3{color:var(--cyan);letter-spacing:.12em;margin:.25rem 0 1rem;font-size:1rem}.escape-action{text-align:left;background:#121925;grid-template-columns:25px 1fr auto;align-items:center;gap:.65rem;width:100%;min-height:54px;margin-bottom:.55rem;padding:.7rem .8rem;display:grid}.escape-action .ui-icon{width:20px;height:20px;color:var(--cyan)}.escape-action>span{letter-spacing:.09em}.escape-action small{color:#6e7b90;letter-spacing:.08em;font-size:.5rem}.escape-action kbd{font-size:.52rem}.escape-action.escape-primary .ui-icon{color:#071019}.escape-action.escape-primary kbd{color:var(--cyan);background:#071019;box-shadow:2px 2px #0000004d}.escape-action.escape-danger.confirming{border-color:var(--pink);background:var(--pink)}.escape-action.escape-danger.confirming .ui-icon,.escape-action.escape-danger.confirming>span,.escape-action.escape-danger.confirming small{color:#19060d}.escape-back{color:var(--muted);background:#0d121c;border-width:1px;margin:0 0 .65rem;padding:.45rem .6rem;font-size:.58rem;box-shadow:2px 2px #03040a}.escape-back span{color:var(--cyan)}.escape-setting-row{min-height:64px;color:var(--ink);letter-spacing:0;background:#0c111b;border:1px solid #2d3648;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .55rem;padding:.7rem .8rem;display:flex}.escape-setting-row strong,.escape-setting-row small{display:block}.escape-setting-row strong{letter-spacing:.08em;font-size:.68rem}.escape-setting-row small{color:var(--muted);margin-top:.25rem;font-size:.54rem;line-height:1.35}.escape-setting-row select{border:1px solid var(--line);min-width:132px;color:var(--ink);font:inherit;background:#151b27;padding:.45rem;font-size:.58rem}.escape-toggle{min-width:68px;color:var(--green);background:#102219;border-color:#315d42;padding:.5rem .65rem;font-size:.62rem;box-shadow:2px 2px #03040a}.escape-toggle.muted{color:var(--muted);background:#161a22;border-color:#3a4250}.escape-check input{width:18px;height:18px;accent-color:var(--cyan);margin:0 .35rem}.controls-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.controls-grid>div{background:#0c111b;border:1px solid #2b3445;align-items:center;gap:.65rem;min-height:48px;padding:.55rem .65rem;display:flex}.controls-grid kbd{text-align:center;min-width:48px;font-size:.56rem}.controls-grid span{color:#b8c2d0;letter-spacing:.06em;font-size:.56rem}.escape-footer{color:#697589;letter-spacing:.1em;border-top:1px solid #252d3d;justify-content:center;align-items:center;gap:.55rem;padding:.7rem;font-size:.52rem;display:flex}.escape-footer kbd{font-size:.5rem}@keyframes escape-fade-in{0%{opacity:0}}@keyframes escape-card-in{0%{opacity:0;transform:translateY(12px)}}#role-shop{z-index:35;background:#060910fa;border-color:#475168;width:min(780px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.3rem;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}#role-shop:before{content:"";z-index:-1;background:#000000b8;position:fixed;inset:-100vh -100vw}#role-shop header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding-bottom:1rem;display:grid}#role-shop header span{color:var(--muted);letter-spacing:.13em;font-size:.58rem}#role-shop h2{color:var(--cyan);margin:.2rem 0 0;font-size:1.5rem}.credit-display{border-left:3px solid var(--yellow);background:#111622;min-width:90px;padding:.45rem .7rem}.credit-display strong{color:var(--yellow);font-size:1.4rem;display:block}#shop-close{width:42px;height:42px;padding:0;font-size:1.5rem}#shop-close .ui-icon{width:18px;height:18px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem;display:grid}.shop-grid article{background:#0d111c;border:1px solid #303a4e;flex-direction:column;min-height:142px;padding:1rem;display:flex}.shop-grid article b{color:var(--ink);letter-spacing:.05em;align-items:center;gap:.55rem;font-size:.8rem;display:flex}.shop-grid article b .ui-icon{width:22px;height:22px;color:var(--cyan)}#role-shop.traitor .shop-grid article b .ui-icon{color:var(--pink)}.shop-grid article p{color:var(--muted);flex:1;margin:.55rem 0 .8rem;font-size:.67rem;line-height:1.5}.shop-grid article button{width:100%;padding:.55rem;font-size:.65rem}#role-shop.traitor .shop-grid article button{background:#351421;border-color:#6a3044}.shop-grid article button:disabled{cursor:not-allowed;opacity:.35;transform:none;box-shadow:2px 2px #03040a}.shop-grid article.owned{border-color:#2e6c7d}.shop-grid article>span{color:var(--cyan);letter-spacing:.1em;font-size:.58rem}#role-shop footer{color:var(--muted);text-align:center;padding-top:1rem;font-size:.6rem}#scoreboard{z-index:40;background:#070a11f7;width:min(520px,100vw - 2rem);padding:1.2rem 1.4rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard h3{color:var(--yellow);letter-spacing:.13em;margin:0 0 .8rem}#scoreboard>div{border-top:1px solid var(--line);grid-template-columns:1fr 110px 48px;gap:1rem;padding:.65rem 0;font-size:.75rem;display:grid}#scoreboard small{color:var(--muted);text-align:right}#scoreboard b{color:var(--cyan);text-align:right}.status-dot{background:var(--muted);width:8px;height:8px;margin-right:.6rem;display:inline-block;box-shadow:1px 1px #000}.status-dot.alive{background:var(--green)}.status-dot.dead{background:var(--pink);transform:rotate(45deg)}@media (width<=820px){.screen-panel{grid-template-columns:1fr;align-content:start;gap:1.5rem;padding:4.5rem 1rem 1.5rem;overflow-y:auto}.logo-lockup{text-align:center}.logo-lockup h1{font-size:4rem}.logo-lockup p{display:none}.menu-season,.feature-rail{justify-content:center}.connect-card{justify-self:center}.join-module{grid-template-columns:1fr}.join-module button{width:100%}.menu-status-row{flex-direction:column}.lobby-header{flex-direction:column;align-items:flex-start;gap:.8rem}.lobby-share-actions{width:100%}.lobby-share-actions button{flex:1;justify-content:center}.lobby-layout{grid-template-columns:1fr}.roster-panel{border-right:0;border-bottom:1px solid var(--line)}.lobby-footer{flex-direction:column;align-items:stretch}.lobby-footer .check-row,#waiting-label{margin-right:0}.lobby-footer button{width:100%}#chat-panel{width:300px}#controls-help{display:none!important}.shop-grid{grid-template-columns:1fr}#role-shop{width:calc(100vw - 1rem)}#role-reveal{width:calc(100vw - 24px);padding:.85rem 1rem .95rem;bottom:104px}#role-reveal strong{font-size:1.8rem}#role-reveal p{font-size:.66rem}.escape-header{padding:.9rem 1rem .8rem}.escape-panel{padding:.8rem 1rem .9rem}.escape-online-note{max-width:130px}.controls-grid{grid-template-columns:1fr}.escape-setting-row select{min-width:116px}}@media (height<=620px){.escape-card{max-height:calc(100vh - 1rem)}.escape-header{padding-top:.75rem;padding-bottom:.65rem}.escape-header h2{font-size:1.35rem}.escape-panel{padding-top:.65rem;padding-bottom:.7rem}.escape-action{min-height:44px;margin-bottom:.35rem;padding-top:.5rem;padding-bottom:.5rem}}@media (height<=760px) and (width>=821px){#lobby-panel{max-height:calc(100vh - 88px);top:74px;transform:translate(-50%)}.lobby-layout{min-height:360px}.lobby-player{min-height:44px}.logo-lockup h1{font-size:clamp(4.8rem,8vw,7rem)}}:root{--ink:#f1f0e8;--muted:#899096;--panel:#090b0cf6;--line:#3a4142;--cyan:#56b8cf;--pink:#df3e4e;--yellow:#e6b43d;--green:#8fbd47;--ttt-black:#070908;--ttt-panel:#101413;--ttt-steel:#252b29;--ttt-paper:#d6d0b9;--ttt-red:#d93b46;--ttt-amber:#e9b83f;--ttt-blue:#55b6d1;--ttt-green:#91bd45}body{color:var(--ink);background:var(--ttt-black);font-family:Cascadia Mono,Lucida Console,Consolas,monospace}#game-shell:after{content:"";z-index:70;pointer-events:none;opacity:.105;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff0e 4px),radial-gradient(circle,#0000 30%,#000000a6 125%);position:fixed;inset:0}button,input,select,.pixel-card{border-radius:0}button{color:#e8e7df;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));background:linear-gradient(#252b2a,#171b1a);border:1px solid #424a48;transition:color .11s,border-color .11s,background .11s,transform 80ms,filter .11s;position:relative;box-shadow:inset 0 1px #ffffff0f,3px 3px #000000b8}button:after{content:"";pointer-events:none;border:1px solid #ffffff06;position:absolute;inset:3px}button:hover{color:#fff;border-color:var(--ttt-amber);filter:brightness(1.08);background:linear-gradient(#343b38,#1b201e);box-shadow:inset 0 1px #ffffff14,4px 4px #000000c7}button:active{filter:brightness(.92);transform:translate(2px,2px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ttt-amber);outline-offset:3px}.pixel-card{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(135deg,#ffffff05,#0000 24%),linear-gradient(#0f1312fa,#080a0afb);border:1px solid #444b49;box-shadow:0 22px 55px #0000008f,8px 8px #00000080,inset 0 0 0 1px #ffffff06}.eyebrow{color:var(--ttt-amber);text-transform:uppercase}.screen-panel{background:linear-gradient(90deg,#04060675 0%,#040606c2 48%,#030404f7 72%),radial-gradient(circle at 20%,#da3a451c,#0000 36%),repeating-linear-gradient(115deg,#0000 0 80px,#e5b53f06 81px 82px),url(/assets/maps/outpost/outpost-base-runtime.png) 50%/cover no-repeat;grid-template-columns:minmax(430px,1fr) minmax(390px,475px);gap:clamp(3rem,9vw,9rem);padding:clamp(2rem,6vw,6.5rem)}.screen-panel:before{background:linear-gradient(90deg,#0000 0 52%,#00000061 52%),repeating-linear-gradient(0deg,#0000 0 5px,#ffffff03 6px),radial-gradient(at 26%,#55b6d114,#0000 38%)}.screen-panel:after{content:"";z-index:1;opacity:.72;background:repeating-linear-gradient(135deg, var(--ttt-amber) 0 16px, #171815 16px 32px);height:13px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff17,0 -5px 20px #00000080}.logo-lockup{border-left:5px solid var(--ttt-red);max-width:700px;padding-left:25px}.logo-lockup:before{content:"TROUBLE PROTOCOL  //  INCIDENT 07";color:#111;background:var(--ttt-amber);letter-spacing:.15em;margin:0 0 1rem -30px;padding:.38rem .68rem .34rem;font-size:.62rem;font-weight:950;display:inline-block;transform:rotate(-1deg);box-shadow:5px 5px #0000007a}.logo-lockup:after{content:"TRUST IS A LIABILITY";color:#d93b46bd;letter-spacing:.18em;border:2px solid #d93b468c;padding:.48rem .75rem;font-size:.78rem;font-weight:950;position:absolute;bottom:-2.2rem;right:2rem;transform:rotate(-4deg)}.menu-season{color:#99a09d;margin-bottom:.8rem}.menu-season span:first-child{color:var(--ttt-amber)}.menu-season i{background:var(--ttt-red);box-shadow:0 0 14px var(--ttt-red)}.logo-lockup>.eyebrow{color:#bac1bd;font-size:.67rem}.logo-lockup h1{color:#efeee7;letter-spacing:-.045em;text-transform:uppercase;filter:drop-shadow(8px 9px #060707);margin:.8rem 0 1.35rem;font-family:Impact,Arial Black,sans-serif;font-size:clamp(5.5rem,9.2vw,9.5rem);font-weight:950;line-height:.72;transform:skewY(-1deg)}.logo-lockup h1 span{color:var(--ttt-red);text-shadow:2px 2px #551820,5px 5px #111;padding-right:.08em;display:inline-block}.logo-lockup p{color:#c4c6bf;max-width:600px;margin:0;font-size:.96rem;line-height:1.75}.feature-rail{gap:.4rem;margin-top:1.35rem}.feature-rail span{color:#c8c7bb;box-shadow:inset 3px 0 var(--ttt-red);background:#0a0c0bc7;border:1px solid #4a4e48;padding:.48rem .66rem .44rem .82rem;font-weight:800;position:relative}.connect-card{-webkit-backdrop-filter:blur(18px)saturate(.75);backdrop-filter:blur(18px)saturate(.75);border-top:0;width:min(475px,100%);padding:1.75rem 1.75rem 1.45rem;position:relative;overflow:visible}.menu-console:before{content:"";background:repeating-linear-gradient(135deg, var(--ttt-amber) 0 12px, #20221e 12px 24px);height:8px;position:absolute;top:0;left:0;right:14px}.menu-console:after{content:"AUTHORIZED PERSONNEL ONLY";color:#e6b43da3;letter-spacing:.13em;transform-origin:100% 0;background:#0b0d0c;border:1px solid #e6b43d4d;padding:.28rem .4rem;font-size:.46rem;position:absolute;top:28px;right:-22px;transform:rotate(90deg)translate(100%)}.menu-console-header{border-color:#3a403d;margin:.4rem 0 1.2rem;position:relative}.menu-console-header:after{content:"SECURE // 256-BIT";color:#606862;letter-spacing:.13em;font-size:.45rem;position:absolute;bottom:.38rem;right:0}.menu-console-header h2{color:var(--ttt-paper);letter-spacing:.09em;font-family:Impact,Arial Black,sans-serif;font-size:2rem;font-weight:400}.live-indicator{color:var(--ttt-green);background:#46582521;border-color:#465036}.name-field label,.join-module label{color:#a4aaa4}input{color:#f2f0e4;background:#080a09;border:1px solid #454d4a;box-shadow:inset 4px 0 #242a27,inset 0 0 18px #0009}input:focus{border-color:var(--ttt-amber);box-shadow:inset 4px 0 var(--ttt-amber), 0 0 0 1px #e6b43d38}.primary-button{color:#11130f;background:linear-gradient(#ffffff1f, transparent), var(--ttt-amber);border-color:#f0c85b;box-shadow:inset 0 -4px #5d410840,4px 4px #030403}.primary-button:hover{color:#0c0d0b;background:#f1c54e;border-color:#fff1a7}.divider{color:#676d69}.divider:before,.divider:after{background:linear-gradient(90deg,#0000,#4a504d)}.divider:after{background:linear-gradient(90deg,#4a504d,#0000)}.menu-status-row{border-color:#343a37}.audio-toggle,.voice-toggle{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);background:linear-gradient(90deg,#0d100ff7,#060807f7);border-color:#424945;box-shadow:inset 3px 0,4px 4px #00000073}.audio-toggle,.voice-toggle.ready{color:var(--ttt-blue)}.voice-toggle:not(.muted){color:var(--ttt-green)}.audio-toggle.in-game,.voice-toggle{justify-content:center;width:46px;min-width:46px;height:38px;padding:0}.audio-toggle.in-game span,.voice-toggle span{display:none}.audio-toggle.in-game .ui-icon,.voice-toggle .ui-icon{width:18px;height:18px}#top-hud{top:14px;left:14px;right:14px}#top-hud:before{content:"";z-index:-1;opacity:.72;background:linear-gradient(#040605eb,#04060566,#0000);height:76px;position:absolute;top:-14px;left:-14px;right:-14px}.hud-chip{border:0;border-left:5px solid var(--ttt-blue);clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%);background:linear-gradient(90deg,#0b0e0df5,#0b0e0dbd);min-width:145px;padding:.62rem .82rem .56rem;box-shadow:inset 0 1px #ffffff09,5px 5px #00000047}.hud-chip.centered{border-left-color:var(--ttt-amber);min-width:200px;padding-inline:1.25rem}#role-chip{clip-path:polygon(11px 0,100% 0,100% 100%,0 100%);border-left-color:#858c88}.hud-chip span{color:#7e8681;font-size:.52rem}.hud-chip strong{color:#f0efe8;font-size:1.06rem}.role-innocent{border-left-color:var(--ttt-green)!important}.role-detective{border-left-color:var(--ttt-blue)!important}.role-traitor{border-left-color:var(--ttt-red)!important}.role-innocent strong{color:var(--ttt-green)}.role-detective strong{color:var(--ttt-blue)}.role-traitor strong{color:var(--ttt-red)}#lobby-panel{background:linear-gradient(135deg,#ffffff04,#0000 28%),#080a09f7;border:1px solid #4a514e;border-top:0;width:min(1110px,100vw - 3rem);box-shadow:0 28px 75px #0000009e,9px 9px #0000006b}#lobby-panel:before{content:"";background:repeating-linear-gradient(135deg, var(--ttt-amber) 0 13px, #1c1e1b 13px 26px);height:8px;display:block}#lobby-panel:after{content:"CLASSIFIED // ROUND PARAMETERS";color:#d93b463b;letter-spacing:.12em;pointer-events:none;border:2px solid #d93b462e;padding:.38rem .55rem;font-size:.72rem;font-weight:950;position:absolute;bottom:73px;right:1.35rem;transform:rotate(-2deg)}#lobby-panel h2{color:var(--ttt-paper);letter-spacing:.08em;margin:.14rem 0 .18rem;font-family:Impact,Arial Black,sans-serif;font-size:2.35rem;font-weight:400}#lobby-panel h2 span{color:var(--ttt-amber);text-shadow:3px 3px #3a2a0a}.lobby-header{background:linear-gradient(90deg,#e6b43d11,#0000 38%),repeating-linear-gradient(90deg,#0000 0 63px,#ffffff05 64px);border-color:#3c423f;padding:1rem 1.35rem .95rem;position:relative}.lobby-header:before{content:"INCIDENT DOSSIER";color:#151610;background:var(--ttt-amber);letter-spacing:.16em;padding:.26rem .62rem;font-size:.5rem;font-weight:950;position:absolute;top:-8px;left:1.35rem}.lobby-header .eyebrow{color:var(--ttt-red);margin-top:.5rem}.lobby-header p{color:#969e98}.lobby-share-actions button{color:#b8bcb7;background:#171b19;border-color:#424945}.lobby-layout{grid-template-columns:minmax(330px,.88fr) minmax(470px,1.32fr);min-height:405px}.roster-panel{background:linear-gradient(#e6b43d06,#0000 32%),#05070699;border-color:#3b413e;padding:1rem 1.15rem}.roster-panel>header{border-color:#363c39}.roster-panel>header span,.settings-title{color:var(--ttt-amber)}.roster-panel>header small{color:var(--ttt-green)}#lobby-players{margin-top:.75rem}.lobby-player{background:linear-gradient(90deg, color-mix(in srgb, var(--player-color) 12%, transparent), transparent 48%), #101412;min-height:62px;box-shadow:inset 4px 0 var(--player-color), 3px 3px 0 #00000052;border-color:#3a423f;grid-template-columns:43px 1fr auto;margin-bottom:.5rem;padding:.52rem .62rem;overflow:hidden}.lobby-player:after{content:attr(data-slot);color:#ffffff06;pointer-events:none;font-family:Impact,sans-serif;font-size:3.2rem;position:absolute;bottom:-9px;right:5px}.lobby-player.local{background:linear-gradient(90deg,#e6b43d18,#0000 58%),#121614;border-color:#68716b}.lobby-player.local:before{content:"LOCAL";color:#12130f;background:var(--ttt-amber);letter-spacing:.08em;padding:.15rem .3rem;font-size:.42rem;font-weight:950;position:absolute;top:0;right:0}.player-avatar{color:#090b09;border:1px solid color-mix(in srgb, var(--player-color) 60%, white);background:var(--player-color);width:39px;height:39px;font-size:1rem;box-shadow:inset 0 -5px #0000002e,3px 3px #030403}.player-identity strong{font-size:.76rem}.player-identity small{color:#757d77}.player-state{z-index:1;padding-right:.35rem;position:relative}.player-state.host{color:var(--ttt-amber)}.player-state.ready{color:var(--ttt-green)}.roster-tip{border-left:3px solid var(--ttt-green);color:#7d857f;background:#0a0d0b}.settings-panel{background:#0f12115c;padding:1rem 1.15rem}.settings-title{border-bottom:1px solid #343a37;padding-bottom:.72rem}.settings-title small{color:#7b837e}.settings-grid{gap:.62rem}.select-setting,.check-setting{background:linear-gradient(#151917,#0d100f);border-color:#39403d;box-shadow:inset 3px 0 #292f2c}.select-setting:hover,.check-setting:hover{border-color:#58605c}.select-setting span,.check-setting span{color:#c1c3bc}.select-setting select{background:#090b0a;border-color:#464d49}.check-setting input{accent-color:var(--ttt-amber)}.map-readout{min-height:83px;box-shadow:inset 4px 0 var(--ttt-green);background:linear-gradient(90deg,#0407057a,#050706f7 75%),url(/assets/maps/outpost/outpost-base-runtime.png) 50% 42%/cover;border-color:#505854}.map-readout>div{background:#070a08bf;border-color:#4b524f;height:62px}.map-readout .map-icon{color:var(--ttt-green)}.map-readout strong{color:var(--ttt-paper)}.lobby-footer{background:linear-gradient(#111513,#090b0a);border-color:#3d433f;min-height:70px;position:relative}.lobby-footer:before{content:"";background:var(--ttt-red);width:155px;height:3px;position:absolute;top:0;left:0}.lobby-footer #waiting-label{color:#a0a59f}.ready-button{color:#10130d;background:var(--ttt-green);border-color:#b9d777}#start-button{min-width:235px}#start-button:disabled{color:#676c68;opacity:.8;background:#171a18;border-color:#343936}#status-hud{gap:.55rem;bottom:20px;left:18px}.health-block,.weapon-block{min-height:76px;box-shadow:inset 4px 0 var(--ttt-red), 5px 5px 0 #0000006b;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:linear-gradient(135deg,#121614f7,#060807f0);border:1px solid #444b47;padding:.72rem .9rem;position:relative}.weapon-block{box-shadow:inset 4px 0 var(--ttt-amber), 5px 5px 0 #0000006b}.health-block>span,.weapon-block>span{color:#7f8781}.health-block strong{color:#fff;font-family:Impact,sans-serif;font-size:1.9rem;font-weight:400}.weapon-block strong{color:var(--ttt-paper);letter-spacing:.08em;font-family:Impact,sans-serif;font-size:1.65rem;font-weight:400}.meter{background:#351719;height:5px}#weapon-slot-list>span{background:#090b0a;border-color:#343b37}#weapon-slot-list>span.active{border-color:var(--ttt-amber);box-shadow:inset 3px 0 var(--ttt-amber);background:#e6b43d14}#chat-panel{border:1px solid #3e4541;border-left:4px solid var(--ttt-amber);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#070908e8;width:min(410px,100vw - 36px);padding-top:22px;bottom:18px;right:18px;box-shadow:6px 6px #00000057}#chat-panel:before{content:"COMMS // LOCAL CHANNEL";color:var(--ttt-amber);letter-spacing:.14em;font-size:.47rem;font-weight:900;position:absolute;top:6px;left:.72rem}#chat-messages{max-height:160px}.chat-line strong{color:var(--ttt-amber)}.chat-line.system{color:#a9afaa}#chat-form{background:#0000003d;border-color:#3b413e}#chat-form span{color:var(--ttt-amber)}#interact-hint{border:1px solid #505752;border-left:4px solid var(--ttt-amber);background:#080a09f0;box-shadow:5px 5px #00000059}kbd{color:#16170f;background:var(--ttt-amber);box-shadow:2px 2px #6e5417}#controls-help{color:#c6c9c275;letter-spacing:.05em;background:#0406058c;padding:.35rem .65rem;bottom:8px}#role-reveal{--role-accent:var(--ttt-green);border:1px solid #4b524f;border-left:8px solid var(--role-accent);background:linear-gradient(90deg, color-mix(in srgb, var(--role-accent) 12%, transparent), transparent 55%), #080a09f9;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);border-top:1px solid #4b524f;width:min(700px,100vw - 36px);padding:1.15rem 1.4rem 1.2rem 1.7rem;bottom:104px;box-shadow:10px 10px #0000008c,inset 0 0 45px #ffffff04}#role-reveal:after{content:"IDENTITY CONFIRMED";color:color-mix(in srgb, var(--role-accent) 38%, transparent);border:2px solid color-mix(in srgb, var(--role-accent) 28%, transparent);letter-spacing:.14em;padding:.35rem .5rem;font-size:.58rem;font-weight:950;position:absolute;top:1.1rem;right:1.2rem;transform:rotate(-3deg)}#role-reveal strong{letter-spacing:.035em;text-shadow:4px 4px var(--role-shadow);font-family:Impact,Arial Black,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}#role-reveal.traitor{--role-accent:var(--ttt-red);--role-shadow:#4a1318}#role-reveal.detective{--role-accent:var(--ttt-blue);--role-shadow:#123741}#role-reveal.innocent{--role-accent:var(--ttt-green);--role-shadow:#263a13}#round-result{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:repeating-linear-gradient(135deg,#e6b43d09 0 18px,#0000 18px 36px),#040605f0}#round-result:before{content:"INCIDENT CLOSED";color:var(--ttt-amber);letter-spacing:.3em;font-size:.65rem}#round-result strong{letter-spacing:.03em;text-shadow:6px 6px #000;font-family:Impact,Arial Black,sans-serif;font-weight:400}#round-result strong.traitors{color:var(--ttt-red)}#round-result strong.innocents{color:var(--ttt-green)}.escape-overlay{-webkit-backdrop-filter:blur(6px)saturate(.6);backdrop-filter:blur(6px)saturate(.6);background:#020303ad}.escape-card{border-top:8px solid var(--ttt-amber);background:#080a09fb}.escape-header{background:linear-gradient(90deg,#e6b43d14,#0000 58%);border-color:#3c433f}.escape-header h2{color:var(--ttt-paper);font-family:Impact,sans-serif;font-weight:400}.escape-online-note{color:var(--ttt-red)}.escape-panel h3{color:var(--ttt-amber)}.escape-action{background:#151917;border-color:#3b423e}.escape-action .ui-icon{color:var(--ttt-amber)}.escape-action.escape-primary{color:#14150f;background:var(--ttt-amber);border-color:#f1cc69}.escape-action.escape-danger{background:#251113;border-color:#663036}.escape-action.escape-danger .ui-icon,.escape-action.escape-danger>span{color:#ee5965}.escape-setting-row,.controls-grid>div{background:#0d100f;border-color:#343b37}.escape-toggle{color:var(--ttt-green);background:#172111;border-color:#4e6533}#role-shop{border-top:8px solid var(--ttt-amber);background:#080a09fb}#role-shop.traitor{border-top-color:var(--ttt-red)}#role-shop h2{color:var(--ttt-blue);letter-spacing:.07em;font-family:Impact,sans-serif;font-weight:400}#role-shop.traitor h2{color:var(--ttt-red)}.shop-grid article{background:linear-gradient(145deg,#131715,#0b0d0c);border-color:#3b423e;box-shadow:inset 3px 0 #303733}.shop-grid article:hover{border-color:#555e59;transform:translateY(-2px)}.credit-display{border-left-color:var(--ttt-amber);background:#171a13}.credit-display strong{color:var(--ttt-amber)}#scoreboard{border-top:8px solid var(--ttt-amber);background:#080a09fb;box-shadow:12px 12px #00000085}#scoreboard h3{color:var(--ttt-amber)}#scoreboard>div{border-color:#343a37}#toast-stack{top:86px}.toast{border:1px solid #444b47;border-left:5px solid var(--ttt-blue);color:#e8e7df;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:#090b0afa;box-shadow:5px 5px #020302}.toast.danger{border-left-color:var(--ttt-red)}.toast.success{border-left-color:var(--ttt-green)}@media (width<=820px){.screen-panel{background-position:35%;grid-template-columns:1fr;padding:4.2rem 1rem 1.5rem}.logo-lockup{text-align:left;border-left-width:3px}.logo-lockup:after{display:none}.logo-lockup h1{font-size:clamp(4.4rem,20vw,6.3rem)}.logo-lockup>.eyebrow,.logo-lockup p{display:none}.feature-rail{justify-content:flex-start}.connect-card{justify-self:stretch;width:100%}#lobby-panel{width:calc(100vw - 1rem)}.lobby-layout{grid-template-columns:1fr}#lobby-panel:after{display:none}.lobby-player{min-height:58px}#chat-panel{bottom:10px;right:8px}#status-hud{transform-origin:0 100%;bottom:10px;left:8px;transform:scale(.88)}}@media (height<=760px) and (width>=821px){#lobby-panel{max-height:calc(100vh - 82px);top:70px}.lobby-layout{min-height:365px}.lobby-header{padding-block:.72rem}.lobby-player{min-height:54px}}