@import url('/mainnet.css');
#play{margin:0}
#watch-back{position:absolute;right:28px;bottom:24px;z-index:8}
.balance-bar strong{overflow-wrap:anywhere}
#play .hud{z-index:2;gap:30px;padding:24px 28px 40px;align-items:flex-start;background:linear-gradient(#051015f2,#051015c4,transparent)}
#play small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.09em;color:#bbced8}
#play .hud strong{display:block;font-size:1.75rem;line-height:1.3;font-variant-numeric:tabular-nums}
#play .clock-block strong{font-size:2.75rem;letter-spacing:-.04em;line-height:1.08}
#play .exit-block{display:flex;gap:12px;align-items:center}
#play #exit-arrow{display:block;font-size:2.4rem;color:#68dded;line-height:1;transform-origin:center}
#play #exit-distance{color:#68dded}
#play .cache-block strong{font-size:1.375rem;color:#d8ff42}
#play #cache-remaining{font-size:.875rem;display:block;margin:3px 0 5px}
#play .hud-actions{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:350px;pointer-events:auto}
#play button{font-size:.875rem;margin:0;padding:10px 12px;min-height:42px}
#play .hud-actions button{background:#10232ee8;color:#e4f2f8;border-color:#59717b;margin:0}
#play .hud-actions button[aria-pressed=true]{border-color:#68dded}
#play #menu{width:100%;color:#bacdd7}
#play button:focus-visible{outline:3px solid #68dded;outline-offset:3px}
#play .bottom-hud{position:absolute;bottom:62px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;pointer-events:none}
#play .bottom-hud>div{width:220px;background:#08151edb;border:1px solid #354e5d;padding:14px 16px;border-radius:5px}
#play .bottom-hud strong{display:block;font-size:1.75rem;font-variant-numeric:tabular-nums;margin:3px 0}
#play .weapon{text-align:right}
#play #weapon-hint{display:block;font-size:.75rem;color:#ccdae3;margin-top:9px;line-height:1.5}
#play .meter{height:4px;background:#334752;overflow:hidden;border-radius:4px}
#play .meter i{display:block;height:100%;background:#68dded;width:0}
#play #health-bar{width:100%}
#play .critical{border-color:#ff806b!important}
#play .critical strong,#play .critical small,#play .urgent{color:#ff987e}
#play .critical #health-bar{background:#ff806b}
#play #charge-bar,#play #extract-progress{background:#d8ff42}
#play #damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 16vw 5vw #df352b;opacity:0;z-index:1}
#play #damage-label{position:absolute;top:31%;left:50%;transform:translateX(-50%);background:#761d18ed;color:#fff;padding:8px 18px;font-size:1rem;font-weight:800;pointer-events:none}
#play #hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:800;color:#d8ff42;opacity:0;pointer-events:none;text-shadow:0 2px 5px #000}
#play #pickup-notice{position:absolute;top:23%;left:50%;transform:translateX(-50%);background:#152818ed;color:#d8ff42;padding:10px 16px;white-space:nowrap;font-size:.875rem;font-weight:700;pointer-events:none}
#play #prompt{position:absolute;bottom:26%;left:50%;transform:translateX(-50%);background:#07151de8;border:1px solid #779595;padding:12px 18px;text-align:center;pointer-events:none;max-width:90%}
#play #prompt strong{font-size:.875rem;display:block;margin-bottom:7px}
#play #map-wrap{position:absolute;right:28px;top:152px;width:240px;background:#09141df2;border:1px solid #486571;padding:12px;border-radius:5px;pointer-events:none}
#play .map-heading{font-size:.75rem;font-weight:800;letter-spacing:.08em;display:flex;justify-content:space-between;margin-bottom:10px}
#play #map{display:block;width:100%;height:auto}
#play #map-wrap p{font-size:.75rem;margin:9px 0 0;line-height:1.4}
#play .map-you{color:#fff}#play .map-cache{color:#d8ff42}#play .map-exit{color:#68dded}
#play #play-status{bottom:0;left:0;right:0;margin:0;padding:12px 28px;background:#061018e8;max-width:none;font-size:.875rem;line-height:1.5;pointer-events:none}
#play .play-menu{z-index:4;max-height:85vh;overflow-y:auto;background:#0a1825fa;box-shadow:0 18px 90px #0008}
#play .play-menu p{font-size:1rem;line-height:1.7}
#play .play-menu #aim-status,#play .play-menu #audio-status{font-size:.875rem;margin:8px 0;color:#68dded}
#play .play-menu .menu-warning{border-left:2px solid #d8ff42;padding-left:12px;color:#e2eabf}
#play .play-menu button{margin:4px 6px 4px 0}
#play .outcome-panel{position:absolute;z-index:6;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:32px;background:#0a1825fa;border:1px solid #68dded;border-radius:10px;box-shadow:0 0 0 100vmax #030b13a6,0 24px 70px #0008;line-height:1.65}
#play .outcome-panel h2{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:12px 0 20px;letter-spacing:-.04em}
#play .outcome-panel #outcome-copy{color:#bdced8}#play #outcome-return{color:#d8ff42;font-size:20px;font-weight:700}#play .outcome-panel button{margin-top:8px;min-height:44px}#rehearsal-note{font-size:12px;color:#a6bdca;line-height:1.6;margin:12px 0 24px}#play #prompt .meter{height:8px;margin-top:10px}
@media(max-width:1000px){#play .hud{gap:18px;padding:18px 18px 30px}#play .hud-actions{max-width:270px}#play .cache-block small:last-child{max-width:170px}#play .exit-block small{max-width:120px}#play #map-wrap{right:18px;top:154px;width:210px}}
@media(max-width:650px){#play .hud{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:linear-gradient(#051015f2,#051015d9,transparent)}#play .hud strong{font-size:1.25rem}#play .clock-block strong{font-size:2rem}#play .hud-actions{max-width:none;gap:4px}#play .hud-actions button{padding:6px;font-size:.75rem;min-height:34px}#play .cache-block small:last-child{font-size:.75rem}#play #map-wrap{top:205px;right:12px;width:min(180px,40vw)}#play .bottom-hud{left:12px;right:12px;bottom:80px;gap:12px}#play .bottom-hud>div{width:46%;padding:10px}#play .bottom-hud strong{font-size:1.25rem}#play #play-status{padding:10px 12px;font-size:.75rem}#play #prompt{bottom:34%;width:max-content}#play #pickup-notice{top:37%;white-space:normal;width:max-content;max-width:90%;text-align:center}#play .play-menu{width:calc(100vw - 24px);padding:18px}}
@media(max-height:650px){#play #map-wrap{top:145px;width:150px;padding:8px}#play .bottom-hud{bottom:56px}#play .bottom-hud>div{padding:8px 12px}#play .bottom-hud strong{font-size:1.25rem}#play .play-menu p{font-size:.875rem;line-height:1.5;margin:8px 0}#play .play-menu{padding:16px;max-height:96vh}#play .play-menu h2{margin:0 0 10px}}
[hidden]{display:none!important}.room-focus .intro{display:none}#selected{scroll-margin-top:20px;border-color:#63d5e2}#lobby-step{font-size:18px;font-weight:700;color:#d8ff42}#lobby-countdown{font-size:14px;color:#b9cfde}#invite{padding:16px;background:#0a151e;border-radius:6px}#invite-link{max-width:none;font-size:14px}#share-status{font-size:14px}#back-lobbies{background:transparent;color:#8ce7f0;border-color:#36545e}.room-membership{color:#d8ff42!important}#rooms h3{font-size:16px;margin-top:22px}#active-entry-note{border-left:3px solid #d8ff42;padding:10px;font-size:14px}#room-heading:focus{outline:none}#lobby-browser>section>p:not(.eyebrow){font-size:14px}
:root{color-scheme:dark}body{background:#091017;color:#edf5fa}header{max-width:1160px;margin:auto;align-items:center;gap:20px}header a{font-weight:950;font-size:28px;text-decoration:none;color:white}header small{display:block;font-size:8px;letter-spacing:.22em}.tag{font-size:10px;color:#a3b0bb;letter-spacing:.1em}main{max-width:1080px}.intro{padding:36px 0 24px;max-width:710px}h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.055em;line-height:1.02;margin:14px 0 20px}h1 em{font-style:normal;color:#d8ff42}h2{font-size:22px;letter-spacing:-.035em}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#68dded}.intro>p:last-child{max-width:530px;color:#abbcc8;line-height:1.7}.warning{border-left:3px solid #d8ff42;background:#141f25;color:#c4d5de;font-size:13px;line-height:1.65;padding:16px 20px}.balance-bar{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.balance-bar div{font-size:10px;letter-spacing:.1em;color:#9aafbd;flex:1}.balance-bar strong{display:block;font-size:30px;letter-spacing:-.04em;color:#d8ff42}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.columns>section{margin:0}section{border-color:#253c48;border-radius:9px;padding:24px}label{font-size:12px;margin:18px 0 8px}input:not([type=checkbox]),select{width:100%;box-sizing:border-box;background:#0a131b;border:1px solid #39515e;border-radius:4px;padding:12px;color:#fff;font:inherit}details{margin:22px 0;font-size:12px;color:#9db3c1;line-height:1.6}summary{color:#e5edf2;cursor:pointer}button{font-size:12px;border-radius:4px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.primary{background:#d8ff42;color:#102014;border-color:#d8ff42}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.check input{flex-shrink:0;margin-top:4px}.room{padding:14px 0;border-bottom:1px solid #2c3e48}.room p{margin:4px 0 12px;color:#9bb0bd;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.receipt-grid div{background:#0b151e;padding:15px;font-size:11px;color:#9cb4c3}.receipt-grid strong{display:block;font-size:21px;color:#d8ff42}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #273d49}th{color:#a4bac7}footer{padding:26px 0;color:#8b9fae;font-size:12px;line-height:1.8}dialog{max-width:470px}#play{position:fixed;inset:0;background:#081019;z-index:100;padding:0;border:0;border-radius:0}#play[hidden]{display:none}#world{width:100%;height:100%;display:block}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:25px;padding:20px;background:linear-gradient(#051015d9,transparent);pointer-events:none}.hud strong{font-size:40px}.hud span{font-size:12px;text-shadow:0 2px 5px #000}.hud button{margin-left:auto;pointer-events:auto}.crosshair{position:absolute;top:50%;left:50%;font-size:28px;color:#71edeb;transform:translate(-50%,-50%);pointer-events:none}#play-status{position:absolute;bottom:18px;left:24px;color:#ecf8fa;text-shadow:0 2px 5px #000;max-width:70vw}.play-menu{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(520px,80vw);padding:24px;background:#0a1825ee;border:1px solid #486273;border-radius:8px;line-height:1.7}.play-menu p{font-size:13px;color:#b9cfde}.play-menu[hidden]{display:none}@media(max-width:750px){.columns{grid-template-columns:1fr}header .tag{display:none}.receipt-grid{grid-template-columns:1fr 1fr}.balance-bar{gap:18px}.hud{gap:10px;padding:10px}.hud strong{font-size:26px}}
/* Compact lobby surface; the game and balance actions stay in view. */
.intro{padding:12px 0 4px;max-width:900px}.intro h1{font-size:clamp(32px,4vw,48px);margin:8px 0 12px}.intro h1 br{display:none}.intro h1 em:before{content:' '}.intro>p:last-child{max-width:800px}.eyebrow,.tag,.balance-bar div{font-size:12px}.warning,label,details,button,.room p,footer,#rehearsal-note,table{font-size:14px}.receipt-grid div{font-size:13px}header small{font-size:10px}#lobby-browser>section>p:not(.eyebrow){font-size:16px}.receipt-grid strong{overflow-wrap:anywhere}#play small{font-size:12px}