:root{--bg-0: #0f1923;--bg-deep: #1a242e;--bg-section: #212d39;--surface: #1a242e;--surface-strong: #212d39;--surface-translucent: rgba(15, 25, 35, .85);--accent: #ff4655;--accent-deep: #d62836;--accent-active: #a81e29;--accent-tint: rgba(255, 70, 85, .15);--on-brand: #ffffff;--text: #ece8e1;--text-strong: #ffffff;--text-soft: rgba(236, 232, 225, .7);--text-dim: #9aa6b1;--text-faint: #6c7780;--line: rgba(236, 232, 225, .15);--line-strong: rgba(236, 232, 225, .3);--gold: #f5a524;--green: #22c55e;--radius: 0px;--radius-sm: 2px;--skew: -6deg;--unskew: 6deg;--font-display: "Tungsten", "Oswald", "Bebas Neue", "Noto Sans SC", "Arial Narrow", Impact, sans-serif;--font: "Inter", "DIN Pro", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, monospace;--ease-standard: cubic-bezier(.65, 0, .35, 1);--ease-snap: cubic-bezier(.85, 0, .15, 1);--dur-fast: .1s;--dur-std: .18s;--dur-slow: .26s;--dur-cine: .42s}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-0);color:var(--text);font-family:var(--font);font-size:15px;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#game{position:fixed;inset:0;display:block;cursor:none;z-index:0}#menu-bg{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-standard)}#menu-bg.paused{opacity:0}.hidden{display:none!important}body.playing,body.playing *{cursor:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.display,.brand-title,.result-title,.pause-title,.settings-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-left,.hud-right{position:absolute;top:26px;display:flex;align-items:center;gap:16px}.hud-left{left:30px}.hud-right{right:30px;gap:0}.hud-scene{font-size:13px;letter-spacing:.18em;font-weight:700;color:var(--text);text-transform:uppercase;position:relative;padding-left:18px}.hud-scene:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);transform:translateY(-50%) skew(var(--skew))}.hud-level{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 10px;letter-spacing:.1em;border:1px solid var(--line);color:var(--text-soft);background:var(--bg-deep)}.hud-center{position:absolute;left:50%;top:20px;transform:translate(-50%);text-align:center}.hud-timer{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-strong);text-transform:uppercase}.hud-timer.urgent{color:var(--accent);animation:pulse .5s var(--ease-standard) infinite}@keyframes pulse{50%{transform:scale(1.05)}}.hud-timer-label{font-size:10px;color:var(--text-faint);letter-spacing:.2em;margin-top:4px;text-transform:uppercase;font-weight:700}.hud-stat{text-align:center;min-width:72px;padding:8px 16px;border-left:1px solid var(--line)}.hud-stat:first-child{border-left:none}.hud-stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong);line-height:1}.hud-stat-label{font-size:10px;color:var(--text-faint);letter-spacing:.2em;display:block;margin-top:5px;text-transform:uppercase;font-weight:700}.hud-streak{position:absolute;bottom:44px;left:50%;transform:translate(-50%) skew(var(--skew));font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--gold);letter-spacing:.04em;text-transform:uppercase;padding:2px 16px;background:var(--bg-0);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}.hud-streak>*{display:inline-block;transform:skew(var(--unskew))}.hud-streak .streak-unit{font-size:13px;color:var(--text-soft);font-weight:700}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0f19234d,#0f192373)}.overlay:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(236,232,225,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(236,232,225,.025) 1px,transparent 1px);background-size:48px 48px}.overlay:after{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(236,232,225,.06)}.panel{position:relative;width:min(620px,92vw);padding:44px 48px 40px;background:#0f19238c;border:1px solid var(--line);backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%);text-align:center;animation:rise var(--dur-slow) var(--ease-snap)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.brand{position:relative;margin-bottom:4px}.brand-pre{font-size:12px;letter-spacing:.2em;text-indent:.2em;color:var(--accent);font-weight:700;margin-bottom:10px;text-transform:uppercase}.brand-title{font-size:76px;font-weight:700;letter-spacing:.02em;line-height:.92;color:var(--text-strong)}.brand-sub{margin-top:16px;font-size:14px;color:var(--text-soft);line-height:1.6;letter-spacing:0;max-width:440px;margin-left:auto;margin-right:auto}.scene-select{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 22px}.scene-card{position:relative;text-align:left;padding:20px 20px 18px;background:var(--bg-deep);border:1px solid var(--line);color:var(--text);cursor:pointer;overflow:hidden;transition:border-color var(--dur-std) var(--ease-standard),background var(--dur-std) var(--ease-standard)}.scene-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--line-strong);transition:background var(--dur-std)}.scene-card:hover{border-color:var(--accent);background:var(--surface-strong)}.scene-card.active{border-color:var(--accent);background:var(--accent-tint)}.scene-card.active:before{background:var(--accent);height:3px}.scene-name{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1}.scene-card.active .scene-name{color:var(--text-strong)}.scene-tags{margin:12px 0 14px;display:flex;gap:6px;flex-wrap:wrap}.scene-tags span{font-size:10px;padding:3px 10px;color:var(--text-dim);background:#ece8e10f;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border:1px solid var(--line)}.scene-card.active .scene-tags span{color:var(--on-brand);background:var(--accent);border-color:var(--accent)}.scene-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em}.scene-card.active .scene-meta{color:var(--text-soft)}.agent-strip{margin:0 0 24px}.ts-label{font-size:11px;color:var(--text-faint);letter-spacing:.2em;margin-bottom:12px;text-transform:uppercase;font-weight:700}.agent-strip-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.agent-strip-row img{width:42px;height:42px;object-fit:cover;border:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);filter:saturate(.85)}.agent-strip-row img:hover{border-color:var(--accent);transform:translateY(-3px);filter:saturate(1)}.btn-primary{position:relative;width:100%;padding:16px 32px;border:none;background:var(--accent);color:var(--on-brand);font-size:16px;font-weight:700;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;cursor:pointer;transform:skew(var(--skew));transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.btn-primary:hover{background:var(--text-strong);color:var(--bg-0)}.btn-primary:active{background:var(--accent-deep);color:var(--on-brand)}.btn-text{display:inline-block;transform:skew(var(--unskew))}.btn-ghost{padding:13px 28px;background:transparent;border:1px solid var(--line-strong);color:var(--text);font-size:13px;font-weight:700;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;cursor:pointer;transform:skew(var(--skew));transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.btn-ghost:hover{background:var(--text);color:var(--bg-0);border-color:var(--text)}.btn-lang{background:transparent;border:none;cursor:pointer;color:var(--text-faint);font-size:12px;letter-spacing:.1em;font-weight:700;transition:color var(--dur-fast)}.btn-lang:hover{color:var(--text)}.menu-tips{margin-top:26px;text-align:left;display:flex;flex-direction:column;gap:9px;padding:16px 18px;border:1px solid var(--line);background:var(--bg-deep)}.tip{font-size:13px;color:var(--text-soft);display:flex;align-items:center;gap:12px}.tip-key{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 8px;color:var(--accent);background:var(--accent-tint);border:1px solid rgba(255,70,85,.4);min-width:46px;text-align:center;letter-spacing:.1em;text-transform:uppercase}.menu-footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;justify-content:center}.menu-footer .btn-ghost{padding:11px 20px;font-size:12px}.result-title{font-size:52px;line-height:.95}.result-scene{margin:12px 0 28px;font-size:12px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.result-hero{display:flex;align-items:center;gap:24px;margin-bottom:26px}.result-rank{width:92px;height:92px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:56px;font-weight:700;color:var(--on-brand);background:var(--accent);border-top:3px solid var(--text-strong);transform:skew(var(--skew))}.result-rank .btn-text,.result-rank>span{display:block;transform:skew(var(--unskew))}.result-rank[data-rank=S]{background:linear-gradient(135deg,var(--gold),#ff7a3c)}.result-rank[data-rank=A]{background:var(--green)}.result-rank[data-rank=B]{background:#4a90e2}.result-rank[data-rank=C]{background:#94a3b8}.result-rank[data-rank=D]{background:#46536b}.result-hero-stat{flex:1;text-align:left}.result-value-hero{font-family:var(--font-display);font-size:88px;line-height:.9;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.result-value-hero+.result-label{font-size:12px;margin-top:8px}.result-bar{height:10px;margin-bottom:10px;background:var(--bg-deep);overflow:hidden;border:1px solid var(--line)}.result-bar-fill{height:100%;width:0%;background:var(--accent);transition:width .7s var(--ease-snap)}.result-bar-caption{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--text-faint);letter-spacing:.2em;margin-bottom:24px;text-transform:uppercase;font-weight:700}.result-value-inline{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.02em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-cell{padding:18px 8px;background:var(--bg-deep);border:1px solid var(--line);border-top:2px solid var(--line-strong);transition:border-color var(--dur-std)}.result-cell:hover{border-color:var(--accent)}.result-value{font-family:var(--font-display);font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong);line-height:1}.result-value.accent{color:var(--accent)}.result-label{font-size:10px;color:var(--text-faint);letter-spacing:.2em;margin-top:7px;text-transform:uppercase;font-weight:700}.result-actions{display:flex;gap:14px;margin-top:32px}.result-actions .btn-primary{flex:1}.result-actions .btn-ghost{flex:0 0 auto}.panel-settings{max-height:90vh;overflow-y:auto;text-align:left}.panel-settings::-webkit-scrollbar{width:8px}.panel-settings::-webkit-scrollbar-thumb{background:var(--line-strong)}.panel-settings::-webkit-scrollbar-track{background:var(--bg-deep)}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.settings-title{font-size:34px;letter-spacing:.02em}.btn-close{width:36px;height:36px;background:transparent;border:1px solid var(--line-strong);color:var(--text-soft);font-size:20px;line-height:1;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn-close:hover{color:var(--on-brand);border-color:var(--accent);background:var(--accent)}.settings-tabs{display:flex;gap:0;margin-bottom:22px;background:var(--bg-deep);border:1px solid var(--line)}.tab{flex:1;padding:11px 8px;background:transparent;border:none;border-right:1px solid var(--line);color:var(--text-dim);font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.16em;text-transform:uppercase;transition:all var(--dur-std) var(--ease-standard)}.tab:last-child{border-right:none}.tab:hover{color:var(--text);background:var(--surface-strong)}.tab.active{color:var(--on-brand);background:var(--accent)}.ch-top{display:flex;gap:20px;margin-bottom:20px}.ch-preview-wrap{flex:0 0 150px;height:150px;background:var(--bg-0);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background-image:radial-gradient(rgba(236,232,225,.05) 1px,transparent 1px);background-size:12px 12px}.ch-side{flex:1;display:flex;flex-direction:column;gap:12px}.ch-colors{display:flex;gap:8px;flex-wrap:wrap}.ch-color{width:28px;height:28px;border:1px solid var(--line-strong);cursor:pointer;transition:all var(--dur-fast)}.ch-color:hover{transform:scale(1.08);border-color:var(--text-strong)}.ch-color.active{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--bg-0),0 0 0 3px var(--text-strong);transform:scale(1.08)}.ch-import input{width:100%;padding:11px 14px;background:var(--bg-deep);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-mono);font-size:12px}.ch-import input:focus{outline:none;border-color:var(--accent)}.ch-import-btns{display:flex;gap:8px;margin-top:8px}.btn-mini{padding:8px 16px;background:transparent;border:1px solid var(--line-strong);color:var(--text-soft);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all var(--dur-fast) var(--ease-standard)}.btn-mini:hover{color:var(--on-brand);border-color:var(--accent);background:var(--accent-tint)}.ch-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.ch-ctl{display:flex;flex-direction:column;gap:7px}.ch-ctl-label{font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.ch-ctl-label .val{color:var(--accent);font-family:var(--font-mono)}.ch-ctl-toggle{flex-direction:row;align-items:center;justify-content:space-between}.ch-ctl-toggle .ch-ctl-label{margin:0}input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--line-strong);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:18px;background:var(--text-strong);cursor:pointer;border:1px solid var(--bg-0);transform:skew(var(--skew));transition:background var(--dur-fast)}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent)}input[type=range]::-moz-range-thumb{width:14px;height:18px;background:var(--text-strong);border:1px solid var(--bg-0);border-radius:0;cursor:pointer}input[type=range]::-moz-range-thumb:hover{background:var(--accent)}.switch{position:relative;width:42px;height:22px;cursor:pointer;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--line-strong);transition:var(--dur-fast)}.switch .slider:before{content:"";position:absolute;width:14px;height:14px;left:4px;top:4px;background:var(--text);transition:var(--dur-fast) var(--ease-standard)}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(20px);background:var(--on-brand)}.agent-hint{font-size:13px;color:var(--text-soft);line-height:1.6;margin-bottom:16px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.agent-item{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);cursor:pointer;background:var(--bg-deep);transition:border-color var(--dur-std) var(--ease-standard)}.agent-item:hover{border-color:var(--accent)}.agent-item img{width:100%;height:100%;object-fit:cover;display:block}.agent-item .agent-name{position:absolute;left:0;right:0;bottom:0;padding:6px 6px 5px;font-size:10px;text-align:center;letter-spacing:.16em;background:#0f1923e6;color:var(--text);font-weight:700;text-transform:uppercase}.agent-item.del{border-color:#ff465580}.agent-item .agent-del{position:absolute;top:0;right:0;width:24px;height:24px;border:none;background:var(--accent);color:var(--on-brand);font-size:13px;line-height:1;cursor:pointer;transition:background var(--dur-fast)}.agent-item .agent-del:hover{background:var(--accent-deep)}.sound-hint,.aim-hint{font-size:13px;color:var(--text-soft);line-height:1.6;margin-bottom:16px}.aim-controls{display:flex;flex-direction:column;gap:14px}.sound-group{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.sound-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sound-group-title{font-size:13px;font-weight:700;letter-spacing:.16em;margin-bottom:10px;text-transform:uppercase;color:var(--text)}.sound-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sound-opt{padding:8px 14px;background:var(--bg-deep);border:1px solid var(--line);color:var(--text-dim);font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.06em;transition:all var(--dur-fast) var(--ease-standard)}.sound-opt:hover{color:var(--text);border-color:var(--text-strong)}.sound-opt.active{color:var(--on-brand);border-color:var(--accent);background:var(--accent)}.sound-custom-name{margin-left:8px;font-size:12px;color:var(--accent);font-weight:700}.sound-upload,.sound-clear{margin-left:4px}.panel-pause{width:min(480px,92vw)}.pause-title{font-size:44px;letter-spacing:.02em;margin-bottom:24px}.pause-actions{display:flex;flex-direction:column;gap:14px}.pause-actions .btn-primary{width:100%}.pause-actions .btn-ghost{width:100%;padding:14px;text-align:center}.btn-danger{color:var(--accent);border-color:#ff465580}.btn-danger:hover{color:var(--on-brand);border-color:var(--accent);background:var(--accent)}.pause-confirm{margin-top:18px;padding:16px;border:1px solid rgba(255,70,85,.4);border-left:3px solid var(--accent);background:var(--accent-tint);animation:rise var(--dur-std) var(--ease-snap)}.pause-confirm-text{font-size:13px;color:var(--text-soft);margin-bottom:12px;line-height:1.6}.pause-confirm-actions{display:flex;gap:10px}.pause-confirm-actions .btn-ghost{flex:1;text-align:center}.panel-ranking{width:min(720px,94vw);text-align:left}.ranking-head,.ranking-row{display:grid;grid-template-columns:42px 48px 1fr 1fr 64px 72px 54px 92px;gap:8px;align-items:center}.ranking-head{padding:8px 14px;margin-bottom:6px;font-size:10px;color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--line-strong);font-weight:700}.ranking-list{max-height:46vh;overflow-y:auto}.ranking-list::-webkit-scrollbar{width:8px}.ranking-list::-webkit-scrollbar-thumb{background:var(--line-strong)}.ranking-list::-webkit-scrollbar-track{background:var(--bg-deep)}.ranking-row{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--line);transition:background var(--dur-fast)}.ranking-row:hover{background:var(--accent-tint)}.rr-rank{font-family:var(--font-mono);font-weight:700;color:var(--text-dim)}.rr-rank.top1{color:var(--gold)}.rr-rank.top2{color:#d7dee9}.rr-rank.top3{color:#d19a66}.rr-mode{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.1em}.rr-scene{color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-loc{font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-kills{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums}.rr-acc{font-family:var(--font-mono);color:var(--text-dim);font-variant-numeric:tabular-nums}.rr-rank2{font-family:var(--font-display);font-weight:700;text-align:center;justify-self:start;width:28px;height:28px;line-height:28px;color:var(--on-brand);font-size:16px;background:var(--accent)}.rr-rank2[data-rank=S]{background:linear-gradient(135deg,var(--gold),#ff7a3c)}.rr-rank2[data-rank=A]{background:var(--green)}.rr-rank2[data-rank=B]{background:#4a90e2}.rr-rank2[data-rank=C]{background:#94a3b8}.rr-rank2[data-rank=D]{background:#46536b}.rr-date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.ranking-empty{padding:44px 0;text-align:center;color:var(--text-faint);font-size:13px;letter-spacing:.1em}.ranking-footer{margin-top:16px;text-align:right}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}