@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/pixelify-sans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/pixelify-sans-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/figtree-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/figtree-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/figtree-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/figtree-latin-700-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-600-normal.woff2) format("woff2")}:root{--glass: rgba(26, 24, 20, .9);--glass-2: rgba(38, 35, 29, .92);--solid: #1a1814;--line: #3a352c;--line-2: #4b453a;--text: #f3ede1;--muted: #aaa08c;--faint: #7b7362;--accent: #e6c13f;--accent-ink: #1a1814;--mauve: #9a707a;--teal: #37c4b4;--good: #7cc58f;--warn: #e7a33e;--bad: #e25d45;--scene: #e9ecf1;--r: 6px;--gut: 16px;--f-display: "Pixelify Sans", "Courier New", ui-monospace, monospace;--f-ui: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--scene);color:var(--text);font:14px/1.4 var(--f-ui);overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font:600 11px/1 var(--f-mono);padding:3px 5px 2px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;background:#24211c;color:var(--text)}#loader{position:absolute;inset:0;display:grid;place-items:center;background:var(--scene);z-index:50;transition:opacity .45s ease}#loader.done{opacity:0;pointer-events:none}.loader-card{display:grid;gap:14px;justify-items:center;color:var(--solid)}.loader-bar{width:min(260px,70vw);height:8px;background:#d4d8df;border-radius:1px;overflow:hidden}.loader-bar i{display:block;height:100%;width:0;background:var(--solid);transition:width .2s}.loader-text{font:12px var(--f-mono);color:#5b5f66}.brand-mark{font:700 22px/1 var(--f-display);letter-spacing:.06em}#loader .brand-mark{font-size:40px;color:var(--solid);text-shadow:3px 3px 0 var(--accent)}.topbar{position:absolute;left:var(--gut);right:var(--gut);top:calc(10px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:10px;flex-wrap:nowrap;pointer-events:none;z-index:10}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:baseline;gap:10px;background:var(--glass);padding:8px 12px;border-radius:var(--r);backdrop-filter:blur(8px)}.brand .brand-mark{color:var(--accent)}.brand-sub{color:var(--muted);font-size:12px}.modes{display:flex;background:var(--glass);border-radius:var(--r);padding:3px;gap:2px;backdrop-filter:blur(8px)}.modes button{background:transparent;border:0;padding:6px 12px;border-radius:4px;color:var(--muted);font-weight:600;font-size:13px}.modes button:hover{color:var(--text)}.modes button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.stats{display:flex;gap:12px;background:var(--glass);padding:8px 12px;border:0;border-radius:var(--r);font:12px var(--f-mono);color:var(--muted);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums}.stats b{color:var(--text);font-weight:600}.stats:hover{background:var(--glass-2)}.stats[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--accent)}.seg.look-seg{display:flex;background:var(--glass);border:0;padding:3px;backdrop-filter:blur(8px);border-radius:var(--r);margin-left:auto}.look-seg+.top-actions{margin-left:0}.seg.look-seg button{padding:5px 10px}.dbg{box-sizing:border-box;position:absolute;right:var(--gut);top:calc(64px + env(safe-area-inset-top,0px));width:300px;background:var(--glass);border-radius:var(--r);backdrop-filter:blur(10px);z-index:11;box-shadow:0 10px 30px #14120e38;padding:10px 12px 12px;display:grid;gap:8px}.dbg-head{display:flex;align-items:baseline;gap:10px}.dbg-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dbg-fps{margin-left:auto;font:12px var(--f-mono);color:var(--muted)}.dbg-fps b{font-size:18px;color:var(--text);font-weight:600}.dbg #dbg-graph{width:100%;height:64px;display:block;background:#1f1d19;border-radius:4px}.dbg-rows{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font:11.5px/1.45 var(--f-mono);font-variant-numeric:tabular-nums}.dbg-rows dt{color:var(--faint)}.dbg-rows dd{margin:0;color:var(--text);text-align:right}.top-actions{margin-left:auto;display:flex;gap:6px}.icon-btn{background:var(--glass);border:0;border-radius:var(--r);padding:8px 11px;font-size:12px;font-weight:600;color:var(--text);backdrop-filter:blur(8px)}.icon-btn:hover{background:var(--glass-2)}.icon-btn[aria-pressed=false]{color:var(--faint)}.panel{position:absolute;top:calc(64px + env(safe-area-inset-top,0px));width:272px;max-height:calc(100% - 150px);display:flex;flex-direction:column;background:var(--glass);border-radius:var(--r);backdrop-filter:blur(10px);z-index:9;box-shadow:0 10px 30px #14120e2e}.panel.left{left:var(--gut)}#panel-play{width:300px}.panel.right{right:var(--gut);width:360px}.panel.wide{width:320px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:600 13px/1.2 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-head h2 small{font:11px var(--f-mono);letter-spacing:0;text-transform:none;color:var(--faint);margin-left:6px}.collapse{background:transparent;border:1px solid var(--line-2);border-radius:4px;width:24px;height:22px;line-height:1;color:var(--muted)}.panel-body{padding:12px;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.panel.collapsed .panel-body,.panel.collapsed .transport{display:none}.hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.hint.small{font-size:11.5px;color:var(--faint);margin-top:-4px}.keys{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.keys div{display:flex;align-items:center;gap:7px;min-width:0}.keys dt{display:flex;gap:2px;flex:none;align-items:center}.keys dt .to{color:var(--faint);font-size:11px}.keys dd{margin:0;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbl{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.scorebar{position:absolute;right:var(--gut);bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;gap:2px;background:var(--glass);border-radius:var(--r);padding:4px;z-index:8;backdrop-filter:blur(8px)}.scorebar div{display:grid;justify-items:center;padding:3px 10px;min-width:52px}.scorebar b{font:600 18px/1.1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--text)}.scorebar span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);white-space:nowrap}.scorebar b.bump{color:var(--accent)}.scorebar .main b{color:var(--accent);min-width:4ch;text-align:center}.clip-groups{display:grid;gap:14px}.clip-group h3{margin:0 0 6px;font:600 11px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.clip-list{display:grid;gap:2px}.clip{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 8px;color:var(--text)}.clip:hover{background:#ffffff0d}.clip[aria-pressed=true]{background:#e6c13f24;border-color:#e6c13f8c}.clip .nm{font-weight:600;font-size:13px}.clip .d{font:11px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}.pill{font:600 9.5px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:3px;background:#2e2a23;color:var(--muted)}.pill.loop{color:var(--teal);background:#37c4b41f}.pill.wpn{color:var(--accent);background:#e6c13f1f}.transport{border-top:1px solid var(--line);padding:10px 12px 12px;display:grid;gap:8px}.now{display:flex;align-items:baseline;gap:8px;min-width:0}.now-name{font:700 16px var(--f-display);color:var(--accent);white-space:nowrap}.now-meta{font:11px var(--f-mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrub-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.btn-play{width:32px;height:28px;border-radius:4px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12px}.time{font:11px var(--f-mono);color:var(--muted);min-width:78px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.opt-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--muted)}.opt-row select{background:#24211c;border:1px solid var(--line-2);border-radius:4px;padding:2px 4px}.chk{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.chk input{accent-color:var(--accent);margin:0}.views button{background:#24211c;border:1px solid var(--line-2);border-radius:4px;padding:3px 8px;font-size:12px;color:var(--text)}.views button:hover{border-color:var(--accent)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#24211c;border:1px solid var(--line-2);border-radius:5px;padding:2px}.seg button{background:transparent;border:0;border-radius:3px;padding:5px 4px;font-size:12px;font-weight:600;color:var(--muted)}.seg button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.ref-frame{position:absolute;z-index:4;outline:1px dashed rgba(26,24,20,.35);outline-offset:0;cursor:ew-resize;touch-action:none;user-select:none;--split: 50%}.ref-frame img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;clip-path:inset(0 0 0 var(--split))}.ref-frame[data-cmp=blend] img{clip-path:none;opacity:.5}.ref-frame[data-cmp=off] img,.ref-frame:not([data-cmp=wipe]) .ref-split{display:none}.ref-frame:not([data-cmp=wipe]){cursor:default}.ref-split{position:absolute;top:-6px;bottom:-6px;left:var(--split);width:0;border-left:2px solid var(--solid)}.ref-split i{position:absolute;top:50%;left:-12px;width:22px;height:34px;margin-top:-17px;border-radius:4px;background:var(--solid);box-shadow:0 2px 8px #00000040}.ref-split i:before,.ref-split i:after{content:"";position:absolute;top:11px;width:0;height:0;border:6px solid transparent}.ref-split i:before{left:-1px;border-right-color:var(--accent)}.ref-split i:after{right:-1px;border-left-color:var(--accent)}.ref-tag{position:absolute;bottom:-26px;font:600 10.5px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:#5b5f66}.ref-tag.rt{left:0}.ref-tag.ss{right:0}.ref-frame[data-cmp=blend] .ref-tag.rt:after{content:" + screenshot at 50%";text-transform:none;letter-spacing:0}.ref-frame:not([data-cmp=wipe]) .ref-tag.ss{display:none}.specs{margin:0;display:grid;gap:6px}.specs div{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:baseline}.specs dt{color:var(--faint);font-size:11.5px}.specs dd{margin:0;font:12px var(--f-mono);color:var(--text);font-variant-numeric:tabular-nums}.swatches{display:flex;flex-wrap:wrap;gap:3px}.swatches i{width:14px;height:14px;border-radius:2px;box-shadow:inset 0 0 0 1px #00000040}.info-sec h3{margin:0 0 8px;font:600 11px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.info-sec+.info-sec{border-top:1px solid var(--line);padding-top:12px}.files{width:100%;border-collapse:collapse;font:12px var(--f-mono);font-variant-numeric:tabular-nums}.files td{padding:3px 0;border-bottom:1px dashed var(--line)}.files td:last-child{text-align:right;color:var(--muted)}pre.code{margin:0;background:#12110e;border:1px solid var(--line);border-radius:4px;padding:10px;font:11.5px/1.5 var(--f-mono);color:#e8e1d2;overflow-x:auto;white-space:pre}pre.code .k{color:var(--accent)}pre.code .c{color:#8a8272}pre.code .s{color:#9fd3a6}.copy{justify-self:start;background:#24211c;border:1px solid var(--line-2);border-radius:4px;padding:4px 10px;font-size:12px}.hud{position:absolute;inset:0;pointer-events:none;z-index:5}.crosshair{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;transition:opacity .15s;--gap: 5px;--len: 7px;--cc: #fff}.crosshair.on{opacity:1}.crosshair.target{--cc: #ff5a3c}.crosshair i,.crosshair b{position:absolute;background:var(--cc);box-shadow:0 0 0 1px #14120eb3}.crosshair i:nth-child(1){width:2px;height:var(--len);left:-1px;top:calc(-1 * var(--gap) - var(--len))}.crosshair i:nth-child(2){width:2px;height:var(--len);left:-1px;top:var(--gap)}.crosshair i:nth-child(3){height:2px;width:var(--len);top:-1px;left:calc(-1 * var(--gap) - var(--len))}.crosshair i:nth-child(4){height:2px;width:var(--len);top:-1px;left:var(--gap)}.crosshair b{width:2px;height:2px;left:-1px;top:-1px}.hitmark{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;--hc: #fff;--hl: 9px}.hitmark i{position:absolute;width:2px;height:var(--hl);left:-1px;top:calc(var(--hl) / -2);background:var(--hc);box-shadow:0 0 0 1px #14120ea6}.hitmark i:nth-child(1){transform:rotate(45deg) translateY(-12px)}.hitmark i:nth-child(2){transform:rotate(135deg) translateY(-12px)}.hitmark i:nth-child(3){transform:rotate(225deg) translateY(-12px)}.hitmark i:nth-child(4){transform:rotate(315deg) translateY(-12px)}.hitmark.head{--hc: #ffd23f}.hitmark.kill{--hc: #ff4b2b;--hl: 13px}.hitmark.on{animation:hm .22s ease-out}.hitmark.kill.on{animation:hmk .42s ease-out}@keyframes hm{0%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}@keyframes hmk{0%{opacity:1;transform:scale(1.9)}55%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.1)}}.screenflash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 55%,#fff0c8f2,#ffaa4673 55%,#ff782826)}.screenflash.hurt{background:radial-gradient(circle at 50% 50%,#ff3c1e00 40%,#dc2814bf)}.dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{position:absolute;left:0;top:0;font:700 19px/1 var(--f-display);color:#fff;letter-spacing:.02em;white-space:nowrap;will-change:transform,opacity;text-shadow:0 2px 0 #1a1814,2px 0 0 #1a1814,-2px 0 0 #1a1814,0 -2px 0 #1a1814,2px 2px 0 #1a1814,-2px 2px 0 #1a1814}.dmg.head{color:#ffd23f;font-size:24px}.dmg.kill{color:#ff6a3c;font-size:24px}.dmg.head.kill{color:#ffd23f;font-size:28px}.callouts{position:absolute;left:50%;top:calc(50% + 46px);transform:translate(-50%);display:grid;justify-items:center;gap:3px}.callout{font:700 22px/1 var(--f-display);color:#fff;letter-spacing:.05em;white-space:nowrap;animation:co 1.25s ease-out forwards;text-shadow:0 3px 0 #1a1814,3px 0 0 #1a1814,-3px 0 0 #1a1814,0 -2px 0 #1a1814}.callout.gold{color:#ffd23f}.callout.red{color:#ff6a3c}.callout.combo{color:#37c4b4}.callout.big{font-size:30px}.callout.pts{font:600 15px/1 var(--f-mono);color:#fff;letter-spacing:0}@keyframes co{0%{opacity:0;transform:scale(1.8)}10%{opacity:1;transform:scale(.94)}18%{transform:scale(1.04)}26%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.combo{position:absolute;left:calc(50% + 62px);top:calc(50% - 30px);display:grid;justify-items:start;gap:1px}.combo b{font:700 26px/1 var(--f-display);color:#37c4b4;text-shadow:0 2px 0 #1a1814,2px 0 0 #1a1814,-2px 0 0 #1a1814,0 -2px 0 #1a1814}.combo b.pop{animation:cpop .2s ease-out}.combo span{font:700 9.5px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #1a1814}.combo i{display:block;width:46px;height:3px;background:#37c4b4;transform-origin:0 50%;box-shadow:0 0 0 1px #14120e99}@keyframes cpop{0%{transform:scale(1.5)}to{transform:scale(1)}}.round-timer{position:absolute;left:50%;top:calc(62px + env(safe-area-inset-top,0px));transform:translate(-50%);min-width:96px;text-align:center;font:600 28px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--text);background:var(--glass);padding:8px 14px 7px;border-radius:var(--r)}.round-timer.low{color:#ff6a3c}.countdown{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font:700 110px/1 var(--f-display);color:#ffd23f;text-shadow:0 7px 0 #1a1814,6px 0 0 #1a1814,-6px 0 0 #1a1814,0 -5px 0 #1a1814}.countdown.go{color:#37c4b4}.countdown.pop{animation:cd .9s ease-out forwards}@keyframes cd{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(.95)}22%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.results{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 2 * var(--gut)));z-index:30;background:var(--solid);color:var(--text);border-radius:10px;padding:20px 22px 18px;display:grid;gap:12px;box-shadow:0 20px 60px #14120e73;border-top:4px solid var(--accent)}.results h2{margin:0;font:600 12px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.res-score{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.res-score b{font:700 52px/1 var(--f-display);color:var(--accent);font-variant-numeric:tabular-nums}.res-score span{font:600 12px var(--f-mono);color:var(--muted)}.res-score span.new{color:#37c4b4}.res-rank{margin:-4px 0 0;font:600 14px var(--f-ui);color:var(--text)}.res-stats{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.res-stats div{background:#ffffff0a;border:1px solid var(--line);border-radius:5px;padding:7px 9px;display:grid;gap:2px}.res-stats dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.res-stats dd{margin:0;font:600 18px var(--f-mono);font-variant-numeric:tabular-nums}.res-actions{display:flex;gap:8px}.cta{background:var(--accent);color:var(--accent-ink);border:0;border-radius:5px;padding:9px 14px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cta:hover{filter:brightness(1.06)}.cta kbd{background:#1a18141f;border-color:#1a181459;color:var(--accent-ink)}.cta.wide{width:100%}.ghost{background:transparent;color:var(--text);border:1px solid var(--line-2);border-radius:5px;padding:9px 14px;font-weight:600;font-size:13px}.res-actions .cta{flex:1}.weaponbar{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:stretch;gap:8px;z-index:8}.slots{display:flex;gap:4px;background:var(--glass);padding:4px;border-radius:var(--r);backdrop-filter:blur(8px)}.slot{position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;gap:3px;width:92px;height:60px;padding:6px 6px 5px;border:1px solid transparent;border-radius:4px;background:#ffffff08;color:var(--muted)}.slot .lab{display:flex;align-items:baseline;gap:4px}.slot .n{font:600 9.5px/1 var(--f-mono);color:var(--faint);padding:1px 3px;border:1px solid var(--line-2);border-radius:3px}.slot .w{font:500 12px/1 var(--f-display);letter-spacing:.02em;white-space:nowrap}.slot .ico{display:block;max-width:64px;max-height:26px;width:auto;height:auto;image-rendering:pixelated;opacity:.75}.slot[aria-pressed=true] .ico{opacity:1}.slot:hover{color:var(--text)}.slot[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:#e6c13f1f}.ammo{display:grid;grid-template-columns:auto auto;align-content:center;column-gap:4px;background:var(--glass);padding:4px 14px;border-radius:var(--r);min-width:96px;backdrop-filter:blur(8px)}.ammo b{font:600 26px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--text);align-self:end}.ammo span{font:13px var(--f-mono);color:var(--muted);align-self:end;padding-bottom:2px}.ammo em{grid-column:1 / -1;font:normal 600 10px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.ammo em.warn{color:var(--warn)}.toast{position:absolute;left:50%;top:calc(74px + env(safe-area-inset-top,0px));transform:translate(-50%,-6px);background:var(--solid);color:var(--text);padding:8px 14px;border-radius:var(--r);font-weight:600;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:20;border-left:3px solid var(--accent)}.toast.on{opacity:1;transform:translate(-50%)}body.touch-on #panel-play{display:none}.touch{position:absolute;inset:auto 0 0;height:220px;z-index:7;pointer-events:none}.stick{position:absolute;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(96px + env(safe-area-inset-bottom,0px));width:116px;height:116px;border-radius:50%;background:#1a181459;border:2px solid rgba(255,255,255,.35);pointer-events:auto;touch-action:none}.stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#f3ede1d9}.tbtns{position:absolute;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(2,64px);gap:8px;pointer-events:auto}.tbtns button{height:50px;border-radius:10px;border:0;background:var(--glass);color:var(--text);font-weight:700;font-size:12px;touch-action:none}.tbtns #t-fire{grid-column:1 / -1;height:60px;background:var(--accent);color:var(--accent-ink)}.tbtns .t-wide{grid-column:1 / -1;height:36px;font-size:11px}@media(max-width:1240px){.brand-sub{display:none}}@media(max-width:1180px){.stats span:nth-child(3){display:none}.modes .lg{display:none}.modes button{text-transform:capitalize}}.modes button,.icon-btn,.seg button{white-space:nowrap}@media(max-width:860px){.panel{top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));max-height:46%}.panel.right{left:var(--gut);right:var(--gut);width:auto;top:calc(96px + env(safe-area-inset-top,0px));bottom:12px;max-height:none}.panel.left,.panel.wide{width:min(320px,calc(100% - 2 * var(--gut)))}.slot{width:64px}.slot .w{display:none}.slot .ico{max-width:52px;max-height:22px}}@media(max-width:1100px){.scorebar{bottom:auto;top:calc(62px + env(safe-area-inset-top,0px))}}@media(max-width:560px){.topbar{flex-wrap:wrap;gap:6px;top:calc(8px + env(safe-area-inset-top,0px))}.brand{padding:7px 10px}.brand .brand-mark{font-size:18px}.stats{padding:7px 9px;gap:8px}.stats span:nth-child(n+3){display:none}.dbg{width:calc(100% - 2 * var(--gut));top:calc(98px + env(safe-area-inset-top,0px))}.look-seg+.top-actions,.top-actions{margin-left:auto}.top-actions .icon-btn:not(#btn-info){display:none}.seg.look-seg{order:4;margin-left:0}.seg.look-seg button{padding:5px 8px;font-size:12px}.modes{order:3;flex:1 1 auto}.modes button{flex:1;padding:7px 4px;font-size:12.5px;white-space:nowrap}.panel.left,.panel.wide{width:calc(100% - 2 * var(--gut))}.panel.right{top:calc(98px + env(safe-area-inset-top,0px))}.weaponbar{bottom:calc(10px + env(safe-area-inset-bottom,0px))}.slot{width:50px;height:48px;padding:4px 3px}.slot .ico{max-width:42px;max-height:20px}.ammo{min-width:70px;padding:4px 8px}.ammo b{font-size:20px}.scorebar{top:calc(100px + env(safe-area-inset-top,0px));padding:2px}.scorebar div{min-width:38px;padding:2px 6px}.scorebar b{font-size:15px}.scorebar span{font-size:8.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}a.brand{text-decoration:none;color:inherit}.brand .back{font:700 22px/.8 var(--f-ui);color:var(--muted);margin-right:-4px;align-self:center}a.brand:hover .back,a.brand:focus-visible .back{color:var(--accent)}