:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1014;--bg-2:#161a21;--bg-3:#1e2330;--fg:#e6ecf3;--muted:#b6bdca;--accent:#58a4ff;--accent-2:#ffd166;--danger:#ff6b6b;--border:#232a35;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);overflow:hidden}#app{height:100vh;grid-template:"sidebar viewport info"1fr"timeline timeline timeline"/260px 1fr 280px;height:100dvh;display:grid}#panel-nav{display:none}#sidebar{background:var(--bg-2);border-right:1px solid var(--border);grid-area:sidebar;padding:12px;overflow-y:auto}#viewport{grid-area:viewport;position:relative;overflow:hidden}#canvas{width:100%;height:100%;display:block}#info{background:var(--bg-2);border-left:1px solid var(--border);grid-area:info;padding:16px;overflow-y:auto}#timeline{background:var(--bg-2);border-top:1px solid var(--border);grid-area:timeline;align-items:center;gap:12px;padding:10px 14px;display:flex}#hud-top,#hud-camera,#hud-overlays{pointer-events:none;position:absolute}#hud-top{justify-content:space-between;align-items:center;display:flex;top:12px;left:14px;right:14px}#hud-camera{pointer-events:auto;gap:6px;display:flex;top:12px;right:14px}#hud-overlays{pointer-events:auto;gap:8px;display:flex;bottom:12px;left:14px}.title-block{pointer-events:none;margin:0;font-weight:400}.title-block .jp{font-size:22px;font-weight:700;display:block}.title-block .en{color:var(--muted);margin-top:2px;font-size:13px;display:block}.title-block .jp,.trick-btn .jp,.info-panel h2,.info-panel .prog-link .jp{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.sidebar h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:14px}.sidebar .search{background:var(--bg-3);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:6px;margin-bottom:12px;padding:7px 10px;font-size:13px}.sidebar .group{margin-bottom:16px}.sidebar .empty{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.6}.sidebar .group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 6px;font-size:11px}.trick-btn{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;margin-bottom:2px;padding:8px 10px;font-size:13px;transition:background 80ms,border-color 80ms;display:block}.trick-btn:hover{background:var(--bg-3)}.trick-btn.active{color:#fff;background:#58a4ff2e;border-color:#58a4ff80}.trick-btn .en{color:var(--muted);margin-top:1px;font-size:11px}.info-panel h2{margin:0 0 4px;font-size:22px}.info-panel .meta{color:var(--muted);margin-bottom:12px;font-size:12px}.info-panel .meta-grid{background:var(--bg-3);border-radius:6px;grid-template-columns:80px 1fr;gap:4px 10px;margin-bottom:14px;padding:10px;font-size:12px;display:grid}.info-panel .meta-grid dt{color:var(--muted)}.info-panel .meta-grid dd{color:var(--fg);margin:0}.info-panel .desc{color:#cdd5e0;font-size:13px;line-height:1.6}.info-panel>.hint{color:var(--muted);margin:0 0 10px;font-size:11px;line-height:1.5}.info-panel .keypoints{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.info-panel .keypoints h3 .hint,.info-panel .progression h3 .hint{letter-spacing:0;text-transform:none;font-size:11px;font-weight:400}.info-panel .keypoints h3,.info-panel .progression h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px}.info-panel .kp{width:100%;color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:baseline;gap:10px;margin-bottom:2px;padding:6px 8px;font-size:13px;display:flex}.info-panel .kp:hover{background:var(--bg-3)}.info-panel .kp.active{background:#ffd1661f;border-color:#ffd16666}.info-panel .kp .t{color:var(--accent-2);font-variant-numeric:tabular-nums;min-width:36px;font-size:11px}.info-panel .progression{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.info-panel .progression h4{color:var(--fg);margin:12px 0 6px;font-size:12px;font-weight:600}.info-panel .prog-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.info-panel .prog-list li{max-width:100%}.info-panel .prog-link{border:1px solid var(--border);background:var(--bg-2);min-height:44px;color:var(--fg);border-radius:6px;flex-direction:column;justify-content:center;padding:6px 10px;font-size:13px;line-height:1.35;text-decoration:none;display:flex}.info-panel .prog-link:hover{background:var(--bg-3);border-color:#58a4ff80}.info-panel .prog-link .en{color:var(--muted);font-size:11px}.info-panel .prog-none{color:var(--muted);margin:0;font-size:12px}.tl-button{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:6px;min-width:36px;padding:6px 10px;font-size:13px;transition:background 80ms}.tl-button:hover{background:#2a3140}.tl-button.primary{background:var(--accent);color:#061018;border-color:var(--accent);font-weight:600}.tl-button.primary:hover{background:#76b6ff}.tl-time{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:86px;font-size:12px}.tl-scrubber{flex:1}.tl-scrubber input[type=range]{width:100%;accent-color:var(--accent)}.tl-speed{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px}.hud-btn{color:var(--fg);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161a21d9;border-radius:6px;padding:6px 10px;font-size:12px}.hud-btn:hover{background:#222832d9}.hud-btn.active{color:#fff;background:#58a4ff38;border-color:#58a4ff99}.hud-btn .swatch{vertical-align:middle;border:2px solid var(--swatch);background:0 0;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.hud-btn.active .swatch{background:var(--swatch)}@media (max-width:1100px){#app{grid-template-columns:220px 1fr 240px}}.boot-error{max-width:520px;margin:15vh auto 0;padding:24px 16px;line-height:1.7}.boot-error h1{margin:0 0 8px;font-size:20px}.boot-error p{color:#cdd5e0;margin:0 0 16px}.boot-error button{background:var(--accent);color:#061018;cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:12px 24px;font-size:15px;font-weight:700}.boot-error details{color:var(--muted);margin-top:20px;font-size:12px}.boot-error pre{white-space:pre-wrap;word-break:break-word}@media (pointer:coarse){.hud-btn,.tl-button,.tl-speed,.trick-btn,.info-panel .kp,.panel-tab{min-height:40px}.tl-button{min-width:44px}.tl-scrubber input[type=range]{height:40px;margin:0}}@media (max-width:760px){#app{grid-template:"viewport"minmax(220px,46dvh)"timeline""tabs""panel"minmax(0,1fr)/1fr}#sidebar,#info{border:none;grid-area:panel;min-height:0}#app[data-panel=tricks] #info,#app[data-panel=info] #sidebar{display:none}#panel-nav{background:var(--bg-2);border-bottom:1px solid var(--border);grid-area:tabs;display:block}#panel-tabs{display:flex}.panel-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-height:44px;padding:10px 8px;font-size:14px;font-weight:600}.panel-tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}#timeline{flex-wrap:wrap;gap:8px;padding:8px 12px}.tl-scrubber{flex-basis:100%;order:-1}.tl-time{margin-left:auto}#hud-top{top:8px;left:10px;right:10px}#hud-camera{gap:4px;top:8px;right:10px}#hud-overlays{flex-wrap:wrap;gap:6px;bottom:8px;left:10px}.title-block{max-width:calc(100% - 200px)}.title-block .jp{font-size:17px}.title-block .en{font-size:11px}.hud-btn{padding:6px 8px}}@media (max-width:380px){.title-block .jp{font-size:15px}}