:root{--bg: #f3efe6;--surface: #fbf9f4;--surface-2: #ece6d9;--ink: #1d2a2f;--ink-2: #4b5a60;--muted: #7a8589;--line: #d8d0bf;--accent: #c47814;--accent-ink: #ffffff;--win: #2f7f5a;--loss: #b2453a;--radius: 12px;--shadow: 0 1px 2px rgba(29, 42, 47, .06), 0 6px 24px rgba(29, 42, 47, .08);--font: "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}.app.dark{--bg: #16191b;--surface: #1e2225;--surface-2: #272c30;--ink: #ece8dc;--ink-2: #b9b5aa;--muted: #8b8f8f;--line: #343a3e;--accent: #e8ae55;--accent-ink: #1b1406;--win: #6cc49a;--loss: #e98a7e;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 28px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}#app,.app{height:100%}.app{display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--ink)}.boot{display:grid;place-items:center;height:100vh;color:#7a8589;font:15px var(--font)}button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer;min-height:36px;transition:background .15s,border-color .15s,transform .08s}button:hover:not(:disabled){border-color:var(--ink-2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}button.ghost{background:transparent;border-color:transparent}button.link{background:none;border:0;padding:0;min-height:0;font:inherit;color:inherit;text-align:left;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}button.wide{width:100%}a{color:var(--ink)}.muted{color:var(--muted)}.small{font-size:12.5px}.note{background:var(--surface-2);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--ink-2)}.top{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:20;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.search{position:relative;flex:1 1 220px;max-width:420px}.search input{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px}.results{position:absolute;top:calc(100% + 6px);left:0;right:0;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:60vh;overflow:auto}.results button{width:100%;text-align:left;border:0;border-radius:8px;display:flex;gap:8px;align-items:center;background:transparent}.results button:hover{background:var(--surface-2)}.controls{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}.seg button{border:0;background:transparent;min-height:30px;padding:4px 12px}.seg button.on{background:var(--surface);box-shadow:var(--shadow);font-weight:600}.stage{display:grid;grid-template-columns:1fr minmax(320px,400px);min-height:0}.map{width:100%;height:100%;display:block;touch-action:none;cursor:grab;background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 28px 28px}.panel{border-left:1px solid var(--line);background:var(--surface);overflow:auto;padding:18px 18px 24px;display:flex;flex-direction:column;gap:18px}.here h2{margin:2px 0 10px;font-size:22px;line-height:1.25}.seat-switch{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}.seat-switch button{border:0;background:transparent;min-height:30px}.seat-switch button.on{background:var(--ink);color:var(--bg);font-weight:600}.deck{display:flex;align-items:center;gap:10px;margin-top:12px;width:100%;justify-content:space-between;border-radius:10px}.meter{flex:1;max-width:140px;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter i{display:block;height:100%;background:var(--win);border-radius:999px}.hand h3,.round h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.moves{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.move{display:flex;align-items:stretch;gap:4px}.move-main{flex:1;text-align:left;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-left:4px solid var(--line)}.move.k-submission .move-main{border-left-color:var(--loss)}.move.k-technique .move-main{border-left-color:var(--accent)}.mname{font-weight:600;line-height:1.3}.mstats{display:flex;gap:12px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.info{border-radius:10px;padding:0 10px}.round{background:var(--surface-2);border-radius:var(--radius);padding:12px 14px}.round-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.score{font-variant-numeric:tabular-nums;font-weight:600}.score.pos{color:var(--win)}.score.neg{color:var(--loss)}.ev{margin:4px 0;font-size:14px}.ev.r-success b{color:var(--win)}.ev.ev-opp.r-success b{color:var(--loss)}.verdict{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.verdict p{font-size:18px;font-weight:700;margin:0 0 10px}.v-win p{color:var(--win)}.v-loss p{color:var(--loss)}.row{display:flex;gap:8px;flex-wrap:wrap}.kind{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.k-submission.kind{color:var(--loss)}.k-technique.kind{color:var(--accent)}.sheet-wrap{position:fixed;inset:0;background:#14181a59;display:flex;justify-content:flex-end;z-index:90}.sheet{width:min(720px,100%);height:100%;overflow:auto;background:var(--surface);box-shadow:var(--shadow);padding:0 24px 40px;animation:slide .2s ease-out}.sheet.narrow{width:min(520px,100%)}@keyframes slide{0%{transform:translate(24px);opacity:0}}@media (prefers-reduced-motion: reduce){.sheet{animation:none}}.sheet header{position:sticky;top:0;background:var(--surface);padding:18px 0 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);margin-bottom:8px;z-index:1}.sheet header h2{margin:0;flex:1;font-size:22px;line-height:1.25}.sheet h3{font-size:15px;margin:22px 0 6px}.sheet h4{font-size:14px;margin:12px 0 4px;color:var(--ink-2)}.sheet p{margin:0 0 10px}.sheet ul{margin:0 0 10px;padding-left:20px}.items{display:flex;flex-direction:column;gap:8px}.item{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.item h4:first-child{margin-top:0}.num{font-variant-numeric:tabular-nums;font-weight:600}.tabs{display:flex;gap:6px;margin:26px 0 4px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:8px 8px 0 0;background:transparent;border-bottom:2px solid transparent}.tabs button.on{border-bottom-color:var(--ink);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:13px;min-height:30px}.f-safety_considerations{background:color-mix(in srgb,var(--loss) 8%,transparent);border-radius:10px;padding:2px 12px 8px}.study{padding:18px 0}.study-head{display:flex;align-items:center;gap:10px}.study-head h3{margin:0;flex:1}.card{margin-top:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.q{font-size:18px;font-weight:600;line-height:1.45}.line{font-weight:700;color:var(--win)}.yt-search{display:inline-block;margin-top:4px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit}.yt-search:hover{border-color:currentColor}.choices{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.choices button{width:100%;text-align:left;white-space:normal;line-height:1.4;padding:10px 12px}.choices button:disabled{cursor:default;opacity:1}.choices .is-answer{border-color:var(--win);box-shadow:inset 3px 0 0 var(--win)}.choices .is-wrong{border-color:var(--loss);box-shadow:inset 3px 0 0 var(--loss)}.choices .is-dim{opacity:.55}.verdict{font-weight:700;margin:12px 0 0}.verdict.win{color:var(--win)}.verdict.loss{color:var(--loss)}.grades{display:flex;gap:8px;margin-top:14px}.grades button{flex:1}.grades .again{border-color:var(--loss)}.grades .easy{border-color:var(--win)}.foot{padding:8px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:var(--bg)}.foot a{color:var(--muted)}.about code{font-size:12.5px;word-break:break-word}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;z-index:95;box-shadow:var(--shadow)}@media (max-width: 760px){.top{padding:8px 12px;gap:8px}.search{order:3;flex-basis:100%;max-width:none}.controls{margin-left:auto;gap:6px}.controls button{padding:4px 10px;min-height:32px;font-size:13.5px}.stage{grid-template-columns:1fr;grid-template-rows:42vh 1fr}.panel{border-left:0;border-top:1px solid var(--line);padding:14px 16px 20px}.sheet{padding:0 16px 32px}.foot{font-size:11px}}:root{--bg-canvas: #090D16;--color-top: #F59E0B;--color-bottom: #38BDF8;--color-sub: #F43F5E;--hud-bg: rgba(15, 23, 42, .75);--hud-border: rgba(255, 255, 255, .1);--font-display: "Space Grotesk", "Inter", "Noto Sans TC", sans-serif;--font-num: "JetBrains Mono", monospace}.app.hud{--bg: var(--bg-canvas);--surface: #111827;--surface-2: #1e293b;--ink: #e2e8f0;--ink-2: #b6c2d1;--muted: #8494a7;--line: rgba(255, 255, 255, .12);--accent: var(--color-top);--accent-ink: #1b1406;--win: #34d399;--loss: var(--color-sub);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 32px rgba(0, 0, 0, .45);--font: "Inter", "Noto Sans TC", system-ui, sans-serif;color-scheme:dark}body{background:var(--bg-canvas)}.app.hud{display:block;width:100vw;height:100vh;height:100dvh;overflow:hidden;position:relative;background-color:var(--bg-canvas);background-image:radial-gradient(rgba(148,163,184,.14) 1px,transparent 1px);background-size:24px 24px;font-family:var(--font)}.hud .stage{position:absolute;inset:0;display:block}.hud .map{position:absolute;inset:0;background:none}.hud{--glass-bg: rgba(15, 23, 42, .78);--glass-blur: blur(16px) saturate(140%);--glass-edge: rgba(255, 255, 255, .08);--glass-lip: rgba(255, 255, 255, .2);--glass-shadow: 0 20px 40px -15px rgba(0, 0, 0, .7);--hud-ease: cubic-bezier(.22, 1, .36, 1)}.hud .top,.hud .panel,.hud .sheet{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);border-top-color:var(--glass-lip);box-shadow:var(--glass-shadow)}.hud .top{position:absolute;top:16px;left:16px;right:16px;z-index:20;border-radius:16px}.hud .panel{position:absolute;z-index:10;top:calc(var(--head-bottom, 76px) + 16px);right:16px;bottom:16px;width:min(400px,calc(100vw - 32px));border-radius:16px;animation:hud-in-r .3s var(--hud-ease)}.hud .panel-in{animation:hud-fade-up .3s var(--hud-ease);display:flex;flex-direction:column;gap:18px}.hud .foot{position:absolute;left:16px;bottom:10px;z-index:5;padding:0;border:0;background:none}.hud .search input,.hud .seg,.hud button{background:#ffffff0a;border-color:var(--hud-border)}.hud button.ghost,.hud .seg button,.hud button.link{background:transparent}.hud .seg button.on{background:#ffffff1f}.app.hud{--persp: var(--color-top)}.app.hud[data-persp=bottom]{--persp: var(--color-bottom)}.app.hud[data-persp=all]{--persp: #cbd5e1}.hud button.primary{background:var(--persp);border-color:var(--persp);color:#0b1220}.hud .persp{display:inline-flex;background:#ffffff0a;border:1px solid var(--hud-border);border-radius:999px;padding:3px}.hud .persp button{border:0;background:transparent;min-height:30px;padding:4px 14px;transition:background .3s var(--hud-ease),color .3s var(--hud-ease)}.hud .persp button.on{color:#0b1220;font-weight:600}.hud .persp .persp-top.on{background:var(--color-top)}.hud .persp .persp-bottom.on{background:var(--color-bottom)}.hud .persp .persp-all.on{background:#cbd5e1}.hud .side-top{--persp: var(--color-top)}.hud .side-bottom{--persp: var(--color-bottom)}.hud .side-title{margin:16px 0 2px;font:600 12px var(--font-num);letter-spacing:.08em;text-transform:uppercase;color:var(--persp)}.hud .move .move-main{border-left-color:var(--hud-border)}.hud .move.lead .move-main{border-left-color:var(--persp)}.hud .move.k-submission .move-main{border-left-color:var(--color-sub)}.hud .mhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hud .mkind{font:600 10px var(--font-num);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--hud-border);border-radius:999px;padding:1px 7px;white-space:nowrap}.hud .move.lead .mkind{color:var(--persp);border-color:color-mix(in srgb,var(--persp) 45%,transparent)}.hud .mstats{flex-wrap:wrap;gap:4px 14px;margin-top:4px}.hud .stat{display:inline-flex;align-items:center;gap:6px}.hud .stat-k{font-family:var(--font)}.hud .bar{width:56px;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.hud .bar i{display:block;height:100%;border-radius:999px;background:var(--persp)}.hud .bar.ok i{background:var(--win)}.hud .stat .num{font-family:var(--font-num);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right;color:var(--ink-2)}.hud .auto-btn.on{border-color:var(--persp);color:var(--persp)}.hud .trail-bar{flex-basis:100%;display:flex;align-items:center;gap:8px;border-top:1px solid var(--hud-border);padding-top:8px;min-width:0}.hud .trail-bar ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:thin}.hud .trail-bar li{display:flex;align-items:center;gap:6px;white-space:nowrap;animation:hud-fade-up .3s var(--hud-ease)}.hud .crumb{--tone: #94a3b8;font:600 12px var(--font-display);min-height:26px;padding:2px 11px;border-radius:999px;border:1px solid var(--tone);background:#0f172ae6;color:var(--ink)}.hud .crumb.t-top{--tone: var(--color-top)}.hud .crumb.t-bottom{--tone: var(--color-bottom)}.hud .crumb.t-sub{--tone: var(--color-sub)}.hud .crumb.on{background:var(--tone);color:#0b1220}.hud .crumb.finish{--tone: var(--color-sub);display:inline-flex;align-items:center;color:#fecdd3;box-shadow:0 0 10px #f43f5e66}.hud .trail-move{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--font-num);color:var(--muted)}.hud .trail-move .arrow{color:var(--persp)}.hud .trail-close{min-height:28px;padding:2px 10px}.hud .sheet-wrap{background:#090d1659}.hud .sheet{margin:16px;height:calc(100% - 32px);border-radius:16px;animation:hud-in-r .3s var(--hud-ease)}.hud .sheet header{background:#0f172af0}.hud .sheet-body{animation:hud-fade-up .3s var(--hud-ease)}@keyframes hud-fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes hud-in-r{0%{opacity:0;transform:translate(16px)}}@keyframes hud-in-up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion: reduce){.hud .panel,.hud .panel-in,.hud .sheet,.hud .sheet-body,.hud .trail-bar li{animation:none}}.hud .brand,.hud h2,.hud h3,.hud .mname,.hud .q{font-family:var(--font-display)}.hud .mstats,.hud .score,.hud .num,.hud .round-head b,.hud .deck>span:first-child,.hud .meter+span{font-family:var(--font-num);font-variant-numeric:tabular-nums}.hud .map{overflow:hidden;user-select:none;-webkit-user-select:none;--dof: cubic-bezier(.16, 1, .3, 1)}.map-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.map-layer.flow{will-change:transform}.map-layer .node{pointer-events:auto}.map .edge,.map .hit,.map .trail,.map rect{vector-effect:non-scaling-stroke}.map .edge{fill:none;stroke:#3b4a63;stroke-linecap:round}.map-layer.base{transition:opacity .4s var(--dof),filter .4s var(--dof)}.map.has-hover .map-layer.base{opacity:.45}.map.focused .map-layer.base{opacity:.18;filter:blur(1.5px) grayscale(50%)}.map .hit{fill:none;stroke:transparent;stroke-width:14px;visibility:hidden;pointer-events:stroke;cursor:pointer}.map.focused .map-layer.base .hit{pointer-events:none}.map .edge-lit{stroke:var(--color-top);stroke-opacity:.75}.map .edge-lit.by-bottom{stroke:var(--color-bottom)}.map .edge-lit.to-sub{stroke:var(--color-sub)}.map .edge-in{stroke:#94a3b8;stroke-opacity:.3}.map .edge-active{stroke-opacity:1;stroke-dasharray:8 6;animation:edge-flow .7s linear infinite}.map .edge-hover{stroke-width:3.5px!important}@keyframes edge-flow{to{stroke-dashoffset:-14}}.map .trail{fill:none;stroke:#f8fafc;stroke-width:3px;stroke-dasharray:2 5;stroke-linecap:round;opacity:.85}.map .node{cursor:pointer;--tone: #94a3b8}.map .node-body{transform-box:fill-box;transform-origin:center;transition:opacity .4s var(--dof),filter .4s var(--dof),transform .4s var(--dof)}.map .node.t-top{--tone: var(--color-top)}.map .node.t-bottom{--tone: var(--color-bottom)}.map .node.t-sub{--tone: var(--color-sub);filter:drop-shadow(0 0 8px rgba(244,63,94,.4))}.map .node .pill{fill:#0f172af0;stroke:var(--tone);stroke-width:1.5px}.map .node .halo{fill:none;stroke:var(--tone);stroke-width:5px;opacity:.18;transition:opacity .4s var(--dof)}.map .node .ring{fill:none;stroke:var(--color-sub);stroke-width:1px;opacity:.6}.map .node.t-sub .pill{fill:#3c0c18f0}.map .node .label{font:600 11px var(--font-display);fill:#e2e8f0;text-anchor:middle;pointer-events:none}.map .node.t-sub .label{fill:#fecdd3}.map .node.here .pill{stroke-width:2.5px;fill:#1e293b}.map .node.here .halo{opacity:.4;stroke-width:9px}.map .node.hover .halo,.map .node.target .halo,.map .node.near .halo{opacity:.32}.map .node.dim .pill{stroke-opacity:.35}.map .node.dim .halo,.map .node.dim .ring{opacity:0}.map .node.dim .label{fill-opacity:.45}.map .node.t-sub.dim{filter:none}.map .node.selected .node-body{transform:scale(1.12)}.map .node.selected .pill{stroke-width:2.5px}.map .node.selected .halo{opacity:.6;stroke-width:12px}.map .dimmed-nodes-layer{transition:opacity .4s var(--dof),filter .4s var(--dof)}.map .dimmed-nodes-layer.on{opacity:.18;filter:blur(1.5px) grayscale(50%)}.map-layer .node.is-dimmed{pointer-events:none;filter:none}.map .node.is-dimmed .node-body{transform:scale(.94)}.map.zoom-far .node .label{display:none}.map .edge-label{pointer-events:none}.map .edge-label rect{fill:#090d16e0;stroke:var(--color-top);stroke-opacity:.35;stroke-width:1px}.map .edge-label.by-bottom rect{stroke:var(--color-bottom)}.map .edge-label.to-sub rect{stroke:var(--color-sub)}.map .edge-label.step rect{stroke-opacity:.9;stroke-width:1.5px}.map .edge-label text{font:500 8.5px var(--font-num);fill:#f8fafc}.map .edge-label.to-sub text{fill:#fecdd3}.map.zoom-far .edge-label{display:none}@media (prefers-reduced-motion: reduce){.map .edge-active{animation:none}.map-layer.base,.map .node-body,.map .node .halo,.map .dimmed-nodes-layer{transition:none}}@media (max-width: 760px){.hud .top{top:8px;left:8px;right:8px}.hud .trail-bar{order:4}.hud .panel{inset:auto 8px 28px;width:auto;max-height:48vh;animation-name:hud-in-up}.hud .sheet-wrap{align-items:flex-end}.hud .sheet{width:100%;height:86vh;margin:0;border-radius:16px 16px 0 0;animation-name:hud-in-up}}.hud .drawer-toggle{display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px;padding:6px 14px 6px 12px;border-color:color-mix(in srgb,var(--persp) 40%,transparent);font-weight:600}.hud .drawer-toggle .tri{display:inline-block;font-size:10px;color:var(--persp);transition:transform .35s var(--hud-ease)}.hud .drawer-toggle.open .tri{transform:rotate(90deg)}.hud .drawer-toggle .count{font:600 11px var(--font-num);color:var(--muted);border:1px solid var(--hud-border);border-radius:999px;padding:0 7px}.hud .drawer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s var(--hud-ease),opacity .25s ease}.hud .drawer.open{grid-template-rows:1fr;opacity:1}.hud .drawer-inner{overflow:hidden;min-height:0}.hud .lite-yt{padding:2px 0 12px}.hud .yt-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.hud .yt-tab{min-height:28px;padding:2px 12px;font:600 12px var(--font-num)}.hud .yt-tab.on{background:var(--persp);border-color:var(--persp);color:#0b1220}.hud .lite-yt-card{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--glass-edge)}.hud .lite-yt-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hud .lite-yt-facade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#000;cursor:pointer;display:block}.hud .lite-yt-facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(60%) contrast(1.1) brightness(.75);transition:transform .3s var(--hud-ease),filter .3s ease}.hud .lite-yt-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,13,22,.9) 0%,rgba(9,13,22,.2) 50%,transparent 100%)}.hud .lite-yt-title{position:absolute;left:14px;right:14px;bottom:12px;text-align:left;font:600 14px/1.35 var(--font-display);color:#f8fafc;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hud .lite-yt-play{position:absolute;left:50%;top:46%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:999px;display:grid;place-items:center;color:#f8fafc;padding-left:3px;background:#0f172abf;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s var(--hud-ease),box-shadow .3s var(--hud-ease),border-color .3s var(--hud-ease),color .3s var(--hud-ease)}.hud .lite-yt-facade:hover .lite-yt-play,.hud .lite-yt-facade:focus-visible .lite-yt-play{transform:scale(1.08);border-color:var(--persp);color:var(--persp);box-shadow:0 0 0 1px color-mix(in srgb,var(--persp) 50%,transparent),0 0 18px color-mix(in srgb,var(--persp) 45%,transparent)}.hud .lite-yt-card:hover img,.hud .lite-yt-facade:focus-visible img{transform:scale(1.03);filter:grayscale(15%) brightness(.9)}@media (prefers-reduced-motion: reduce){.hud .drawer,.hud .drawer-toggle .tri,.hud .lite-yt-facade img,.hud .lite-yt-play{transition:none}}.hud .nav-btn.on{border-color:var(--persp);color:var(--persp)}.hud .nav-bar{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border-top:1px solid var(--hud-border);padding-top:8px;animation:hud-fade-up .3s var(--hud-ease)}.hud .nav-ends{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hud .nav-field{display:inline-flex;align-items:center;gap:6px}.hud .nav-k{font:600 11px var(--font-num);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hud .nav-field select{font:500 13px var(--font);color:var(--ink);background:#ffffff0a;border:1px solid var(--hud-border);border-radius:999px;padding:5px 10px;max-width:220px;color-scheme:dark}.hud .nav-arrow{color:var(--persp)}.hud .mini-seg{display:inline-flex;background:#ffffff0a;border:1px solid var(--hud-border);border-radius:999px;padding:2px}.hud .mini-seg button{border:0;background:transparent;min-height:26px;padding:2px 9px;font-size:12px}.hud .mini-seg button.on{background:#ffffff24;font-weight:600}.hud .nav-routes{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.hud .route-tab{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:3px 12px;font-weight:600;font-size:13px}.hud .route-tab .num{font:500 11px var(--font-num);font-variant-numeric:tabular-nums;color:var(--muted)}.hud .route-tab.on{border-color:var(--persp);background:color-mix(in srgb,var(--persp) 16%,transparent)}.hud .route-tab.on .num{color:var(--ink-2)}.hud .trail-move.link-move{background:none;border:0;min-height:0;padding:0;cursor:pointer}.hud .trail-move.link-move:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.map.pathing .map-layer .node.is-dimmed{pointer-events:auto;cursor:crosshair}.hud{--star: #FBBF24}.hud .plan-btn.on{border-color:var(--star);color:var(--star)}.hud .plan-btn .num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.hud .star{border:0;background:transparent;min-height:0;min-width:32px;padding:0 4px;border-radius:8px;font-size:17px;line-height:1;color:var(--muted);cursor:pointer;transition:color .2s ease,transform .2s var(--hud-ease)}.hud .star:hover{color:var(--star);transform:scale(1.12)}.hud .star.on{color:var(--star);text-shadow:0 0 10px color-mix(in srgb,var(--star) 55%,transparent)}.hud .move.starred .move-main{background:color-mix(in srgb,var(--star) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--star) 28%,transparent)}.hud .sheet header .star{font-size:22px}.hud .plan-bar{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border-top:1px solid var(--hud-border);padding-top:8px;animation:hud-fade-up .3s var(--hud-ease)}.hud .plan-sum{display:inline-flex;align-items:baseline;gap:5px;font-size:13px}.hud .plan-sum .num{font:600 15px var(--font-num);font-variant-numeric:tabular-nums;color:var(--star)}.hud .plan-sum .num+.muted{margin-right:8px}.hud .plan-gaps{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.hud .gap{min-height:28px;padding:3px 11px;font-size:12px;border-radius:999px;text-align:left}.hud .gap b{font-weight:600;color:var(--ink)}.hud .gap-dead{border:1px dashed var(--star);background:color-mix(in srgb,var(--star) 9%,transparent);color:var(--ink-2)}.hud .gap-counter{border:1px dashed var(--color-bottom);background:color-mix(in srgb,var(--color-bottom) 9%,transparent);color:var(--ink-2)}.hud .plan-acts{display:inline-flex;gap:6px;margin-left:auto}.hud .plan-acts button{min-height:30px;padding:3px 12px;font-size:13px}.map .node .warn-ring{fill:none;stroke:var(--star, #FBBF24);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.map .node .warn-badge{fill:var(--star, #FBBF24);font-weight:700;font-size:13px;text-anchor:middle;paint-order:stroke;stroke:#090d16;stroke-width:3px}.hud .gap-more{border:1px dashed var(--hud-border);background:transparent;color:var(--muted);font-family:var(--font-num)}@media (max-width: 768px){.hud .top{padding:6px 8px;gap:6px;flex-wrap:wrap}.hud .brand span{display:none}.hud .controls{flex:1 1 0;min-width:0;margin-left:0;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hud .controls::-webkit-scrollbar{display:none}.hud .controls>*{flex:none}.hud .controls button{padding:3px 9px;min-height:30px;font-size:12.5px;white-space:nowrap}.hud .controls .seg button{padding:3px 8px}.hud .top.sub-open .search{display:none}.hud .plan-bar,.hud .nav-bar{max-height:min(24vh,140px);overflow-y:auto;overscroll-behavior:contain;padding-top:6px;gap:6px 10px}.hud .nav-bar:has(+.trail-bar){max-height:96px}.hud .nav-ends{width:100%;gap:6px}.hud .nav-field{flex:1 1 100%;min-width:0}.hud .nav-k{flex:none;white-space:nowrap}.hud .nav-field select{flex:1 1 0;min-width:0;max-width:none}.hud .nav-arrow{display:none}.hud .trail-bar{padding-top:6px}.hud .plan-acts{margin-left:0}}