:root{--font-ui:"TwelveUi", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-hud:"TwelveHud", "Barlow Condensed", "Arial Narrow", "Oswald", Arial, sans-serif;--ink:#f7f1e3;--muted:#c9c0ad;--dim:#968d7b;--gold:#ffd166;--gold-bright:#ffe6a8;--gold-deep:#e8b348;--gold-soft:#ffd16629;--cream:#f2ecdc;--charcoal:#11161a;--danger:#ff7a6b;--danger-deep:#7d2b23;--silver:#d6cfbf;--ok:#9ad17a;--panel:linear-gradient(180deg, #1a1f20f0, #0d1112f5);--line:#ffd16638;--line-soft:#ffffff14;--shadow:0 1.6rem 4.5rem #0000008c;--radius:1.1rem;--ui-scale:1}html{font-size:calc(16px * var(--ui-scale,1))}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-ui);background:#0b0f11;margin:0;padding:0;overflow:hidden}#game-root,#game-root canvas{width:100%;height:100%;position:fixed;inset:0}#game-root canvas{object-fit:contain;display:block}#ui-root{z-index:100;pointer-events:none;font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}#ui-root [hidden]{display:none!important}.screen{pointer-events:auto;justify-content:center;align-items:center;padding:clamp(.8rem,3vh,2.4rem) clamp(.8rem,3vw,2.4rem);display:flex;position:absolute;inset:0;overflow:hidden}.screen:before{content:"";pointer-events:none;background:radial-gradient(120% 95% at 50% 42%,#080b0c6b,#06090ae6);position:absolute;inset:0}.screen>*{z-index:1;position:relative}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}#ui-root :is(button,input,[tabindex]):focus-visible,#ui-root :is(button,input,[tabindex]).nav-focus{outline:2px solid var(--gold);outline-offset:3px;border-radius:.55rem}html.reduced-motion #ui-root *,html.reduced-motion #ui-root :before,html.reduced-motion #ui-root :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){#ui-root *,#ui-root :before,#ui-root :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{appearance:none;border:1px solid var(--line-soft);min-height:2.6rem;color:var(--ink);font:600 .98rem/1.1 var(--font-ui);letter-spacing:.01em;cursor:pointer;text-align:center;background:#ffffff0b;border-radius:.7rem;justify-content:center;align-items:center;gap:.6em;padding:.72em 1.15em;transition:background .15s,border-color .15s,transform .1s,color .15s;display:inline-flex}.btn:hover{border-color:var(--line);background:#ffd16621}.btn:active{transform:translateY(1px)}.btn-primary{color:#221a06;background:linear-gradient(#ffe08a 0%,#f3ba3f 100%);border-color:#ffe4a0;box-shadow:0 .35rem 1.1rem #ffba3f47}.btn-primary:hover{background:linear-gradient(#ffe9a6 0%,#f7c554 100%);border-color:#fff0c4}.btn-danger{color:#ffd0c9;background:#ff7a6b1a;border-color:#ff7a6b73}.btn-danger:hover{border-color:var(--danger);background:#ff7a6b33}.btn-small{min-height:1.9rem;padding:.35em .75em;font-size:.82rem}.btn .icon{opacity:.9;flex:none;width:1.15em;height:1.15em}.btn .icon-after{opacity:.45;margin-left:auto;transition:opacity .15s,transform .15s}.btn:hover .icon-after,.btn:focus-visible .icon-after,.btn.nav-focus .icon-after{opacity:1;transform:translate(.12em)}.btn-primary .icon-after{opacity:.6}.icon{vertical-align:middle;display:inline-block}.panel{background:radial-gradient(120% 90% at 12% 0%, #ffd16612, transparent 55%), var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(34rem,92vw);max-height:min(92vh,58rem);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;display:flex;overflow:hidden}.panel-sm{width:min(27rem,92vw)}.panel-lg{width:min(46rem,94vw)}.panel-xl{width:min(58rem,96vw)}.panel-head{border-bottom:1px solid var(--line-soft);flex:none;padding:1.15rem 1.5rem .6rem}.panel-kicker{font:600 .7rem/1.3 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.3rem;display:block}.panel-title-row{align-items:center;gap:1rem;display:flex}.panel-title{font:700 1.9rem/1.05 var(--font-hud);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);flex:auto;margin:0}.panel-close{border:1px solid var(--line-soft);width:2.4rem;min-height:2.4rem;color:var(--muted);background:0 0;border-radius:999px;flex:none;padding:0}.panel-close .icon{width:1.1rem;height:1.1rem}.panel-subtitle{font:400 .9rem/1.45 var(--font-ui);color:var(--muted);margin:.35rem 0 0}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffd16659 transparent;flex:auto;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto}.panel-body::-webkit-scrollbar{width:.5rem}.panel-body::-webkit-scrollbar-thumb{background:#ffd1664d;border-radius:999px}.panel-foot{border-top:1px solid var(--line-soft);background:#0000001f;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.6rem;padding:.9rem 1.5rem 1.1rem;display:flex}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;width:100%;display:flex}.screen-title{justify-content:flex-start;align-items:stretch;padding:0}.screen-title:before{background:linear-gradient(100deg,#070a0bf2 0%,#070a0be0 26%,#070a0b80 48%,#070a0b1a 66%,#0000 78%)}.title-aside{scrollbar-width:none;flex-direction:column;justify-content:center;gap:1.1rem;width:min(28rem,40vw);min-width:19rem;max-height:100vh;padding:clamp(1rem,4vh,2.6rem) clamp(1rem,3vw,2.4rem);display:flex;overflow-y:auto}.title-aside::-webkit-scrollbar{display:none}.logo{align-items:center;gap:.9rem;display:flex}.logo-mark-wrap{filter:drop-shadow(0 .35rem 1rem #00000080);flex:none;width:clamp(3.4rem,6vw,4.6rem);height:clamp(3.4rem,6vw,4.6rem)}.logo-mark{width:100%;height:100%;display:block}.logo-type{min-width:0}.logo-kicker{font:600 .68rem/1.2 var(--font-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.2rem;display:block}.logo-title{font:700 clamp(2.2rem, 4.4vw, 3.4rem) / .94 var(--font-hud);letter-spacing:.03em;text-transform:uppercase;color:var(--cream);text-shadow:0 .25rem 1.4rem #000000a6;margin:0}.title-tagline{font:500 1rem/1.5 var(--font-ui);color:var(--gold-bright);max-width:22rem;margin:0}.title-best{border-left:3px solid var(--gold);background:linear-gradient(90deg,#ffd16621,#ffd16605);border-radius:0 .6rem .6rem 0;gap:.15rem;padding:.8rem 1rem;display:grid}.title-best-label{font:600 .68rem/1.2 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.title-best-value{font:700 1.9rem/1 var(--font-hud);letter-spacing:.03em;color:var(--gold)}.title-best-detail{font:400 .8rem/1.3 var(--font-ui);color:var(--dim)}.title-best-empty{font:500 .95rem/1.4 var(--font-ui);color:var(--cream);margin:0}.title-first-run{font:400 .85rem/1.4 var(--font-ui);color:var(--muted);margin:0}.title-menu{flex-direction:column;gap:.45rem;margin-top:.2rem;display:flex}.btn-menu{font:600 1.02rem/1.1 var(--font-ui);background:#ffffff09;border-radius:.6rem;justify-content:flex-start;padding:.72em .95em}.btn-menu .icon:first-child{width:1.2em;height:1.2em;color:var(--gold-deep)}.btn-menu .icon-after{margin-left:auto}.btn-ride{font:700 1.28rem/1 var(--font-hud);letter-spacing:.08em;text-transform:uppercase;padding:.95em 1.1em}.btn-ride .icon:first-child{color:#221a06}.press-any-key{font:600 .74rem/1.2 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.55rem;margin:.4rem 0 0;animation:2.4s ease-in-out infinite hint-pulse;display:flex}.press-any-key:before{content:"";background:var(--gold);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 .8rem #ffd166cc}html.has-input .press-any-key{opacity:0;visibility:hidden;animation:none}@keyframes hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.title-footer{font:400 .7rem/1.4 var(--font-ui);color:var(--dim);letter-spacing:.06em;flex-wrap:wrap;gap:.9rem;display:flex}.title-scene-space{pointer-events:none;flex:auto;min-width:2rem}.section-title{font:700 .78rem/1.2 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .6rem}.badge{font:700 .74rem/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--gold-bright);background:var(--gold-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:.28em .65em;display:inline-flex}.badge-new-best{color:#221a06;background:linear-gradient(#ffe08a,#f3ba3f);border-color:#ffe4a0}.badge-place{color:var(--cream);background:#ffffff12}.badge-tuned{color:#221a06;background:var(--gold);border-color:var(--gold-bright)}.badge-older{color:var(--muted);border-color:var(--line-soft);background:#ffffff0d;font-size:.62rem}.badge-neutral{color:var(--muted);border-color:var(--line-soft);background:#ffffff0d}.badge-icon{width:.95em;height:.95em}.empty-state{text-align:center;justify-items:center;gap:.4rem;padding:2.4rem 1rem;display:grid}.empty-icon{width:3rem;height:3rem;color:var(--gold-deep);opacity:.8}.empty-icon .icon{width:100%;height:100%}.empty-title{font:700 1.2rem/1.2 var(--font-hud);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);margin:0}.empty-body{font:400 .9rem/1.5 var(--font-ui);color:var(--muted);max-width:28rem;margin:0}.howto-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1.2rem;display:grid}.howto-card{border:1px solid var(--line-soft);background:linear-gradient(#ffffff0e,#ffffff04);border-radius:.75rem;padding:.95rem 1rem;position:relative}.howto-number{color:var(--gold);align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.howto-number .icon{width:1.15rem;height:1.15rem}.howto-number-text{font:700 .75rem/1 var(--font-hud);letter-spacing:.16em}.howto-card-title{font:700 1rem/1.2 var(--font-ui);color:var(--cream);margin:0 0 .35rem}.howto-card-body{font:400 .82rem/1.5 var(--font-ui);color:var(--muted);margin:0}.howto-controls{margin-bottom:1.2rem}.control-table{border:1px solid var(--line-soft);border-radius:.7rem;gap:.15rem;display:grid;overflow:hidden}.control-row{background:#ffffff06;grid-template-columns:minmax(7rem,1.1fr) minmax(0,1.6fr) minmax(0,1.3fr);align-items:center;gap:.6rem;padding:.5rem .8rem;display:grid}.control-row:nth-child(odd){background:#ffffff0b}.control-head{font:600 .66rem/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);background:#ffd16614}.control-action{font:600 .86rem/1.3 var(--font-ui);color:var(--cream)}.control-keys{flex-wrap:wrap;gap:.3rem;display:flex}.key-chip{border:1px solid var(--line-soft);font:600 .74rem/1.3 var(--font-ui);color:var(--cream);white-space:nowrap;background:#00000047;border-radius:.35rem;align-items:center;padding:.16em .5em;display:inline-flex}.key-chip-faint{opacity:.4}.howto-hint{font:400 .78rem/1.4 var(--font-ui);color:var(--dim);margin:.5rem 0 0}.howto-legend{margin-bottom:.4rem}.legend-chips{flex-wrap:wrap;gap:.45rem;display:flex}.legend-chip{font:600 .76rem/1.2 var(--font-ui);border:1px solid var(--line-soft);color:var(--ink);background:#ffffff0a;border-radius:999px;align-items:center;gap:.4rem;padding:.32em .7em;display:inline-flex}.legend-chip:before{content:"";border-radius:2px;width:.6rem;height:.6rem}.legend-chip.zone-sweet:before{background:var(--gold);box-shadow:inset 0 0 0 1px #111518}.legend-chip.zone-good:before{background:var(--silver)}.legend-chip.zone-danger:before{background:repeating-linear-gradient(45deg,#e2564d 0 2px,#7d2b23 2px 4px)}.results-hero{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:flex-end;gap:.8rem;padding-bottom:.7rem;display:flex}.hero-score{gap:.1rem;display:grid}.hero-label{font:600 .68rem/1.2 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}.hero-value{font:700 clamp(2.3rem, 4.4vw, 3.1rem) / .95 var(--font-hud);letter-spacing:.02em;color:var(--ink)}.hero-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.3rem;display:flex}.results-reason{width:100%;font:500 .98rem/1.3 var(--font-ui);color:var(--muted);margin:.1rem 0 0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.8rem 0;display:grid}.stat{border:1px solid var(--line-soft);background:#ffffff09;border-radius:.65rem;gap:.1rem;padding:.5rem .65rem;display:grid}.stat-value{font:700 1.32rem/1.05 var(--font-hud);letter-spacing:.02em;color:var(--gold-bright)}.stat-label{font:600 .64rem/1.25 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.stat-hint{font:400 .68rem/1.3 var(--font-ui);color:var(--dim)}.graph-card{border:1px solid var(--line-soft);background:#00000038;border-radius:.75rem;margin-bottom:.8rem;padding:.65rem .8rem .35rem}.graph-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.graph-head .section-title{margin-bottom:.35rem}.graph-hint{font:400 .72rem/1.3 var(--font-ui);color:var(--dim)}.pitch-graph{width:100%;height:clamp(6.5rem,15vh,9rem);display:block}.graph-bg{fill:#ffffff06}.graph-grid{stroke:#ffffff1a;stroke-width:1px}.graph-tick{fill:var(--dim);font:10px var(--font-ui)}.band-good{fill:#d6cfbf47}.band-sweet{fill:#ffd16680}.graph-balance{stroke:#fff9;stroke-width:1px;stroke-dasharray:5 4}.graph-area{fill:#ffd16624}.graph-line{fill:none;stroke:#ffe6a8;stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.graph-line-flat{stroke:#ffe6a880;stroke-width:1.5px}.graph-legend-label{fill:var(--muted);font:9.5px var(--font-ui)}.colorblind .band-sweet{fill:#ffd16673;stroke:#111518;stroke-width:1.4px;stroke-dasharray:4 3}.colorblind .band-good{fill:#d6cfbf3d;stroke:#111518;stroke-width:1px;stroke-dasharray:2 4}.name-entry{border:1px solid var(--line);background:linear-gradient(120deg,#ffd1661f,#ffd16605);border-radius:.75rem;margin-bottom:.6rem;padding:.7rem .85rem}.name-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.name-head .section-title{margin:0}.name-label{font:600 .7rem/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.35rem 0 .3rem;display:block}.name-row{align-items:stretch;gap:.5rem;display:flex}.name-input{min-width:0;color:var(--ink);font:600 1.05rem/1.2 var(--font-ui);letter-spacing:.04em;background:#0006;border:1px solid #ffffff3d;border-radius:.55rem;outline:none;flex:auto;padding:.6em .75em;transition:border-color .15s}.name-input:focus{border-color:var(--gold)}.name-hint{font:400 .74rem/1.3 var(--font-ui);color:var(--dim);margin:.45rem 0 0}.name-error{font:600 .78rem/1.3 var(--font-ui);color:var(--danger);margin:.35rem 0 0}.results-saved{border:1px dashed var(--line);background:#ffd1660f;border-radius:.6rem;margin-bottom:.8rem;padding:.7rem .9rem}.results-saved-text{font:600 .88rem/1.4 var(--font-ui);color:var(--gold-bright);margin:0}.results-note{font:400 .82rem/1.4 var(--font-ui);color:var(--dim);margin:0 0 .8rem}.pause-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.records{border:1px solid var(--line-soft);border-radius:.7rem;gap:.18rem;display:grid;overflow:hidden}.record-row{font:500 .85rem/1.3 var(--font-ui);color:var(--muted);background:#ffffff06;grid-template-columns:2.6rem minmax(0,1.7fr) minmax(4rem,.9fr) minmax(4rem,.9fr) minmax(3.5rem,.7fr) minmax(5rem,.8fr);align-items:center;gap:.5rem;padding:.5rem .7rem;display:grid}.record-row:nth-child(odd){background:#ffffff0b}.record-head{font:600 .64rem/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);background:#ffd16617}.record-row.is-current{background:#ffd16629;box-shadow:inset 0 0 0 1px #ffd16666}.col-rank{font:700 .95rem/1 var(--font-hud);letter-spacing:.02em;color:var(--dim)}.rank-1{color:#ffe08a}.rank-2{color:#e6e1d3}.rank-3{color:#e5b07a}.col-name{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.record-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.col-score{font:700 1rem/1.1 var(--font-hud);color:var(--gold-bright)}.col-mult,.col-date{color:var(--dim)}.records-note{font:400 .72rem/1.35 var(--font-ui);color:var(--dim);margin:.6rem 0 0}.tabs{scrollbar-width:none;gap:.15rem;margin-top:.55rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;color:var(--muted);font:600 .88rem/1.2 var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:.4rem .4rem 0 0;padding:.55em .85em;transition:color .15s,border-color .15s,background .15s}.tab:hover{color:var(--ink);background:#ffffff0a}.tab[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.settings-content{padding:1.15rem 1.5rem 1.9rem}.settings-tab{flex-direction:column;gap:.9rem;display:flex}.settings-tab[hidden]{display:none}.setting-group{border:1px solid var(--line-soft);background:#ffffff06;border-radius:.75rem;gap:.15rem;padding:.7rem .9rem;display:grid}.setting-group-title{font:700 .68rem/1.2 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .15rem}.setting-group-hint{font:400 .76rem/1.4 var(--font-ui);color:var(--dim);margin:0 0 .35rem}.setting-row{border-top:1px solid #ffffff0d;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.42rem 0;display:grid}.setting-group>.setting-row:first-of-type,.setting-status+.setting-row{border-top:none}.setting-text{gap:.05rem;min-width:0;display:grid}.setting-label{font:500 .9rem/1.3 var(--font-ui);color:var(--ink)}.setting-hint{font:400 .72rem/1.35 var(--font-ui);color:var(--dim)}.setting-static{font:600 .84rem/1.3 var(--font-ui);color:var(--muted);text-align:right}.settings-status{border:1px solid var(--line);font:500 .8rem/1.35 var(--font-ui);color:var(--gold-bright);background:#ffd1661a;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .5rem;padding:.45rem .6rem;display:flex}.settings-status.is-error{color:#ffd0c9;background:#ff7a6b1f;border-color:#ff7a6b80}.settings-note{font:400 .74rem/1.45 var(--font-ui);color:var(--dim);margin:0}.settings-reset-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.segmented{border:1px solid var(--line-soft);background:#00000038;border-radius:.55rem;display:inline-flex;overflow:hidden}.seg-btn{appearance:none;border:none;border-right:1px solid var(--line-soft);color:var(--muted);font:600 .8rem/1.2 var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;padding:.42em .7em;transition:background .15s,color .15s}.seg-btn:last-child{border-right:none}.seg-btn:hover{color:var(--ink);background:#ffffff0f}.seg-btn[aria-pressed=true]{color:var(--gold-bright);background:#ffd16633}.switch{appearance:none;border:1px solid var(--line-soft);cursor:pointer;background:#00000059;border-radius:999px;width:2.9rem;height:1.6rem;padding:0;transition:background .18s,border-color .18s;position:relative}.switch-knob{background:var(--muted);border-radius:50%;width:1.15rem;height:1.15rem;transition:transform .18s,background .18s;position:absolute;top:.17rem;left:.17rem}.switch[aria-checked=true]{border-color:var(--gold-bright);background:#ffd166d9}.switch[aria-checked=true] .switch-knob{background:#221a06;transform:translate(1.28rem)}.range-control{align-items:center;gap:.55rem;display:flex}input[type=range].range{appearance:none;cursor:pointer;width:10.5rem;height:1.3rem;accent-color:var(--gold);background:0 0}input[type=range].range::-webkit-slider-runnable-track{background:#ffffff29;border-radius:999px;height:.32rem}input[type=range].range::-webkit-slider-thumb{appearance:none;background:var(--gold);border:2px solid #221a06;border-radius:50%;width:1rem;height:1rem;margin-top:-.33rem}input[type=range].range::-moz-range-track{background:#ffffff29;border-radius:999px;height:.32rem}input[type=range].range::-moz-range-thumb{background:var(--gold);border:2px solid #221a06;border-radius:50%;width:.9rem;height:.9rem}.range-value{text-align:right;min-width:3.4rem;font:600 .8rem/1 var(--font-ui);color:var(--gold-bright)}.binding-chips{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.binding-chip{appearance:none;border:1px solid var(--line-soft);color:var(--cream);font:600 .78rem/1.2 var(--font-ui);cursor:pointer;background:#00000040;border-radius:.45rem;align-items:center;gap:.4rem;max-width:15rem;padding:.36em .6em;transition:border-color .15s,background .15s;display:inline-flex}.binding-chip .icon{width:1rem;height:1rem;color:var(--dim)}.binding-chip:hover{border-color:var(--line);background:#ffd1661a}.binding-chip.is-listening{border-color:var(--gold);background:#ffd1662e;animation:1.1s ease-in-out infinite hint-pulse}.binding-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.binding-chip-hidden{display:none}.confirm-inline{background:#ff7a6b14;border:1px solid #ff7a6b73;border-radius:.55rem;margin-top:.5rem;padding:.6rem .7rem}.confirm-text{font:500 .8rem/1.4 var(--font-ui);color:#ffd0c9;margin:0 0 .45rem}.confirm-actions{flex-wrap:wrap;gap:.45rem;display:flex}.file-input{display:none}.credits{gap:.9rem;display:grid}.credits-section{gap:.1rem;display:grid}.info-row{border-top:1px solid #ffffff0d;grid-template-columns:minmax(7rem,.7fr) minmax(0,2fr);gap:.7rem;padding:.35rem 0;display:grid}.info-term{font:600 .82rem/1.4 var(--font-ui);color:var(--cream)}.info-detail{font:400 .8rem/1.45 var(--font-ui);color:var(--muted)}.credits-note{font:400 .8rem/1.5 var(--font-ui);color:var(--muted);margin:.2rem 0 .6rem}.credits-meta{border-top:1px solid var(--line-soft);font:400 .72rem/1.4 var(--font-ui);color:var(--dim);letter-spacing:.04em;flex-wrap:wrap;gap:1rem;padding-top:.6rem;display:flex}.ui-toast{z-index:4000;border:1px solid var(--line);max-width:min(36rem,90vw);color:var(--ink);font:500 .86rem/1.3 var(--font-ui);pointer-events:none;background:#0e1213f5;border-radius:999px;padding:.6rem 1.1rem;animation:.22s ease-out toast-in;position:fixed;bottom:5vh;left:50%;transform:translate(-50%);box-shadow:0 .6rem 2rem #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%)}}@media (max-height:46rem){.panel-head{padding-top:.8rem}.panel-title{font-size:1.5rem}.stats-grid{gap:.4rem;margin:.7rem 0}.stat-value{font-size:1.2rem}.hero-value{font-size:2.4rem}.title-aside{gap:.7rem;padding-top:.9rem;padding-bottom:.9rem}.press-any-key{display:none}}@media (max-width:60rem){.howto-cards{grid-template-columns:minmax(0,1fr)}.howto-card{grid-template-columns:auto minmax(0,1fr);column-gap:.7rem;display:grid}.howto-number{grid-row:span 2;align-self:start;margin-bottom:0}.control-row{grid-template-columns:minmax(6rem,1.1fr) minmax(0,1.5fr) minmax(0,1.2fr);font-size:.9em}.record-row{grid-template-columns:2.2rem minmax(0,1.6fr) minmax(3.5rem,.9fr) minmax(4rem,.8fr) minmax(3rem,.6fr) minmax(4.2rem,.8fr);font-size:.78rem}}