:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#141a22e0;--panel-solid:#141a22;--panel-2:#242e3ce6;--fg:#f2f5f8;--fg-muted:#9aa7b5;--line:#ffffff17;--accent:#e8b84a;--accent-fg:#1a1200;--tap:46px;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.4}button{font:inherit;color:inherit}h2,h3,p{margin:0}.hud{pointer-events:none;z-index:2;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-top{top:max(12px, env(safe-area-inset-top));position:absolute;left:50%;transform:translate(-50%)}.segment{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.segment button{cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:38px;padding:0 18px;font-weight:600}.segment button[aria-selected=true]{background:var(--panel-2);color:#fff}.hud-right{right:max(12px, env(safe-area-inset-right));flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud-gap{height:6px}.hud-btn{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;transition:transform 80ms,background .12s;display:inline-flex}.hud-btn:active{transform:scale(.96)}.hud-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.hud-btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:700}.hud-btn.icon{width:var(--tap);padding:0;font-size:18px}.hud-title{left:max(14px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;padding:8px 14px;font-size:16px;position:absolute}.hud-prompt{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 16px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.hud-prompt.skate{color:var(--fg-muted);padding:10px 16px}.hud-bottom{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:end;gap:10px;width:min(760px,100vw - 24px);margin:0 auto;display:grid;position:absolute}.hud-btn.playbook{height:var(--tap)}.transport{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex;overflow:hidden}.transport-notes{flex-direction:column;gap:2px;min-width:0;padding:0 4px 2px;display:flex}.transport-notes .step{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.transport-notes p{color:var(--fg);max-height:3em;font-size:14px;line-height:1.45;overflow:hidden}.panel-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05080c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.panel{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:min(560px,100%);max-height:min(80vh,720px);display:flex;overflow:hidden}.panel-head{padding:18px 20px 10px}.panel-head h2{font-size:20px}.panel-head p{color:var(--fg-muted);font-size:14px}.panel-body{flex-direction:column;gap:14px;padding:0 12px 12px;display:flex;overflow-y:auto}.panel-body h3{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding:8px 8px 6px;font-size:12px;font-weight:800}.panel-foot{border-top:1px solid var(--line);justify-content:flex-end;padding:12px;display:flex}.panel-empty{text-align:center;color:var(--fg-muted);padding:30px}.hud-prompt.skate.good{color:#bff2c6;border-color:#5ad36a}.hud-prompt.skate.off{border-color:var(--accent);color:#ffe6a8}.panel.summary .panel-head h2{letter-spacing:-.02em;font-size:40px}.panel.summary .muted{color:var(--fg-muted);font-size:14px;font-weight:500}.step-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 12px;padding:10px 8px;display:grid}.step-row .name{font-weight:700}.step-row .grade{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.step-row .grade.good{color:#5ad36a}.step-row .grade.ok{color:var(--accent)}.step-row .grade.off{color:#ff8a8a}.step-row .muted{grid-column:1/-1}.panel-foot{gap:8px}.tools{left:max(12px, env(safe-area-inset-left));flex-direction:column;gap:10px;max-width:170px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.tool-group{flex-direction:column;gap:6px;display:flex}.tools .hud-btn{justify-content:flex-start;min-height:42px}.hud-btn.danger{color:#ff9c9c}.tool-hint{color:var(--fg-muted);padding:4px 6px;font-size:13px;line-height:1.35}.hud-title{border:1px solid var(--line);cursor:pointer;text-align:left;overflow:hidden}.hud-title .muted{color:var(--fg-muted);font-weight:500}.hud-title .chev{color:var(--fg-muted);margin-left:8px;font-size:13px}.hud-title,.m-title{position:relative}.export-bar{background:var(--accent);height:3px;transition:width .2s;position:absolute;bottom:0;left:0}.hud-title{position:absolute}.transport-notes.editable{cursor:text}.transport-notes.editing{gap:6px}.field{width:100%;font:inherit;color:var(--fg);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;min-height:40px;padding:9px 11px}.field:focus{outline:2px solid var(--accent);outline-offset:0}.field:disabled{opacity:.7}textarea.field{resize:vertical}.transport-notes .row{justify-content:flex-end;display:flex}.panel-body.form{gap:12px;padding:4px 20px 16px}.panel-body.form label,.panel-body.form .label{color:var(--fg-muted);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.panel-body .keys{color:var(--fg);flex-direction:column;gap:6px;margin:6px 0 0;padding-left:18px;font-weight:400;display:flex}.segment.small button{min-height:34px;padding:0 14px}.hud-btn.wide{width:100%;margin:6px 0 4px}.hud-btn.small{min-height:36px;padding:0 12px;font-size:14px}.book{border:1px solid var(--line);border-radius:12px;overflow:hidden}.book-row{width:100%}.book-body{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:6px 8px 10px;display:flex}.row.wrap{flex-wrap:wrap;gap:6px;padding:4px 4px 8px;display:flex}.webcam{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:8px;max-width:260px;display:flex;position:absolute}.webcam-row{gap:6px;display:flex}.webcam-view{border:1px solid var(--line);background:#000;border-radius:12px;width:240px;height:180px}.hud.m{--m-h:40px;font-size:14px}.m-bar{padding:6px max(8px, env(safe-area-inset-right)) 6px max(8px, env(safe-area-inset-left));pointer-events:auto;background:linear-gradient(#0b0f14eb,#0b0f1499);align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}.m-bar.top{padding-top:max(6px, env(safe-area-inset-top));top:0}.m-bar.bottom{padding-bottom:max(6px, env(safe-area-inset-bottom));background:linear-gradient(#0b0f1499,#0b0f14eb);bottom:0}.m-spacer{flex:1}.m-btn{height:var(--m-h);min-width:var(--m-h);border:1px solid var(--line);font:inherit;color:var(--fg);cursor:pointer;white-space:nowrap;background:#1c2430d9;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.m-btn:active{transform:scale(.96)}.m-btn:disabled{opacity:.4}.m-btn[aria-pressed=true],.m-btn[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.m-btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:700}.m-btn.danger{color:#ff9c9c}.m-btn.wide{width:100%}.m-btn.step{font-variant-numeric:tabular-nums}.m-title{height:var(--m-h);border:1px solid var(--line);min-width:44px;max-width:34vw;color:var(--fg);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#1c2430d9;border-radius:10px;flex:0 auto;padding:0 10px;font-weight:700;overflow:hidden}.m-seg{background:#1c2430d9;flex:none;gap:2px;padding:3px}.m-seg button{min-height:32px;padding:0 9px;font-size:13px}.m-spacer{min-width:0}.m-prompt{top:calc(var(--m-h) + 16px);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;max-width:calc(100vw - 16px);padding:6px 8px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.m-prompt>span{padding:0 6px;font-weight:700}.m-skate{top:calc(var(--m-h) + 14px);max-width:calc(100vw - 16px);position:absolute;left:50%;transform:translate(-50%)}.m-skate .hud-prompt{white-space:normal;text-align:center;padding:6px 12px;font-size:13px;position:static;transform:none}.m-sheet{left:8px;right:8px;bottom:calc(var(--m-h) + 20px + env(safe-area-inset-bottom));background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;gap:6px;padding:8px;display:flex;position:absolute}.m-sheet.strip{scrollbar-width:none;align-items:center;overflow-x:auto}.m-div{background:var(--line);flex:none;align-self:stretch;width:1px;margin:0 2px}.m-hint{color:var(--accent);white-space:nowrap;padding:0 6px;font-weight:600}.m-sheet.step{flex-direction:column;max-height:45vh;overflow-y:auto}.m-sheet.step .transport-notes p{max-height:none;font-size:14px}.panel-head{position:relative}.panel-x{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;width:36px;height:36px;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.hud.m .panel-backdrop{justify-content:stretch;align-items:stretch;padding:0}.hud.m .panel{border:none;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.hud.m .panel-head{padding:max(8px, env(safe-area-inset-top)) 56px 6px max(12px, env(safe-area-inset-left))}.hud.m .panel-head h2{font-size:17px}.hud.m .panel-head p{display:none}.hud.m .panel-x{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}.hud.m .panel-body{padding:0 max(8px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));gap:8px}.hud.m .panel-body h3{padding:8px 6px 2px;font-size:11px}.hud.m .hud.m .hud-btn.wide{min-height:40px;margin:4px 0 2px}.hud.m .play-row .hud-btn.small{margin-right:6px}.hud.m .hud-btn.small{min-height:34px;font-size:13px}.hud.m .panel-foot.closer{display:none}.hud.m .panel-foot{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.hud.m .panel.summary .panel-head h2{font-size:30px}.hud.m .panel.summary .panel-head p{display:block}.hud.m .panel-body.form{gap:8px;padding:4px 12px 12px}.hud.m .field{min-height:36px;padding:7px 10px;font-size:14px}.hud.m .step-row{padding:8px 6px}.hud.m .segment.small button{min-height:30px;padding:0 12px;font-size:13px}.webcam.compact{top:calc(var(--m-h) + 14px);gap:6px;max-width:170px;right:8px}.webcam.compact .webcam-view{width:160px;height:120px}.webcam.compact .tool-hint{font-size:12px}.login-backdrop{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080c8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.login{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;width:min(360px,100%);padding:22px;display:flex}.login h1{margin:0;font-size:22px}.login .muted{color:var(--fg-muted);font-size:14px}.login label{color:var(--fg-muted);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.login .field{min-height:44px;font-size:16px}.login-error{color:#ff9c9c;font-size:14px}.touch-layer{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:60px 0}.hud.m .touch-layer{top:calc(var(--m-h) + 14px);bottom:calc(var(--m-h) + 14px + env(safe-area-inset-bottom))}.touch-layer{z-index:4}.dpad{left:max(14px, env(safe-area-inset-left));grid-template-columns:repeat(3, var(--cell,54px));grid-template-rows:repeat(3, var(--cell,54px));touch-action:none;gap:2px;display:grid;position:absolute;bottom:14px}.dcell{color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141a228c;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.dcell.mid,.dcell:not(.up):not(.down):not(.left):not(.right):not(.ul):not(.ur){background:0 0;border-color:#0000}.dcell.ul,.dcell.ur{opacity:0;font-size:14px;transition:opacity .12s}.dcell.ul.show,.dcell.ur.show{opacity:.8}.dcell.on{color:#1a1200;opacity:1;background:#e8b84ab3;border-color:#0000}.stop-btn{right:max(18px, env(safe-area-inset-right));touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;touch-action:none;background:#141a228c;border:1px solid #ffffff29;border-radius:50%;width:64px;height:64px;font-size:20px;position:absolute;bottom:22px}.stop-btn.on{color:#1a1200;background:#e8b84ab3}.m-skate{flex-direction:column;align-items:center;gap:6px;display:flex}.gyro{flex-direction:column;align-items:center;gap:4px;display:flex}.hud-gyro{position:absolute;top:126px;left:50%;transform:translate(-50%)}.ib{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:42px;height:42px;color:var(--fg);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:transform 80ms,background .12s;display:inline-flex;position:relative}.ib:active{transform:scale(.94)}.ib:disabled{opacity:.4;cursor:default}.ib[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e8b84a1f}.ib.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.ib.danger{color:#ff9c9c}.ib.quiet{color:var(--fg-muted);background:#141a2280;border-color:#0000}.ib.quiet:hover{color:var(--fg)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:20;color:#f2f5f8;border:1px solid var(--line);white-space:nowrap;pointer-events:none;opacity:0;background:#0b0f14;border-radius:8px;max-width:260px;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.3;transition:opacity .12s .25s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}[data-tip-side=top]:after{top:auto;bottom:calc(100% + 6px);transform:translate(-50%,-4px)}[data-tip-side=left]:after{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}[data-tip-side=right]:after{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@media (hover:hover){[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}}[data-tip]:focus-visible:after{opacity:1}.hud-corner{align-items:center;gap:8px;display:flex;position:absolute}.hud-corner.tr{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top))}.hud-left{left:max(12px, env(safe-area-inset-left));position:absolute;top:50%;transform:translateY(-50%)}.strip{flex-direction:column;gap:10px;display:flex}.strip-group{border:1px solid var(--line);background:#141a228c;border-radius:14px;flex-direction:column;gap:6px;padding:6px;display:flex}.strip-group .ib{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.strip-group .ib[aria-pressed=true]{background:#e8b84a24;border-color:#0000}.hud-bottom-left{align-items:flex-end;display:flex}.undo-redo{background:#141a2280;border-radius:12px;gap:4px;padding:4px;display:flex}.undo-redo .ib{width:36px;height:36px}.hud-bottom{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;width:min(920px,100vw - 24px);display:grid}.sel-pill{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-weight:600;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.hud.m .sel-pill{top:calc(var(--m-h) + 14px);padding:4px 4px 4px 10px;font-size:13px}.hud.m .sel-pill .ib{width:36px;height:36px}.hud.m .hud-top,.hud.m .hud-corner{display:none}.m-left{left:max(8px, env(safe-area-inset-left));position:absolute;top:50%;transform:translateY(-50%)}.strip.compact .strip-group{gap:4px;padding:4px}.strip.compact .ib{width:38px;height:38px}.m-undo{left:max(8px, env(safe-area-inset-left));bottom:calc(var(--m-h) + 18px + env(safe-area-inset-bottom));position:absolute}.m-bar .ib{width:var(--m-h);height:var(--m-h);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px}.m-bar .m-btn.step{min-width:52px}.ctx-backdrop{z-index:30;position:fixed;inset:0}.ctx{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;min-width:220px;padding:6px;position:absolute;box-shadow:0 12px 40px #00000073}.ctx.sheet{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));min-width:0}.ctx-title{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding:8px 10px 6px;font-size:12px;font-weight:800}.ctx-item{width:100%;min-height:44px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.ctx-item:hover,.ctx-item:focus-visible{background:var(--panel-2)}.ctx-item.danger{color:#ff9c9c}.ctx-item:disabled{opacity:.4}.panel.help-sheet{max-width:460px}.help-list{flex-direction:column;gap:10px;margin:0;padding:4px 8px 12px;display:flex}.help-list>div{grid-template-columns:110px 1fr;gap:10px;font-size:14px;line-height:1.4;display:grid}.help-list dt{font-weight:700}.help-list dd{color:var(--fg-muted);margin:0}.play-thumb{background:#0f141a;border-radius:6px;flex:none;padding:3px}button.play-row.thumbed{flex-direction:row;align-items:center;gap:10px}.hud.m .play-thumb{width:92px;height:auto}.ctx-sliders{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.ctx-slider{grid-template-columns:56px 1fr 32px;align-items:center;gap:10px;font-size:13.5px;display:grid}.ctx-slider input[type=range]{width:100%;min-width:120px;accent-color:var(--accent)}.ctx-slider .val{color:var(--fg-muted);font-variant-numeric:tabular-nums;text-align:right}.touch-layer.arranging .dpad,.touch-layer.arranging .stop-btn{outline:2px dashed var(--accent);outline-offset:6px;animation:1.2s ease-in-out infinite wiggle}.touch-layer.arranging .dcell{background:#e8b84a38;border-color:#e8b84a80}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.arrange-hint{background:var(--panel);border:1px solid var(--accent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;font-weight:600;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.arrange-hint span{text-overflow:ellipsis;overflow:hidden}.skate-tools{align-items:center;gap:8px;display:flex}.m-skate,.hud-gyro{z-index:6}.hud-gyro{pointer-events:auto}.panel.playbook .panel-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 12px 10px;display:flex}.panel.playbook .segment.tabs{flex:1;min-width:0}.panel.playbook .segment.tabs button{white-space:nowrap;flex:1;padding:0 8px}.panel.playbook .panel-x{flex:none;position:static}.panel.playbook .panel-body{gap:18px;padding:10px 12px 14px}.panel.playbook .panel-body h3{padding:0 10px 6px}.panel.playbook section{flex-direction:column;gap:2px;display:flex}.panel.playbook .play-row{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:8px 10px;display:flex}.panel.playbook .play-row:hover,.panel.playbook .play-row:focus-visible{background:var(--panel-2)}.panel.playbook .play-row.on{border-color:var(--accent);background:#e8b84a14}.panel.playbook .play-row .text{flex-direction:column;gap:2px;min-width:0;display:flex}.panel.playbook .play-row .name{font-size:15px;font-weight:700}.panel.playbook .play-row .sum{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.panel.playbook .play-row.new{border:1px dashed var(--line);margin-top:4px}.panel.playbook .play-row.new:hover{border-style:solid}.panel.playbook .play-row.new .plus{background:var(--panel-2);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-size:22px;font-weight:600;display:grid}.panel.playbook .play-row:disabled{opacity:.6;cursor:default}.panel.playbook .panel-body.form{gap:12px;padding:12px 16px 16px}.form-note{color:var(--fg-muted);font-size:13.5px;line-height:1.4}.form-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:8px;display:flex}.form-actions .danger{margin-left:auto}.panel.playbook .panel-foot.account{align-items:center;gap:10px;padding:10px 12px}.panel-foot .who{color:var(--fg-muted);font-size:13px}.panel-foot .grow{flex:1}.hud-btn.quiet{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.hud.m .panel.playbook .panel-head{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left))}.hud.m .panel.playbook .panel-foot .closer-btn{display:none}.hud.m .panel.playbook .panel-body.form{padding:10px 12px 12px}.transport-row{align-items:center;gap:6px;min-width:0;display:flex}.transport-row .ib.quiet,.hud-btn.speed.quiet{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.hud-btn.speed{font-variant-numeric:tabular-nums;min-width:44px;padding:0 8px}.step-head{align-items:center;gap:8px;min-height:24px;display:flex}.step-tools{gap:2px;display:inline-flex}.step-tools .ib{width:30px;height:30px;min-height:0}.steps-bar{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;gap:3px;min-width:0;height:40px;margin:0 6px;display:flex}.steps-bar .seg{min-width:26px;color:var(--fg-muted);font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff12;border:1px solid #0000;border-radius:9px;flex:1 1 0;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden}.steps-bar .seg .n{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:relative}.steps-bar .seg .name{text-overflow:ellipsis;min-width:0;font-weight:600;position:relative;overflow:hidden}.steps-bar .seg .fill{pointer-events:none;background:#e8b84a47;position:absolute;top:0;bottom:0;left:0}.steps-bar .seg:hover{background:#ffffff1f}.steps-bar .seg[aria-current]{color:var(--fg);border-color:var(--accent)}.steps-bar .seg[aria-current] .n{background:var(--accent);color:var(--accent-fg)}.steps-bar .seg.done .fill{background:#e8b84a2e}.steps-bar.compact{gap:2px;height:34px;margin:0 2px}.steps-bar.compact .seg{border-radius:8px;justify-content:center;min-width:22px;padding:0}.steps-bar.compact .seg .n{width:20px;height:20px}.m-step-row{align-items:center;gap:6px;padding:2px 2px 6px;display:flex}.m-step-row .grow{flex:1}.m-sheet.step .transport-notes p{max-height:none}.key-list{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.key-note{color:var(--fg-muted);margin:-4px 0 10px;font-size:13px}.key-list h3{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:8px;font-size:12px;font-weight:800}.key-list ul{flex-direction:column;gap:7px;list-style:none;display:flex}.key-list li{align-items:center;gap:12px;display:flex}.key-list .txt{flex-direction:column;min-width:0;display:flex}.key-list .k{font-size:13.5px;font-weight:700}.key-list .d{color:var(--fg-muted);font-size:12px}.key-list .sw{flex:none;justify-content:center;align-items:center;width:44px;height:22px;display:flex;position:relative}.key-list .sw.route:before,.key-list .sw.pass:before,.key-list .sw.shot:before,.key-list .sw.stop:before{content:"";border-top:3px solid;width:100%}.key-list .sw.home{color:#e03030}.key-list .sw.away{color:#3d6cff}.key-list .sw.backward:before{border-top-style:dashed;border-top-width:2px}.key-list .sw.pass:before{background:repeating-linear-gradient(90deg,currentColor 0 8px,#0000 8px 13px);border-top:0;height:3px}.key-list .sw.shot:before{border-top-width:6px}.key-list .sw.stop:after{content:"";background:currentColor;border-radius:2px;width:4px;position:absolute;top:3px;bottom:3px;right:6px}.key-list .sw.ring:before{content:"";border:3px solid;border-radius:50%;width:20px;height:20px}.key-list .sw.carrier{color:#ff2a2a}.key-list .sw.target{color:#fff}.key-list .sw.named{color:#e8b84a}.key-list .sw.disc:before{content:"";background:#ff3c3c59;border-radius:50%;width:22px;height:22px}.key-list .sw.label{flex-direction:column;gap:1px;line-height:1}.key-list .sw.label b{font-size:11px;font-weight:900}.key-list .sw.label i{color:var(--accent);font-size:9px;font-style:normal;font-weight:800}.line-hint{z-index:8;background:var(--panel-solid);border:1px solid var(--line);color:var(--fg);white-space:nowrap;pointer-events:none;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:600;position:fixed}.coach-wait{color:var(--fg-muted);font-size:12px;animation:1.2s ease-in-out infinite alternate coach-wait}@keyframes coach-wait{0%{opacity:.45}to{opacity:1}}.route-tag{transform-origin:50%;font:600 11px/1.2 var(--font);letter-spacing:.01em;white-space:nowrap;text-shadow:0 0 2px #fffffff2,0 0 5px #fffc;transition:opacity .25s}