body:has(#controller),body:has(#join-card){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}body:has(#controller) input,body:has(#controller) textarea,body:has(#join-card) input,body:has(#join-card) textarea{-webkit-user-select:text;user-select:text;touch-action:auto}#join-flash{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#030712eb;backdrop-filter:blur(6px);opacity:1;transition:opacity .35s ease-out;pointer-events:none}#join-flash.fading{opacity:0}#join-flash .join-flash-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}#join-flash .join-flash-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#111827;border:2px solid rgb(125 211 252 / .55);box-shadow:0 0 32px #7dd3fc40}#join-flash .join-flash-avatar>svg{width:100%;height:100%}#join-flash .join-flash-name{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.1;max-width:80vw;overflow-wrap:anywhere}#join-flash .join-flash-sub{font-size:.7rem;color:#7dd3fc;text-transform:uppercase;letter-spacing:.18em;font-weight:600}#join-flash .join-flash-pulse{width:96px;height:96px;display:flex;align-items:center;justify-content:center}#join-flash .join-flash-pulse img{width:100%;height:100%;filter:drop-shadow(0 0 18px rgb(125 211 252 / .5));animation:join-flash-pulse 1.2s ease-in-out infinite}@keyframes join-flash-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}#game-hud{position:fixed;top:calc(env(safe-area-inset-top,0px) + .5rem);left:50%;transform:translate(-50%);z-index:60;pointer-events:none;display:flex;gap:.4rem;align-items:center;max-width:calc(100vw - 11rem);font-family:JetBrains Mono,ui-monospace,monospace}#game-hud .hud-hp,#game-hud .hud-score{background:#111827b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(31 41 55 / .6);border-radius:9999px;padding:.35rem .65rem}#game-hud .hud-hp{display:flex;align-items:center;gap:5px}#game-hud .hud-hp .pip{width:.7rem;height:.7rem;border-radius:50%;display:inline-block}#game-hud .hud-hp .pip.filled{background:#ef4444;box-shadow:0 0 6px #ef444480}#game-hud .hud-hp .pip.empty{background:#7f1d1d59;border:1px solid rgb(220 38 38 / .4)}#game-hud .hud-score{display:flex;align-items:baseline;gap:6px;color:#fff;font-weight:600}#game-hud .hud-score-label{font-size:.6rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.12em}#game-hud .hud-score-val{font-size:.95rem;min-width:1.4em;text-align:right}body:has(#controller.fullscreen-controller) nav,body:has(#controller.fullscreen-controller) footer{display:none}body:has(#controller.fullscreen-controller) main{padding-top:0}body:has(#controller.fullscreen-controller){overflow:hidden}body:has(#controller.fullscreen-controller)>main>section{min-height:0!important;padding:0!important}#controller.fullscreen-controller{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;margin:0;padding:0;z-index:40;display:flex;flex-direction:column}#controller.fullscreen-controller>[data-section=header]{display:none}#controller.fullscreen-controller>#template-root{flex:1;min-height:0;display:flex}#controller.fullscreen-controller .gamepad-wrap{flex:1;display:flex;flex-direction:column}#controller.fullscreen-controller .gamepad-frame{aspect-ratio:unset!important;flex:1;width:100%;min-height:0!important;border-radius:0;border:none}.gamepad-frame.paused{filter:grayscale(1) brightness(.85);opacity:.55;transition:filter .18s ease,opacity .18s ease}.gamepad-frame{transition:filter .18s ease,opacity .18s ease}#controller.fullscreen-controller .gamepad-body{top:env(safe-area-inset-top,0px)!important;right:env(safe-area-inset-right,0px)!important;bottom:env(safe-area-inset-bottom,0px)!important;left:env(safe-area-inset-left,0px)!important;width:auto!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;transform:none!important;border-radius:0!important}#controller.fullscreen-controller>[data-section=leave]{position:fixed;top:calc(env(safe-area-inset-top,0px) + .5rem);right:calc(env(safe-area-inset-right,0px) + .5rem);z-index:50;max-width:none;margin:0}#controller.fullscreen-controller>[data-section=leave]>#leave-btn{font-size:.7rem;padding:.25rem .6rem;background:#111827b3;border-radius:9999px}#controller.fullscreen-controller .latency-pill{position:fixed;top:calc(env(safe-area-inset-top,0px) + .5rem);left:calc(env(safe-area-inset-left,0px) + .5rem);z-index:50;font-size:.7rem;padding:.25rem .6rem;background:#111827b3;border-radius:9999px;font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;pointer-events:none;color:#9ca3af;display:flex;align-items:center;gap:.35rem}#controller.fullscreen-controller .latency-pill:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}#controller.fullscreen-controller .latency-transport{font-size:.6rem;letter-spacing:.08em;padding-left:.45rem;margin-left:.05rem;border-left:1px solid rgb(75 85 99 / .5);color:#9ca3af;font-weight:600}#controller.fullscreen-controller .latency-transport[data-transport=local]{color:#4ade80}#controller.fullscreen-controller .latency-transport[data-transport=direct-wan]{color:#7dd3fc}#controller.fullscreen-controller .latency-transport[data-transport=relay]{color:#facc15}