:root{--bg: #120b26;--panel: rgba(28, 18, 56, .94);--line: rgba(201, 154, 60, .35);--ink: #f6efe1;--muted: #b9aecf;--gold: #f5c542;--ember: #f08a4b;--red: #e0414f;--blue: #4fc3f7;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}#stage{position:fixed;inset:0;display:grid;place-items:center;background:#000}#stage canvas{display:block}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;overflow-y:auto;touch-action:pan-y;background:radial-gradient(ellipse at 50% 20%,#f08a4b29,#120b26e0 60%)}.panel{width:min(600px,100%);display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:16px;border:1px solid var(--line);background:var(--panel);box-shadow:0 20px 60px #00000080}.panel.small{width:min(440px,100%)}h1{margin:0;font-size:clamp(32px,6vw,48px);line-height:1.05;background:linear-gradient(180deg,#ffe7a3,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}h2{margin:0;font-size:24px}h3,h2.h3{margin:4px 0;font-size:14px;color:var(--gold)}.sub{margin:-4px 0 0;color:var(--muted)}.fine{margin:0;color:var(--muted);font-size:13px}.fine a,.fine b{color:var(--gold)}.err{color:#ff9fab;font-weight:700;margin:0;min-height:1.2em}.btn{padding:12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;font-weight:800;text-align:center;text-decoration:none;color:var(--ink)}.btn.primary{background-color:#f2a846;background-image:linear-gradient(180deg,var(--gold),var(--ember));color:#2a1408;border:none;font-size:17px;letter-spacing:.03em}.btn.big{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;font-size:19px;padding:13px 16px}.btn.big small{font-size:13px;font-weight:600;opacity:.8}a.btn{display:block}#online-out{display:flex;flex-direction:column;gap:12px}.btn.back{background:none;border:none;color:var(--muted);font-weight:600}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1 1 22%;padding:9px 6px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;font-weight:700;font-size:14px}.seg button.on{background:#f5c54233;border-color:var(--gold)}.seg button.locked{opacity:.4}.opts{display:grid;gap:10px}.opts label{display:grid;gap:6px;font-weight:700}.opts output{color:var(--gold);margin-left:6px}input[type=range]{width:100%;accent-color:var(--gold)}input.text{padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0000004d;font-weight:700}.heroes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.heroes button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a}.heroes button.on{border-color:var(--gold);background:#f5c54226}.heroes svg{width:34px;height:34px}.heroes b{font-size:15px}.heroes small{font-size:11px;color:var(--muted)}@media(max-width:520px){.heroes{grid-template-columns:repeat(2,1fr)}}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:5px 6px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}th{color:var(--muted);font-weight:600}tr.me td{color:var(--gold);font-weight:800}tr.out td{opacity:.55}.portal-link{color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;text-align:center;padding:10px 12px}.portal-link:hover{color:var(--gold)}#account-line{font-size:15px;margin-top:4px}#account-line a{display:inline-block;margin:4px 0;padding:6px 14px;border-radius:999px;background:var(--gold);color:#2a1408;font-weight:800;text-decoration:none}.build{font-size:11px;color:var(--muted);opacity:.6;text-align:center}.code{font-family:ui-monospace,monospace;letter-spacing:.2em;color:var(--gold)}.lobby-players{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lobby-players li{display:flex;justify-content:space-between;padding:8px 10px;border-radius:10px;background:#ffffff0d}.lobby-players li small{color:var(--muted)}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud .card{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));padding:8px 10px;border-radius:12px;background:#0a061899;min-width:190px}#hud .place{position:absolute;top:max(6px,env(safe-area-inset-top));right:max(64px,env(safe-area-inset-right));text-align:right;font-weight:900;text-shadow:0 2px 3px #000}#hud .place b{font-size:40px;line-height:1}#hud .place small{display:block;font-size:13px;color:var(--muted)}.bar{height:9px;border-radius:6px;background:#00000080;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#e0414f,#f5c542);transition:width .15s}.bar.soma i{background:linear-gradient(90deg,#1b3f8c,#7fd3ff)}.bar.mp i{background:linear-gradient(90deg,#46207e,#c08bff)}.hud-name{font-weight:900;font-size:14px}.hud-name small{color:var(--muted);font-weight:600}.hud-keys{margin-top:6px;font-size:11px;color:var(--muted)}.hud-keys kbd{background:#ffffff1f;border-radius:4px;padding:0 4px;color:var(--ink);font-family:inherit}.strip{position:absolute;left:50%;transform:translate(-50%);top:max(8px,env(safe-area-inset-top));width:min(360px,44vw);height:14px;border-radius:8px;background:#0a061899}.strip i{position:absolute;top:2px;width:10px;height:10px;border-radius:50%;margin-left:-5px;border:1.5px solid #1a1020}.strip i.me{width:14px;height:14px;top:0;margin-left:-7px;border-color:#fff;z-index:2}.strip .cp{position:absolute;top:-2px;width:2px;height:18px;background:#ffffff80}#banner{position:fixed;z-index:15;left:0;right:0;top:28%;text-align:center;pointer-events:none;animation:pop .25s ease-out}#banner b{display:block;font-size:clamp(36px,8vw,72px);font-weight:900;color:#ffe7a3;text-shadow:0 4px 0 #3a1a05,0 0 20px rgba(0,0,0,.6)}#banner span{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:10px;background:#0a0618b3;color:var(--ink);font-weight:700}@keyframes pop{0%{transform:scale(.7);opacity:0}}.icon{pointer-events:auto;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#0a061899;font-size:16px}#btn-pause{position:fixed;z-index:30;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}#touch{position:fixed;inset:0;z-index:12;pointer-events:none}.tb{position:absolute;pointer-events:auto;border-radius:50%;border:3px solid #c99a3c;color:#fff;font-weight:900;font-size:14px;letter-spacing:.03em;touch-action:none;opacity:.82;text-shadow:0 2px 2px rgba(0,0,0,.6);--c1: #6b5aa8;--c2: #2a1d55;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.5) 0 10%,transparent 34%),radial-gradient(circle at 50% 45%,var(--c1),var(--c2) 78%);box-shadow:inset 0 -5px 10px #00000073,0 6px 14px #00000080;transform:scale(calc(var(--ctl, 1) * var(--ctl-auto, 1)))}.tb.down{filter:brightness(1.35);box-shadow:0 0 16px #f5c542cc}.tb small{display:block;font-size:9px;opacity:.85}.tb.ready{border-color:#7fd3ff;box-shadow:inset 0 -5px 10px #00000073,0 0 14px #7fd3ffcc}.tb.dim{filter:grayscale(.7) brightness(.7)}@media(max-height:500px){#touch{--ctl-auto: .82}}#rotate{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:var(--bg);text-align:center;font-size:54px}#rotate p{font-size:18px;color:var(--muted)}@media(orientation:portrait)and (pointer:coarse){#rotate{display:grid}}.item-slot{margin-top:6px;width:56px;height:56px;border-radius:12px;border:2px solid #c99a3c;background:#00000073;display:grid;place-items:center;font-size:30px}.item-slot.rolling{animation:roll .12s linear infinite}@keyframes roll{50%{transform:scale(.9) rotate(8deg)}}.diyas{margin-top:6px;font-size:22px;letter-spacing:2px}.minimap{position:absolute;left:max(10px,env(safe-area-inset-left));bottom:160px;width:130px;height:130px;opacity:.85}@media(pointer:fine){.minimap{bottom:16px}}#wrongway{position:fixed;z-index:14;left:50%;top:16%;transform:translate(-50%);text-align:center;pointer-events:none;padding:10px 22px;border-radius:14px;background:#8c1d1dd9;border:3px solid #ffd166;animation:blink .8s ease-in-out infinite}#wrongway b{display:block;font-size:clamp(26px,5vw,40px);font-weight:900;color:#fff1c0;text-shadow:0 3px 0 #3a0a0a}#wrongway span{font-weight:800;color:#ffe0e0}#wrongway i{display:block;font-style:normal;font-size:34px;line-height:1;color:#ffd166}@keyframes blink{50%{opacity:.55}}.room-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow-y:auto}.room-list .room{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0d}.room-list .room small{display:block;color:var(--muted);font-size:12px}.room-list .room .btn{padding:8px 14px}.fb-open{margin:8px auto 0;display:block;background:none;border:0;color:inherit;opacity:.85;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer;padding:6px}#stage{background-position:center;background-size:cover}#stage:has(canvas){background-image:none!important}.waking,.waking *{cursor:progress!important}.lobby-players li small.clan{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:var(--c);color:#1a1020;font-weight:800;font-size:11px}