:root{--color-bg: #f5f4f0;--color-card: #ffffff;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-primary: #185fa5;--color-primary-light: #e6f1fb;--hud-panel: rgba(14, 22, 32, .76);--hud-panel-solid: rgba(14, 22, 32, .94);--hud-border: rgba(255, 255, 255, .14);--hud-text: #eef3f8;--hud-text-dim: #9fb0c2;--hud-accent: #35c2ff;--hud-success: #37d67a;--hud-danger: #ff5a4d;--hud-warn: #ffb020}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:PingFang SC,Microsoft YaHei,Source Han Sans SC,sans-serif;color:var(--color-text);background:var(--color-bg)}#app{width:100%;height:100%;position:relative;overflow:hidden}#app canvas{display:block;width:100%;height:100%}.marker-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;font-variant-numeric:tabular-nums}.hud-top{position:absolute;top:0;left:0;right:0;height:62px;display:flex;align-items:center;gap:22px;padding:0 18px;background:linear-gradient(180deg,rgba(10,16,24,.88),var(--hud-panel));border-bottom:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hud-text)}.hud-level-name{font-size:13px;letter-spacing:1px;color:var(--hud-text-dim);padding-right:14px;border-right:1px solid var(--hud-border);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-time-wrap{position:relative;display:flex;align-items:center;gap:10px}.hud-time-ring{--p: 100;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--hud-accent) calc(var(--p) * 1%),rgba(255,255,255,.12) 0);position:relative;display:grid;place-items:center;transition:background .2s linear}.hud-time-ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#0d151f}.hud-time{position:relative;z-index:1;font-size:16px;font-weight:600;letter-spacing:.5px;color:var(--hud-text)}.hud-time-wrap.warn .hud-time-ring{background:conic-gradient(var(--hud-warn) calc(var(--p) * 1%),rgba(255,255,255,.12) 0)}.hud-time-wrap.alert .hud-time-ring{background:conic-gradient(var(--hud-danger) calc(var(--p) * 1%),rgba(255,255,255,.12) 0);animation:ring-pulse 1s ease-in-out infinite}.hud-time-wrap.alert .hud-time{color:#ffd9d5;animation:blink 1s steps(2,start) infinite}@keyframes ring-pulse{0%,to{box-shadow:0 0 #ff5a4d73}50%{box-shadow:0 0 14px 3px #ff5a4d80}}@keyframes blink{to{visibility:hidden}}.hud-progress-wrap{display:flex;align-items:center;gap:10px}.hud-progress-text{font-size:15px;font-weight:700;color:#fff;min-width:48px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.hud-progress{display:flex;gap:3px}.hud-progress-seg{width:14px;height:8px;border-radius:2px;background:#ffffff29;transition:all .25s ease}.hud-progress-seg.on{background:linear-gradient(180deg,#5ef09a,var(--hud-success));box-shadow:0 0 8px #37d67a99}.hud-score-wrap{margin-left:auto;display:flex;align-items:baseline;gap:8px}.hud-score-label{font-size:12px;letter-spacing:2px;color:var(--hud-text-dim)}.hud-score{font-size:30px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 18px rgba(53,194,255,.35);min-width:84px;text-align:right}.hud-score.bump{animation:score-bump .34s cubic-bezier(.34,1.56,.64,1)}@keyframes score-bump{0%{transform:scale(1)}40%{transform:scale(1.18);color:var(--hud-success)}to{transform:scale(1)}}.hud-audio{height:30px;padding:0 12px;font-size:12px;font-family:inherit;color:var(--hud-text);background:#ffffff14;border:1px solid var(--hud-border);border-radius:15px;cursor:pointer;pointer-events:auto;transition:all .15s}.hud-audio:hover{background:#ffffff2e;border-color:var(--hud-accent)}.hud-bottom{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 22px;background:linear-gradient(0deg,rgba(10,16,24,.9),var(--hud-panel));border-top:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hud-text);pointer-events:auto}.hud-wrong{padding:5px 12px;font-size:13px;font-weight:600;color:#ffbdb7;background:#ff5a4d29;border:1px solid rgba(255,90,77,.36);border-radius:14px}.hud-wrong.bump{animation:score-bump .34s ease-out}.hud-elapsed{font-size:13px;color:var(--hud-text-dim)}.hud-submit{padding:10px 26px;font-size:15px;font-weight:600;letter-spacing:1px;color:#06131f;background:linear-gradient(135deg,#6fe3ff,var(--hud-accent));border:none;border-radius:10px;box-shadow:0 4px 16px #35c2ff59;cursor:pointer;transition:all .15s}.hud-submit:hover{transform:translateY(-1px);box-shadow:0 6px 22px #35c2ff80}.hud-submit:active{transform:translateY(1px)}.hud-viewpoints{position:absolute;left:18px;bottom:78px;display:flex;gap:8px;pointer-events:auto}.hud-vp-btn{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 6px;font-family:inherit;font-size:13px;color:var(--hud-text);background:var(--hud-panel);border:1px solid var(--hud-border);border-radius:17px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .15s}.hud-vp-btn b{display:grid;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;color:var(--hud-text-dim);background:#ffffff1a;border-radius:50%;transition:all .15s}.hud-vp-btn:hover{border-color:#35c2ff99;background:#18283ae6}.hud-vp-btn.active{color:#06131f;background:linear-gradient(135deg,#6fe3ff,var(--hud-accent));border-color:transparent}.hud-vp-btn.active b{color:#06131f;background:#ffffff8c}.hud-vp-toast{position:absolute;top:78px;left:50%;transform:translate(-50%);padding:7px 20px;font-size:14px;font-weight:600;letter-spacing:1px;color:var(--hud-text);background:var(--hud-panel-solid);border:1px solid var(--hud-border);border-radius:8px;transition:opacity 1.2s ease;z-index:4}.hud-vp-toast.fade-out{opacity:0}.hud-crosshair{position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;transition:transform .15s ease,opacity .15s ease;opacity:1}.hud-crosshair i{position:absolute;background:#fffffff2;box-shadow:0 0 6px #000000d9}.hud-crosshair i:nth-child(1){top:0;left:50%;width:2px;height:9px;margin-left:-1px}.hud-crosshair i:nth-child(2){bottom:0;left:50%;width:2px;height:9px;margin-left:-1px}.hud-crosshair i:nth-child(3){left:0;top:50%;height:2px;width:9px;margin-top:-1px}.hud-crosshair i:nth-child(4){right:0;top:50%;height:2px;width:9px;margin-top:-1px}.hud-crosshair b{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--hud-accent);border-radius:50%;box-shadow:0 0 8px var(--hud-accent)}.hud-crosshair.state-drag{transform:scale(1.5);opacity:.5}.hud-crosshair.state-hit{transform:scale(1.7)}.hud-crosshair.state-hit b{background:var(--hud-success);box-shadow:0 0 14px var(--hud-success)}.hud-crosshair.state-wrong{transform:scale(.8)}.hud-crosshair.state-wrong b{background:var(--hud-danger);box-shadow:0 0 14px var(--hud-danger)}.hud-combo{position:absolute;top:30%;left:50%;transform:translate(-50%,12px) scale(.85);padding:6px 20px;font-size:20px;font-weight:800;letter-spacing:2px;color:#06131f;background:linear-gradient(135deg,#ffe08a,var(--hud-warn));border-radius:10px;box-shadow:0 6px 24px #ffb02073;opacity:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.hud-combo.show{opacity:1;transform:translate(-50%) scale(1)}.fx-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.42) 100%)}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.fx-hit{box-shadow:inset 0 0 120px 20px #37d67a8c}.fx-wrong{box-shadow:inset 0 0 120px 20px #ff5a4d8c}.fx-flash.play{animation:flash-out .42s ease-out}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.hud.shake{animation:hud-shake .26s ease-in-out}@keyframes hud-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,3px)}50%{transform:translate(4px,-3px)}75%{transform:translate(-3px,-2px)}}.marker-ring{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid var(--hud-success);border-radius:50%;box-shadow:0 0 18px #37d67acc,inset 0 0 12px #37d67a80;animation:ring .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes ring{0%{transform:scale(.4);opacity:1}to{transform:scale(2.4);opacity:0}}.marker-label{position:absolute;padding:3px 10px;border-radius:6px;font-size:12.5px;font-weight:600;border:1px solid;box-shadow:0 3px 10px #00000059;white-space:nowrap;transform:translate(-50%);pointer-events:none;color:#06131f}.marker-label.hit{background:linear-gradient(135deg,#8bf7b4,var(--hud-success));border-color:#1f9e56}.marker-label.already{color:#e6eaf0;background:#283442f0;border-color:#ffffff40}.marker-gain{position:absolute;font-size:22px;font-weight:800;color:var(--hud-success);text-shadow:0 2px 10px rgba(0,0,0,.55),0 0 18px rgba(55,214,122,.7);transform:translate(-50%);pointer-events:none;animation:gain-float .95s cubic-bezier(.22,1,.36,1) forwards}@keyframes gain-float{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.7)}25%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1.15)}to{opacity:0;transform:translate(-50%) translateY(-52px) scale(1)}}.marker-wrong{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;display:grid;place-items:center;color:var(--hud-danger);font-size:28px;font-weight:800;line-height:1;text-shadow:0 0 12px rgba(255,90,77,.9);animation:wrong-pop .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes wrong-pop{0%{transform:scale(.5);opacity:0}25%{transform:scale(1.15);opacity:1}60%{transform:scale(1) translate(-3px);opacity:1}80%{transform:scale(1) translate(3px);opacity:1}to{transform:scale(.95);opacity:0}}.hidden{display:none!important}.page-layer,.game-layer{position:absolute;top:0;right:0;bottom:0;left:0}.page-layer{overflow-y:auto;background:radial-gradient(1200px 600px at 15% -10%,rgba(53,194,255,.14),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(255,176,32,.1),transparent 55%),linear-gradient(180deg,#0b131c,#101a25 55%,#0c141d)}.page-layer:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%)}.page{position:relative;min-height:100%;max-width:1080px;margin:0 auto;padding:28px 28px 40px;box-sizing:border-box;color:#e8eef6;animation:page-in .32s cubic-bezier(.22,1,.36,1)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{margin:0;font-size:24px;font-weight:600;letter-spacing:1px;color:#fff;text-shadow:0 2px 18px rgba(53,194,255,.25)}.header-actions{display:flex;align-items:center;gap:10px}.btn{padding:10px 22px;font-size:15px;font-family:inherit;font-weight:600;letter-spacing:.5px;color:#06131f;background:linear-gradient(135deg,#7ae6ff,#35c2ff);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 18px #35c2ff4d;transition:all .16s cubic-bezier(.22,1,.36,1)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #35c2ff73}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid #7ae6ff;outline-offset:3px}.btn-ghost{color:#cfe3f5;background:#ffffff12;border:1px solid rgba(255,255,255,.18);box-shadow:none}.btn-ghost:hover{color:#fff;background:#ffffff24;border-color:#35c2ff99;box-shadow:0 6px 20px #35c2ff2e}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff7a6e,#e2402f);box-shadow:0 4px 18px #e2402f59}.btn-sm{padding:7px 14px;font-size:13px}.hero{text-align:center;padding:18px 0 26px}.hero-badge{display:inline-block;padding:5px 14px;margin-bottom:14px;font-size:12px;letter-spacing:3px;color:#9fd8ff;background:#35c2ff1f;border:1px solid rgba(53,194,255,.4);border-radius:20px}.hero-title{margin:0 0 10px;font-size:42px;font-weight:800;letter-spacing:4px;line-height:1.2;background:linear-gradient(180deg,#fff 20%,#8fd4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(53,194,255,.35))}.hero-sub{margin:0 auto;max-width:620px;font-size:15px;line-height:1.8;color:#93a7bd}.hero-stats{display:flex;justify-content:center;gap:36px;margin-top:20px}.hero-stat{text-align:center}.hero-stat b{display:block;font-size:24px;font-weight:700;color:#ffd166}.hero-stat span{font-size:12px;letter-spacing:1px;color:#7d90a6}.search-input{width:100%;padding:13px 18px;font-size:15px;font-family:inherit;color:#e8eef6;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:10px;margin-bottom:18px;box-sizing:border-box;transition:all .16s}.search-input::placeholder{color:#6d8098}.search-input:focus{outline:none;border-color:#35c2ff;background:#35c2ff14;box-shadow:0 0 0 3px #35c2ff2e}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.player-item{display:flex;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;text-align:left;background:linear-gradient(180deg,#ffffff13,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .16s cubic-bezier(.22,1,.36,1)}.player-item:hover{transform:translateY(-2px);border-color:#35c2ff8c;background:linear-gradient(180deg,#35c2ff24,#35c2ff0d);box-shadow:0 8px 22px #00000059}.player-item.active{border-color:#35c2ff;background:linear-gradient(180deg,#35c2ff38,#35c2ff14);box-shadow:0 0 0 1px #35c2ff,0 10px 26px #35c2ff40}.player-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;font-size:17px;font-weight:700;color:#06131f;border-radius:50%;box-shadow:inset 0 -2px 6px #0000002e}.player-item .player-text{display:flex;flex-direction:column;gap:3px;min-width:0}.player-name{font-size:16px;font-weight:600;color:#fff}.player-meta{font-size:12px;color:#8ba0b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirm-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px -28px -40px;padding:16px 28px;background:linear-gradient(0deg,#0a121afa,#101a25eb);border-top:1px solid rgba(53,194,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-text{font-size:15px;font-weight:600;color:#fff}.player-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:22px;font-size:14px;color:#cfe0f0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px}.player-bar>span:first-child{flex:1}.level-list{display:flex;flex-direction:column;gap:14px}.level-card{position:relative;display:flex;align-items:center;gap:20px;padding:18px 22px;font-family:inherit;text-align:left;background:linear-gradient(120deg,#ffffff16,#ffffff06);border:1px solid rgba(255,255,255,.12);border-radius:14px;cursor:pointer;overflow:hidden;transition:all .18s cubic-bezier(.22,1,.36,1)}.level-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#35c2ff,#1f7fbf)}.level-card:hover{transform:translateY(-3px);border-color:#35c2ff99;box-shadow:0 14px 34px #00000073,0 0 0 1px #35c2ff40}.level-card.locked{cursor:not-allowed;opacity:.72}.level-card.locked:before{background:linear-gradient(180deg,#4b5b6b,#2f3b46)}.level-card.locked:hover{transform:none;border-color:#ffffff1f;box-shadow:none}.level-card-main{flex:1;min-width:0}.level-name{margin:0 0 5px;font-size:17px;font-weight:600;color:#fff}.level-desc{margin:0;font-size:13px;line-height:1.6;color:#8ba0b6}.level-card-meta{display:flex;gap:10px;margin-top:10px}.level-meta-item{padding:3px 10px;font-size:12px;color:#a8bdd2;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:12px}.level-card-status{display:flex;align-items:center;gap:12px;white-space:nowrap}.badge{padding:3px 10px;font-size:12px;font-weight:600;border-radius:12px}.badge-done{color:#7bf0ad;background:#37d67a29;border:1px solid rgba(55,214,122,.45)}.level-best{font-size:16px;font-weight:700;color:#ffd166;font-variant-numeric:tabular-nums}.level-stars{font-size:16px;color:#ffd166;letter-spacing:2px;text-shadow:0 0 12px rgba(255,209,102,.5)}.level-hint{font-size:13px;color:#7f93a8}.brief-card{position:relative;max-width:680px;margin:20px auto 0;padding:34px 36px;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 20px 50px #00000073}.brief-card:before{content:"任务简报";position:absolute;top:-12px;left:32px;padding:4px 14px;font-size:12px;font-weight:700;letter-spacing:3px;color:#06131f;background:linear-gradient(135deg,#ffd166,#ffb020);border-radius:14px;box-shadow:0 4px 14px #ffb02066}.brief-name{margin:6px 0 10px;font-size:24px;font-weight:700;color:#fff}.brief-desc{margin:0 0 20px;font-size:14px;line-height:1.75;color:#9db2c7}.brief-facts{display:flex;gap:12px;margin-bottom:22px}.fact{flex:1;padding:12px 10px;text-align:center;font-size:14px;font-weight:600;color:#bfe4ff;background:#35c2ff1a;border:1px solid rgba(53,194,255,.28);border-radius:10px}.brief-rules{margin:0 0 22px;padding:0;list-style:none;counter-reset:rule}.brief-rules li{position:relative;padding:9px 0 9px 34px;font-size:14px;line-height:1.7;color:#d3e0ee;border-bottom:1px dashed rgba(255,255,255,.1)}.brief-rules li:before{counter-increment:rule;content:counter(rule);position:absolute;left:0;top:9px;display:grid;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;color:#06131f;background:#35c2ff;border-radius:50%}.brief-best{margin-bottom:20px;font-size:14px;color:#9db2c7}.brief-actions{display:flex;justify-content:flex-end;gap:12px}.page-loading{display:flex;align-items:center;justify-content:center}.loading-box{width:340px;text-align:center}.loading-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.loading-bar-inner{width:40%;height:100%;background:linear-gradient(90deg,#35c2ff,#7ae6ff);border-radius:3px;box-shadow:0 0 14px #35c2ffb3;animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loading-text{margin-top:16px;font-size:14px;letter-spacing:1px;color:#9db2c7}.error-box{max-width:520px;margin:60px auto;padding:26px 28px;background:#ff5a4d14;border:1px solid rgba(255,90,77,.35);border-left:4px solid #ff5a4d;border-radius:14px}.error-title{margin:0 0 8px;font-size:17px;font-weight:700;color:#ff8a80}.error-detail{margin:0 0 18px;font-size:13px;line-height:1.7;color:#b9c6d4}.empty-hint,.loading-hint{padding:56px 0;text-align:center;font-size:15px;color:#7f93a8}.page-result{display:flex;align-items:center;justify-content:center}.result-card{position:relative;width:560px;padding:30px 40px 26px;text-align:center;background:linear-gradient(180deg,#ffffff1a,#ffffff09);border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 24px 60px #00000080;overflow:hidden}.result-card:before{content:"";position:absolute;top:-60%;left:50%;width:420px;height:420px;transform:translate(-50%);background:radial-gradient(circle,rgba(53,194,255,.22),transparent 65%);pointer-events:none}.result-sub{margin:6px 0 0;font-size:14px;color:#9db2c7}.result-stars{position:relative;margin:14px 0 10px;font-size:52px;letter-spacing:10px;color:#ffffff29}.result-stars .star.on{color:#ffd166;text-shadow:0 0 26px rgba(255,209,102,.85)}.result-stars .star.animate{display:inline-block;animation:star-pop .5s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes star-pop{0%{transform:scale(.2) rotate(-35deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.result-total{position:relative;font-size:56px;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 30px rgba(53,194,255,.5);font-variant-numeric:tabular-nums}.result-total-label{margin:6px 0 18px;font-size:13px;letter-spacing:2px;color:#8ba0b6}.result-table{margin-bottom:16px;border-top:1px solid rgba(255,255,255,.1)}.result-table .row{display:flex;justify-content:space-between;padding:8px 4px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.result-table .k{color:#9db2c7}.result-table .v{font-weight:600;color:#e8eef6;font-variant-numeric:tabular-nums}.upload-state{margin:0 0 18px;font-size:13px}.upload-state.synced{color:#7bf0ad}.upload-state.pending{color:#ffd166}.upload-state.rejected{color:#ff8a80}.result-actions{display:flex;justify-content:center;gap:12px}.page-review{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr auto;gap:0 22px;max-width:1180px;height:100%;padding-bottom:20px}.page-review .page-header{grid-column:1 / -1}.review-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.review-item{display:flex;align-items:center;gap:9px;padding:11px 13px;font-family:inherit;font-size:14px;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .16s;color:#d3e0ee}.review-item:hover{border-color:#35c2ff80;background:#35c2ff1a}.review-item.active{border-color:#35c2ff;background:linear-gradient(90deg,#35c2ff3d,#35c2ff0f);box-shadow:0 0 0 1px #35c2ff}.review-idx{color:#7f93a8;font-variant-numeric:tabular-nums}.review-mark{font-weight:700}.review-item.found .review-mark{color:#37d67a}.review-item.missed .review-mark{color:#ff5a4d}.review-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-detail{display:flex;flex-direction:column;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:14px}.review-canvas-host{position:relative;height:240px;flex:none;background:#0d151f;border-bottom:1px solid rgba(255,255,255,.1)}.review-canvas{display:block;width:100%;height:100%}.review-detail-body{flex:1;overflow-y:auto;padding:20px 24px}.hazard-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.type-tag{padding:3px 10px;font-size:12px;font-weight:600;border-radius:12px}.type-obvious{color:#ffd166;background:#ffb02029;border:1px solid rgba(255,176,32,.4)}.type-state{color:#7ae6ff;background:#35c2ff24;border:1px solid rgba(53,194,255,.4)}.type-behavior{color:#ff8a80;background:#ff5a4d24;border:1px solid rgba(255,90,77,.4)}.hazard-title{flex:1;margin:0;font-size:18px;font-weight:600;color:#fff}.hazard-score{font-size:14px;font-weight:700;color:#ffd166}.hazard-found.found{color:#7bf0ad;font-size:13px;font-weight:600}.hazard-found.missed{color:#ff8a80;font-size:13px;font-weight:600}.detail-block{margin-bottom:16px}.detail-label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:2px;color:#7f93a8}.detail-text{margin:0;font-size:15px;line-height:1.75;color:#dbe6f2}.review-nav{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;padding-top:14px}.lb-tabs{display:flex;gap:8px;margin-bottom:16px}.lb-tab{padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;color:#a8bdd2;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;cursor:pointer;transition:all .16s}.lb-tab:hover{color:#fff;border-color:#35c2ff80}.lb-tab.active{color:#06131f;background:linear-gradient(135deg,#7ae6ff,#35c2ff);border-color:transparent}.lb-level-picker{margin-bottom:16px}.lb-select{padding:9px 14px;font-size:14px;font-family:inherit;color:#e8eef6;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:10px;min-width:260px}.lb-table{width:100%;border-collapse:collapse;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.lb-table th,.lb-table td{padding:12px 18px;font-size:14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);color:#d3e0ee}.lb-table th{font-weight:600;font-size:13px;letter-spacing:1px;color:#8ba0b6;background:#ffffff0d}.lb-table tbody tr:hover td{background:#ffffff0a}.lb-table tr.me td{background:#35c2ff24;color:#fff;font-weight:600}.lb-table tr:nth-child(1) .rank-cell{color:#ffd166}.lb-table .num{font-variant-numeric:tabular-nums}.lb-table .stars{color:#ffd166;letter-spacing:2px}.esc-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04090ea6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20}.esc-dialog{width:380px;padding:26px;background:linear-gradient(180deg,#182634,#101a25);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 24px 60px #0009}.esc-dialog h3{margin:0 0 8px;font-size:19px;font-weight:700;color:#fff}.esc-dialog p{margin:0 0 22px;font-size:14px;line-height:1.7;color:#9db2c7}.esc-actions{display:flex;justify-content:flex-end;gap:12px}.toast{position:fixed;top:78px;left:50%;transform:translate(-50%) translateY(-10px);padding:11px 22px;font-size:14px;font-weight:600;color:#06131f;background:linear-gradient(135deg,#7ae6ff,#35c2ff);border-radius:10px;box-shadow:0 10px 30px #35c2ff59;opacity:0;transition:all .28s cubic-bezier(.22,1,.36,1);z-index:50;pointer-events:none;max-width:80vw}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-warn{color:#1a1204;background:linear-gradient(135deg,#ffd166,#ffb020);box-shadow:0 10px 30px #ffb02059}.toast-error{color:#fff;background:linear-gradient(135deg,#ff7a6e,#e2402f);box-shadow:0 10px 30px #e2402f59}.brand{font-size:13px;letter-spacing:3px;color:#7f93a8}.level-emblem{display:grid;place-items:center;flex:none;width:46px;height:46px;font-size:17px;font-weight:800;letter-spacing:1px;color:#06131f;background:linear-gradient(135deg,#7ae6ff,#35c2ff);border-radius:12px;box-shadow:0 6px 18px #35c2ff4d;font-variant-numeric:tabular-nums}.level-card.locked .level-emblem{color:#b9c6d4;background:linear-gradient(135deg,#4b5b6b,#36434f);box-shadow:none}.page{display:flex;flex-direction:column}.page-foot{margin-top:auto;padding-top:26px;text-align:center;font-size:12.5px;letter-spacing:1px;color:#64788d}.page.page-review{display:grid}.rank-badge{display:inline-grid;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;color:#1c1405;border-radius:50%;box-shadow:0 3px 10px #0006}.rank-1{background:linear-gradient(135deg,#ffe9a3,#ffc42e);box-shadow:0 3px 12px #ffc42e80}.rank-2{background:linear-gradient(135deg,#eef2f6,#b8c4cf)}.rank-3{background:linear-gradient(135deg,#f2c39b,#d08442)}.rank-plain{display:inline-block;min-width:26px;text-align:center;color:#8ba0b6;font-variant-numeric:tabular-nums}.result-card.celebrate:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background-image:radial-gradient(circle,#ffd166 0 4px,transparent 5px),radial-gradient(circle,#7ae6ff 0 3px,transparent 4px),radial-gradient(circle,#7bf0ad 0 3px,transparent 4px),radial-gradient(circle,#ff9f8a 0 3px,transparent 4px);background-size:120px 160px,90px 140px,140px 120px,100px 150px;background-position:10% 10%,70% 20%,35% 65%,85% 75%;animation:confetti-fall 2.6s linear infinite;opacity:.9;z-index:0}@keyframes confetti-fall{0%{transform:translateY(-30%) rotate(0)}to{transform:translateY(30%) rotate(12deg)}}.name-card{width:100%;max-width:620px;margin:8px auto 0;padding:24px 26px 20px;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 18px 44px #0006}.name-label{display:block;margin-bottom:10px;font-size:13px;font-weight:600;letter-spacing:2px;color:#9fb4c9}.name-row{display:flex;gap:12px}.name-input{flex:1;min-width:0;padding:14px 18px;font-size:20px;font-weight:600;letter-spacing:2px;font-family:inherit;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .16s}.name-input::placeholder{color:#6d8098;font-weight:400;letter-spacing:0}.name-input:focus{outline:none;border-color:#35c2ff;background:#35c2ff1a;box-shadow:0 0 0 4px #35c2ff2e}.name-input.invalid{border-color:#ff5a4d;box-shadow:0 0 0 4px #ff5a4d29}.name-submit{flex:none;padding:0 26px;font-size:16px;white-space:nowrap}.name-submit[disabled]{opacity:.7;cursor:progress;transform:none}.name-hint{margin:12px 0 0;font-size:12.5px;line-height:1.7;color:#7f93a8}.name-error{margin:10px 0 0;font-size:13px;color:#ff8a80}.level-retry{padding:3px 10px;font-size:12px;font-weight:600;color:#7ae6ff;background:#35c2ff24;border:1px solid rgba(53,194,255,.4);border-radius:12px}