:root{--hud-void: rgba(3, 7, 14, .88);--hud-recess: rgba(2, 5, 10, .93);--hud-edge: rgba(30, 55, 85, .5);--hud-glow: rgba(68, 170, 255, .07);--hud-text: #d0dce8;--hud-dim: #4a6278;--hud-blue: #4af;--hud-orange: #f80;--hud-cyan: #6cf;--hud-green: #4f4;--hud-red: #f44;--hud-gold: #DEAA00;--hud-font: "Verdana", "Segoe UI", "Tahoma", sans-serif}@keyframes scanline{0%{background-position:0 -40px}to{background-position:0 60px}}#staging-overlay{position:fixed;inset:0;pointer-events:none;z-index:400;font-family:var(--hud-font);font-size:11px;font-weight:500;color:var(--hud-text);line-height:1.5;letter-spacing:.3px}.crisp-canvas{display:block;image-rendering:-webkit-optimize-contrast}.hud-section-hdr .crisp-canvas,.online-header .crisp-canvas{margin:0 auto}#staging-top-bar{position:fixed;top:0;left:0;right:0;height:28px;display:flex;align-items:center;gap:14px;padding:0 10px;pointer-events:auto;z-index:420;background:var(--hud-recess);border-bottom:1px solid var(--hud-edge);box-shadow:0 1px 6px #00000080,inset 0 -1px 0 var(--hud-glow);background-image:linear-gradient(180deg,transparent 0%,rgba(68,170,255,.03) 50%,transparent 100%);background-size:100% 40px;animation:scanline 4s linear infinite}#staging-nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2px;align-items:center}#staging-nav-links a{font-family:var(--hud-font);font-size:10px;font-weight:600;letter-spacing:.8px;text-decoration:none;color:#778;padding:2px 5px;transition:color .15s}#staging-nav-links a:hover{color:#abc}#abi-site-nav{display:flex;gap:2px;align-items:center}#abi-site-nav a{font-family:var(--hud-font);font-size:11px;font-weight:600;letter-spacing:1px;text-decoration:none;color:var(--link-color, #aaa);padding:2px 7px;opacity:.6;transition:opacity .15s}#abi-site-nav a:hover{opacity:1}#staging-username{font-size:11px;color:var(--hud-blue);letter-spacing:1px;pointer-events:none}#staging-play-btn{font-family:var(--hud-font);font-size:11px;font-weight:700;padding:2px 18px;background:#44ff440f;border:1px solid rgba(68,255,68,.45);color:var(--hud-green);cursor:pointer;letter-spacing:3px;text-transform:uppercase;transition:all .2s}#staging-play-btn:hover{background:#44ff4424;border-color:var(--hud-green);box-shadow:0 0 10px #44ff4426}#staging-logout-btn{font-family:var(--hud-font);font-size:10px;padding:2px 8px;background:transparent;border:1px solid rgba(255,68,68,.3);color:#c66;cursor:pointer;letter-spacing:1px;transition:all .15s}#staging-logout-btn:hover{border-color:var(--hud-red);color:var(--hud-red)}#staging-chat-panel{position:fixed;inset:28px 0 0;display:flex;flex-direction:row;pointer-events:none;z-index:401}#staging-left-column{width:280px;min-width:200px;display:flex;flex-direction:column;pointer-events:auto;background:#03070e;border-right:1px solid var(--hud-edge);box-shadow:2px 0 10px #0006,inset -1px 0 0 var(--hud-glow)}#staging-left-column .stg-lb-content{flex:0 1 auto;min-height:0;overflow:hidden;padding:4px;font-size:11px}#staging-center-area{flex:1;min-width:0;display:flex;flex-direction:column;pointer-events:none}#staging-viewport-spacer{flex:1;pointer-events:none}#staging-bottom-bar{pointer-events:auto;display:flex;flex-direction:row;height:200px;min-height:140px;max-height:35vh;background:var(--hud-void);border-top:1px solid var(--hud-edge);box-shadow:0 -2px 10px #00000073,inset 0 1px 0 var(--hud-glow)}#chat-column{flex:1;min-width:200px;display:flex;flex-direction:column;border-right:1px solid var(--hud-edge)}.hud-section-hdr{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;text-align:center;background:var(--hud-recess);border-bottom:1px solid var(--hud-edge);flex-shrink:0;background-image:linear-gradient(180deg,transparent 0%,rgba(68,170,255,.02) 50%,transparent 100%);background-size:100% 40px;animation:scanline 6s linear infinite}#staging-chat-box{flex:1;min-height:0;overflow-y:auto;padding:4px 6px;font-size:11px;line-height:1.4;color:#6d8;background:#000204a6;box-shadow:inset 0 2px 6px #0000004d}#staging-chat-box::-webkit-scrollbar{width:3px}#staging-chat-box::-webkit-scrollbar-track{background:transparent}#staging-chat-box::-webkit-scrollbar-thumb{background:#44aaff2e}#staging-chat-box .chat-msg{padding:0;margin:0}#staging-chat-box .chat-name{font-weight:700}#staging-chat-box .chat-sys{color:#ee4;font-weight:700}#staging-chat-box .chat-ts{color:#445;font-size:10px;font-weight:400}.hud-input-row{display:flex;border-top:1px solid var(--hud-edge);flex-shrink:0}#staging-chat-input{flex:1;margin:0!important;padding:5px 8px!important;font-size:11px!important;font-family:var(--hud-font)!important;background:#02050aeb!important;border:none!important;border-right:1px solid var(--hud-edge)!important;color:var(--hud-text)!important;outline:none!important}#staging-chat-input::placeholder{color:var(--hud-dim)}#staging-chat-input:focus{background:#040a14f5!important;box-shadow:inset 0 0 12px #44aaff0f}#staging-chat-send{font-family:var(--hud-font);font-size:10px;padding:0 10px;background:#44aaff0d;border:none;color:var(--hud-blue);cursor:pointer;letter-spacing:1px;transition:background .15s}#staging-chat-send:hover{background:#44aaff1f}#staging-browser{width:320px;min-width:240px;display:flex;flex-direction:column;overflow:hidden}#staging-browser-tabs{display:flex;background:var(--hud-recess);border-bottom:1px solid var(--hud-edge);flex-shrink:0}.stg-tab{flex:1;padding:4px 2px;font-family:var(--hud-font);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:center;color:var(--hud-dim);cursor:pointer;background:transparent;border:none;border-right:1px solid rgba(30,55,85,.3);transition:color .15s,background .15s;position:relative}.stg-tab:last-child{border-right:none}.stg-tab:hover{color:var(--hud-text);background:#44aaff08}.stg-tab.active{color:var(--hud-blue);background:#44aaff0f}.stg-tab.active:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:var(--hud-blue);box-shadow:0 0 4px var(--hud-blue)}.stg-tab[data-panel=stg-runs].active{color:var(--hud-orange)}.stg-tab[data-panel=stg-runs].active:after{background:var(--hud-orange);box-shadow:0 0 4px var(--hud-orange)}.stg-tab[data-panel=stg-ai].active{color:var(--hud-cyan)}.stg-tab[data-panel=stg-ai].active:after{background:var(--hud-cyan);box-shadow:0 0 4px var(--hud-cyan)}.stg-tab[data-panel=stg-custom].active{color:var(--hud-green)}.stg-tab[data-panel=stg-custom].active:after{background:var(--hud-green);box-shadow:0 0 4px var(--hud-green)}.stg-browser-panel{flex:1;min-height:0;overflow-y:auto;padding:4px 6px;display:none;font-size:11px}.stg-browser-panel.active{display:block}.stg-browser-panel::-webkit-scrollbar{width:3px}.stg-browser-panel::-webkit-scrollbar-thumb{background:#44aaff2e}.stg-empty{color:var(--hud-dim);text-align:center;padding:14px 4px;font-size:10px}.ai-join-btn,.ai-spectate-btn,.ai-lookin-btn,.spectate-btn,.rejoin-btn,.lookin-btn{font-size:10px!important;padding:2px 6px!important}#online-users-column{width:240px;min-width:200px;display:flex;flex-direction:column;pointer-events:auto;background:var(--hud-void);border-left:1px solid var(--hud-edge);box-shadow:-2px 0 10px #0006,inset 1px 0 0 var(--hud-glow)}#online-users-column .online-header{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--hud-blue);padding:5px 8px;text-align:center;background:var(--hud-recess);border-bottom:1px solid var(--hud-edge);flex-shrink:0}#online-users-column .online-list{flex:1;min-height:0;overflow-y:auto;padding:5px 8px;font-size:13px;line-height:1.6;background:#0002048c}#online-users-column .online-list::-webkit-scrollbar{width:3px}#online-users-column .online-list::-webkit-scrollbar-thumb{background:#44aaff2e}#user-context-menu{display:none;position:fixed;z-index:9999;min-width:160px;max-width:220px;background:#080e18f5;border:1px solid rgba(68,170,255,.3);border-radius:6px;padding:6px 0;box-shadow:0 4px 20px #0009,0 0 1px #4af3;font-family:Share Tech Mono,monospace;font-size:11px}#user-context-menu .ctx-header{padding:4px 10px 2px;font-weight:700;font-size:13px}#user-context-menu .ctx-sub{padding:0 10px;font-size:9px;line-height:1.4}#user-context-menu .ctx-divider{height:1px;background:#44aaff26;margin:4px 8px}#user-context-menu .ctx-item{padding:4px 10px;cursor:pointer;color:#ccc;transition:background .1s}#user-context-menu .ctx-item:hover{background:#44aaff1f;color:#fff}#user-context-menu .ctx-item.ctx-danger{color:#f66}#user-context-menu .ctx-item.ctx-danger:hover{background:#ff44441f}#user-context-menu .ctx-icon{display:inline-block;width:16px;text-align:center;margin-right:4px}.online-team-hdr{font-size:13px;font-weight:700;letter-spacing:1.5px;padding:4px 3px 2px;margin-top:4px;border-bottom:1px solid rgba(255,255,255,.08)}.online-team-hdr:first-child{margin-top:0}.online-user{padding:2px 3px 2px 8px;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-user:hover{background:#44aaff14}.online-dot{display:inline-block;width:22px;height:22px;margin-right:3px;vertical-align:middle;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='currentColor' stroke-width='7' transform='rotate(-20 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='currentColor' stroke-width='7' transform='rotate(40 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='currentColor' stroke-width='7' transform='rotate(100 50 50)' opacity='.8'/%3E%3Ccircle cx='50' cy='50' r='9' fill='currentColor'/%3E%3Ccircle cx='50' cy='50' r='5' fill='white' opacity='.7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.online-dot.staging{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%2344ff44' stroke-width='7' transform='rotate(-20 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%2322cc22' stroke-width='7' transform='rotate(40 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%2366ff66' stroke-width='7' transform='rotate(100 50 50)' opacity='.8'/%3E%3Ccircle cx='50' cy='50' r='9' fill='%2333dd33'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23aaffaa' opacity='.7'/%3E%3C/svg%3E")}.online-dot.in-game{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23ff8800' stroke-width='7' transform='rotate(-20 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23cc6600' stroke-width='7' transform='rotate(40 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23ffaa44' stroke-width='7' transform='rotate(100 50 50)' opacity='.8'/%3E%3Ccircle cx='50' cy='50' r='9' fill='%23ee7700'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23ffcc88' opacity='.7'/%3E%3C/svg%3E")}.online-dot.browsing{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%238888ff' stroke-width='7' transform='rotate(-20 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%236666cc' stroke-width='7' transform='rotate(40 50 50)' opacity='.8'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23aaaaff' stroke-width='7' transform='rotate(100 50 50)' opacity='.8'/%3E%3Ccircle cx='50' cy='50' r='9' fill='%237777ee'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23ccccff' opacity='.7'/%3E%3C/svg%3E")}.online-dot.afk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23666666' stroke-width='7' transform='rotate(-20 50 50)' opacity='.6'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23555555' stroke-width='7' transform='rotate(40 50 50)' opacity='.6'/%3E%3Cellipse cx='50' cy='50' rx='40' ry='14' fill='none' stroke='%23777777' stroke-width='7' transform='rotate(100 50 50)' opacity='.6'/%3E%3Ccircle cx='50' cy='50' r='9' fill='%23555555'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23999999' opacity='.5'/%3E%3C/svg%3E");opacity:.7}#party-invite-bar{display:flex;gap:0;border-top:1px solid var(--hud-edge);margin:0!important;flex-shrink:0}#party-invite-bar input{flex:1;padding:4px 8px;font-size:11px;font-family:var(--hud-font);background:#02050ae0;border:none;border-right:1px solid var(--hud-edge);color:var(--hud-text);outline:none;margin:0!important;width:auto!important}#party-invite-bar input::placeholder{color:var(--hud-dim)}#party-invite-bar button{font-family:var(--hud-font);font-size:10px;padding:4px 8px;background:#44aaff0d;border:none;color:var(--hud-blue);cursor:pointer}#party-invite-bar button:hover{background:#44aaff1f}#party-panel{background:var(--hud-recess)!important;border:none!important;border-top:1px solid var(--hud-edge)!important;padding:5px 8px!important;margin:0!important;font-family:var(--hud-font)!important;flex-shrink:0}#party-panel button{font-family:var(--hud-font);font-size:10px;border-radius:0}#admin-panel{position:fixed!important;bottom:4px;right:4px;width:220px;max-height:50vh;overflow-y:auto;background:#06030af7!important;border:1px solid rgba(255,68,68,.25)!important;border-top:2px solid rgba(255,68,68,.6)!important;box-shadow:0 6px 30px #000c,inset 0 0 40px #ff444405;margin:0!important;font-family:var(--hud-font)!important;pointer-events:auto;z-index:99999;border-radius:2px}#admin-panel::-webkit-scrollbar{width:4px}#admin-panel::-webkit-scrollbar-track{background:transparent}#admin-panel::-webkit-scrollbar-thumb{background:#f443}#admin-header{display:flex;align-items:center;gap:6px;font-size:10px!important;font-weight:700;letter-spacing:3px!important;color:var(--hud-red)!important;padding:7px 12px!important;background:linear-gradient(90deg,#28060699,#0a030699)!important;cursor:pointer;border-bottom:1px solid rgba(255,68,68,.15);-webkit-user-select:none;user-select:none}.admin-header-indicator{display:inline-block;width:6px;height:6px;background:var(--hud-red);border-radius:50%;box-shadow:0 0 6px var(--hud-red);animation:admin-pulse 2s ease-in-out infinite}@keyframes admin-pulse{0%,to{opacity:1}50%{opacity:.4}}#admin-toggle{margin-left:auto;color:#555;font-size:10px;transition:transform .2s}#admin-body{padding:6px 10px 10px!important;display:flex;flex-direction:column;gap:0}.admin-section{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.admin-section:last-child{border-bottom:none}.admin-section-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#5a6a7a;margin-bottom:5px;text-transform:uppercase}#admin-body input,#admin-body select{font-family:var(--hud-font)!important;font-size:10px!important;background:#05080ed9!important;border:1px solid rgba(80,100,120,.2)!important;color:var(--hud-text)!important;padding:5px 8px;outline:none;border-radius:2px;width:100%;box-sizing:border-box;margin-bottom:5px;transition:border-color .15s}#admin-body input:focus,#admin-body select:focus{border-color:#f446!important;box-shadow:0 0 8px #ff44441a}#admin-body .admin-btn-row input,#admin-body .admin-btn-row select{width:auto;flex:1;margin-bottom:0}.admin-btn-row{display:flex;gap:4px;margin-bottom:4px}.admin-btn-row:last-child{margin-bottom:0}.admin-btn{font-family:var(--hud-font)!important;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 10px;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:all .12s ease;white-space:nowrap;text-transform:uppercase}.admin-btn:focus-visible{outline:2px solid var(--hud-blue);outline-offset:1px}.admin-btn-danger{background:#ff32321f;border-color:#ff444459;color:#f66}.admin-btn-danger:hover{background:#ff323240;border-color:#f449;box-shadow:0 0 8px #ff444426}.admin-btn-warn{background:#ffaa001a;border-color:#ffaa004d;color:#fa0}.admin-btn-warn:hover{background:#fa03;border-color:#ffaa0080;box-shadow:0 0 8px #ffaa001f}.admin-btn-safe{background:#44ff4414;border-color:#44ff4440;color:#4f4}.admin-btn-safe:hover{background:#44ff442e;border-color:#44ff4473;box-shadow:0 0 8px #44ff441a}.admin-btn-info{background:#44aaff14;border-color:#44aaff40;color:#4af}.admin-btn-info:hover{background:#44aaff2e;border-color:#44aaff80;box-shadow:0 0 8px #44aaff1f}.admin-btn-dim{background:#6464781a;border-color:#64647840;color:#889}.admin-btn-dim:hover{background:#64647833;border-color:#64647866}.admin-details{border-bottom:none}.admin-details summary.admin-section-toggle{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;padding:4px 0;margin-bottom:0}.admin-details summary.admin-section-toggle:before{content:"▸";font-size:10px;color:#445;transition:transform .15s;display:inline-block}.admin-details[open] summary.admin-section-toggle:before{transform:rotate(90deg)}.admin-details summary.admin-section-toggle::-webkit-details-marker{display:none}.admin-details-body{padding:5px 0 2px}#admin-super-row{display:none;gap:4px;margin-top:2px}#admin-super-row.visible{display:flex}#staging-left-column .stg-live-section{overflow-x:hidden;overflow-y:auto;max-height:30%;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(68,170,255,.18) transparent}#staging-left-column .stg-live-section::-webkit-scrollbar{width:3px}#staging-left-column .stg-live-section::-webkit-scrollbar-thumb{background:#44aaff2e}.lb-entry{padding:3px 4px;border-bottom:1px solid rgba(26,58,90,.5);cursor:pointer;transition:background .1s;overflow:hidden}.lb-entry:hover{background:#2a4a6a4d}.lb-entry:last-child{border-bottom:none}#chat-tab-bar{display:flex;background:var(--hud-recess);border-bottom:1px solid var(--hud-edge);flex-shrink:0;overflow-x:hidden}.chat-tab{font-family:var(--hud-font);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 8px;color:var(--hud-dim);cursor:pointer;background:transparent;border:none;border-right:1px solid rgba(30,55,85,.3);transition:color .15s,background .15s;position:relative;white-space:nowrap}.chat-tab:hover{color:var(--hud-text);background:#44aaff08}.chat-tab.active{color:var(--hud-blue);background:#44aaff0f}.chat-tab.active:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:var(--hud-blue);box-shadow:0 0 4px var(--hud-blue)}.chat-tab-badge{font-size:8px;color:#f44;margin-left:3px;font-weight:700}.chat-tab-close{font-size:11px;color:#556;margin-left:4px;cursor:pointer;transition:color .1s}.chat-tab-close:hover{color:#f44}#active-runs-panel,#ai-games-panel,#staging-leaderboard-panel,.staging-user-label{display:none!important}:fullscreen #staging-top-bar{top:0}:fullscreen #staging-chat-panel{top:28px}