.header-telemetry{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.8rem,2vw,1.2rem);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:.9rem;font-weight:var(--font-weight-medium);min-height:32px;width:100%;padding:0}.floating-controls .header-telemetry{display:flex;justify-content:center;width:100%;padding:.25rem 0;margin:0;background:transparent;border:none}.header-telemetry__item{display:inline-flex;align-items:center;gap:clamp(.06rem,.6vw,.2rem)}.header-telemetry__icon{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));line-height:1}.header-telemetry__value{font-weight:var(--font-weight-semibold, 600);color:var(--color-text-hover);letter-spacing:.04em;font-variant-numeric:tabular-nums;display:inline-block;min-width:2.6ch;text-align:right}.header-telemetry__label{letter-spacing:.015em;opacity:.85}.header-telemetry__label:after{content:":";margin-left:.08rem;opacity:.6}.header-telemetry__item--time .header-telemetry__icon{color:var(--color-gold)}.header-telemetry__item--moves .header-telemetry__icon{color:#3dd68c}.header-telemetry__item--score .header-telemetry__icon{color:var(--color-gold, #f8d66d)}.header-telemetry--hidden{display:none!important}@media (max-width: 768px){.header-telemetry{flex-wrap:wrap;gap:clamp(.4rem,3vw,.75rem)}}@media (max-width: 600px){.header-telemetry{width:100%;justify-content:center;margin-top:.35rem}}@media (max-width: 420px){.header-telemetry{gap:clamp(.3rem,3vw,.55rem)}.header-telemetry__label{display:none}}.settings-panel{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,3rem);background:#0c0c0c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:4100}.settings-panel--hidden{display:none}.settings-panel--open{opacity:1;pointer-events:auto}.settings-panel__overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#201a0fa6)}.settings-panel__dialog{position:relative;z-index:1;width:min(420px,100%);display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,3vw,2.25rem);border-radius:18px;background:linear-gradient(160deg,#1c1c1cf5,#101010eb);border:1px solid rgba(227,195,112,.35);box-shadow:0 24px 60px #00000073;color:var(--color-cream, #f3ede0);contain:layout style}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-panel__title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-family-primary);font-size:clamp(1.2rem,3vw,1.45rem);font-weight:var(--font-weight-semibold, 600);margin:0;letter-spacing:.015em}.settings-panel__title-icon{font-size:1.4rem;color:#60a5fa;text-shadow:0 4px 16px rgba(96,165,250,.35)}.settings-panel__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(227,195,112,.35);background:#00000059;color:var(--color-cream);cursor:pointer;transition:transform .18s ease,background .18s ease}.settings-panel__close:hover,.settings-panel__close:focus-visible{background:#e3c3702e;transform:translateY(-1px);outline:none}.settings-panel__options{display:flex;flex-direction:column;gap:1.2rem}.settings-panel__option{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:clamp(.85rem,2vw,1.05rem) clamp(1rem,2.5vw,1.4rem);border-radius:14px;border:1px solid rgba(227,195,112,.18);background:#00000059}.settings-panel__option-info{display:flex;align-items:flex-start;gap:.75rem}.settings-panel__option-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#e3c37014;color:#e3c370e6;font-size:1.25rem;box-shadow:0 4px 14px #e3c37038}.settings-panel__option-text{display:flex;flex-direction:column;gap:.2rem}.settings-panel__option-label{font-weight:var(--font-weight-semibold, 600);letter-spacing:.02em}.settings-panel__option-hint{font-size:.85rem;opacity:.68;line-height:1.35}.settings-panel__switch{display:inline-flex;align-items:center;gap:.65rem;border:none;background:none;padding:0;cursor:pointer;color:inherit;font:inherit}.settings-panel__switch-track{position:relative;width:52px;height:28px;border-radius:999px;background:#78787866;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;padding:3px;transition:background .2s ease}.settings-panel__switch-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#e6e6e6f2,#a8a8a8e6);box-shadow:0 2px 10px #0006;transform:translateZ(0);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.settings-panel__switch-state{font-size:.86rem;letter-spacing:.04em;opacity:.85;min-width:2ch;text-transform:uppercase}.settings-panel__switch[aria-checked=true] .settings-panel__switch-track{background:#58c887f2}.settings-panel__switch[aria-checked=true] .settings-panel__switch-thumb{transform:translate3d(24px,0,0);background:linear-gradient(145deg,#fff,#d2f4dd);box-shadow:0 4px 12px #34d39973}.settings-panel__switch[aria-checked=true] .settings-panel__switch-state{color:#a7f3d0;opacity:1}.settings-panel__switch[aria-checked=false] .settings-panel__switch-state{color:#f8fafc99}.settings-panel__switch:focus-visible{outline:2px solid rgba(227,195,112,.6);outline-offset:4px}@media (max-width: 520px){.settings-panel{padding:clamp(1rem,4vw,1.5rem)}.settings-panel__dialog{width:min(100%,360px);gap:1.25rem;padding:clamp(1.25rem,4vw,1.75rem)}.settings-panel__option{align-items:stretch}.settings-panel__switch{margin-left:auto}}@media (prefers-reduced-motion: reduce){.settings-panel,.settings-panel__switch-track,.settings-panel__switch-thumb,.settings-panel__close{transition:none!important}}.scale-slider{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:0 clamp(.4rem,1.2vw,.6rem);margin-left:clamp(.3rem,1vw,.5rem);border-left:1px solid rgba(227,195,112,.25)}.scale-slider__label{font-family:var(--font-family-primary);font-size:clamp(.6rem,1.2vw,.7rem);font-weight:var(--font-weight-medium, 500);color:#f3ede0b3;letter-spacing:.02em;white-space:nowrap}.scale-slider__input{-webkit-appearance:none;appearance:none;width:clamp(60px,12vw,90px);height:5px;background:#64646466;border-radius:999px;outline:none;cursor:pointer;transition:background .2s ease}.scale-slider__input:hover{background:#78787880}.scale-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(145deg,#e3c370f2,#b58f3be6);border:2px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #00000059;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.scale-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #e3c37066}.scale-slider__input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(145deg,#e3c370f2,#b58f3be6);border:2px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #00000059;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.scale-slider__input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #e3c37066}.scale-slider__input:focus-visible{outline:2px solid rgba(227,195,112,.6);outline-offset:2px}@media (max-width: 640px){.scale-slider{padding:0 clamp(.3rem,1vw,.4rem);margin-left:clamp(.2rem,.8vw,.3rem)}.scale-slider__label{display:none}.scale-slider__input{width:clamp(50px,10vw,70px)}}@media (max-width: 420px){.scale-slider{border-left:none;padding:.3rem .5rem;margin-left:0;flex:1 1 100%;flex-direction:row;justify-content:center;gap:.5rem}.scale-slider__label{display:block;font-size:.65rem}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .4s ease-out}.loader-content{display:flex;flex-direction:column;align-items:center;width:300px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#3b82f6;border-radius:50%;margin-bottom:20px;animation:spin .8s linear infinite;will-change:transform}.loading-text{color:#e5e5e5;font-size:16px;margin-bottom:12px;font-weight:500;letter-spacing:.5px}.progress-track{width:100%;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;width:0%;transition:width .2s linear;will-change:width}@keyframes spin{to{transform:rotate(360deg)}}
