#stage,header{position:relative}#root,header{display:grid}footer,header{align-items:center;padding:0 12px;background:var(--ui)}body,footer,html{color:var(--ink)}.overlay,.toast{position:absolute}.vol label,footer{font-size:12px}:root{--bg:#0b1a2a;--sand:#f2d7a3;--water:#67c6ea;--ui:#0f253b;--ink:#e6f2ff;--accent:#37d0ff;--ok:#18ce6a;--footer-h:75px;--hdr-h:56px;--drawer-bg:rgba(20,22,26,.98);--ink:#fff;--accent:#28a}body,html{height:100%;margin:0;background:var(--bg);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}#root{position:fixed;inset:0;grid-template-rows:var(--hdr-h) 1fr var(--footer-h)}#stage{min-height:0;overflow:hidden}#gl{width:100%;height:100%;display:block;background:linear-gradient(180deg,var(--sand) 0 86%,var(--water) 86% 100%)}.left,.row,.stats,footer{display:flex}footer{justify-content:center;opacity:.9;height:var(--footer-h)}#ircClientShell{margin-bottom:-10px!important}header{grid-template-columns:auto 1fr auto;height:var(--hdr-h);gap:12px;white-space:nowrap}.title{font-weight:900;letter-spacing:.4px;margin-right:10px}.left{align-items:center;gap:12px;flex-wrap:wrap}.row,.stats{gap:10px;flex-wrap:wrap}.badge{background:rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-weight:700}#timeBadge{color:red}#levelBadge,#welcomeOverlay h2{color:#ff0}.shorty_preview{text-align:center}.shorty_preview img{border:2px solid var(--ink);max-height:200px;max-width:200px}header [id$=Badge]{padding:2px 6px;line-height:1.2;border-radius:4px;background:rgba(0,0,0,.25)}@media (max-width:1200px){header [id$=Badge]{transform:scale(.9);transform-origin:left center}}@media (max-width:900px){header [id$=Badge]{transform:scale(.8)}}#topActions,.controls{display:flex;align-items:center;gap:8px}button{background:var(--accent);color:#052232;border:0;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:800}button[disabled]{opacity:.5;cursor:not-allowed}a.stigweb,button.secondary{background:0 0;border:1px solid rgba(255,255,255,.2);color:var(--ink)}.toast,a.stigweb{padding:8px 12px;border-radius:10px;font-weight:700}a.stigweb{background:#000;text-decoration:none;color:#ff0}a.stigweb:hover{background:#fff;color:#000}.toast{left:50%;top:10px;transform:translateX(-50%);background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s;pointer-events:none}.muted,.vol label{opacity:.85}.toast.show{opacity:1}.overlay{inset:0;display:none;place-items:center;background:rgba(0,0,0,.9);backdrop-filter:blur(2px);z-index:10}.input,.vol{display:flex}.card{background:var(--ui);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.5);width:min(680px,92vw);padding:22px}.card h2{margin:0 0 8px}.row.right{justify-content:flex-end}.input{gap:8px;align-items:center;margin-top:8px}.input input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0b1e31;color:var(--ink)}.vol{align-items:center;gap:6px}.range{appearance:none;height:6px;background:rgba(255,255,255,.25);border-radius:6px;outline:0;width:120px}.range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:0;margin-top:-4px;cursor:pointer}.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:0;cursor:pointer}#sizeNotice{position:fixed;left:12px;right:12px;bottom:calc(var(--footer-h) + 12px);z-index:99999;display:none;padding:10px 12px;color:#111;background:#fff6c4;border:1px solid #e5d58d;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:14px}@media (max-width:599px){#sizeNotice{display:block}}.hamburger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;border:0;background:0 0;cursor:pointer;gap:4px}.hamburger span{width:22px;height:2px;background:var(--ink);border-radius:2px}@media (min-width:1300px){#topActions,.controls{position:static!important;display:flex!important;flex-direction:row;align-items:center;gap:8px;margin-left:auto;width:auto!important;padding:0;background:0 0;border:0;box-shadow:none}#topActions>*,.controls>*{width:auto!important}.hamburger{display:none!important}}@media (max-width:1299.98px){.hamburger,.menu-open #topActions,body.menu-open .controls{display:flex}.hamburger{position:absolute;right:12px;top:8px;z-index:10000}#topActions,.controls{position:fixed;top:var(--hdr-h);left:0;right:0;z-index:9999;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:12px;background:var(--drawer-bg);border-bottom:1px solid rgba(255,255,255,.12);box-sizing:border-box}#topActions>*{width:100%}.controls>*{width:100%!important;box-sizing:border-box}.controls a,.controls button{display:block;max-width:100%}.controls a.stigweb{text-align:center;overflow-wrap:anywhere}.controls .vol,.controls .volume,.controls .volumeRow{display:flex;justify-content:center}.controls .range,.controls input[type=range]{width:100%;max-width:320px;margin:0 auto;display:block}}