/* Final 03 · Player Studio stats (PILOT · ROTOR · MATCH · WORLD · SOUND). Loads after final02-identity.css.
   Rows reuse the Stadium 25 / Final 02 structure (.rotor-emblem-field > span + control + output) so the chrome range
   inputs, captions and readouts come from final02-identity.css unchanged. Choices are styled radios / checkboxes
   (the 3D button painter never touches them). Palette: silver #e9eef2 · UI lime #c7fc68 on pressable / selected state
   only · rotor yellow #ffcf00 only as the colour it names · neutral blue-black panes. No blur. 220 ms state changes,
   cubic-bezier(.22,.61,.36,1); reduced motion honoured; focus visible everywhere. */
:root{--f3-ease:cubic-bezier(.22,.61,.36,1);--f3-silver:#e9eef2;--f3-lime:#c7fc68;--f3-ink:#090c12}

/* ---------- Section frame (fallback styles; final02-identity.css wins where it also applies) ---------- */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section{display:grid;gap:10px;margin:0}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f2-section-label{display:flex;align-items:center;gap:10px;margin:0;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.24em;color:#e9eef2a6;text-shadow:none}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f2-section-label::after{content:'';order:1;flex:1;height:1px;background:linear-gradient(90deg,#e9eef24d,#e9eef200)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-row{display:grid;grid-template-columns:minmax(64px,.8fr) minmax(140px,1.25fr);align-items:center;gap:6px 10px;margin:0}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-row > span{font:700 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#e9eef2d9}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-row > output{grid-column:2;margin:-2px 0 0;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.08em;color:#e9eef299;text-shadow:none}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-status{grid-column:1/-1;margin:0;min-height:0;font:500 11px/1.45 Inter,Arial,sans-serif;color:#e9eef299;text-shadow:none}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-status:empty{display:none}

/* Per-section RESET: quiet text control at the right end of the label line (order 2, after the rule line). */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section button.f3-reset.f3-reset{order:2;flex:none;min-height:24px!important;padding:4px 8px!important;border:1px solid transparent!important;border-radius:8px!important;background:none!important;box-shadow:none!important;color:#e9eef299!important;font:800 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;text-shadow:none!important;cursor:pointer;transform:none!important;transition:color 220ms var(--f3-ease),border-color 220ms var(--f3-ease)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section button.f3-reset.f3-reset::before,html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section button.f3-reset.f3-reset::after{content:none!important;display:none!important}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section button.f3-reset.f3-reset:hover{color:var(--f3-silver)!important;border-color:#e9eef259!important}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section button.f3-reset.f3-reset:focus-visible{outline:2px solid var(--f3-lime)!important;outline-offset:2px!important}

/* ---------- Native inputs hidden under their chrome faces (beats the 40 px / 100 % rules in final02-identity.css) ---------- */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-row.f3-row input.f3-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit;background:none!important;box-shadow:none!important;opacity:0!important;appearance:none;-webkit-appearance:none;cursor:pointer;z-index:1}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-row.f3-row input.f3-native:disabled{cursor:default}

/* Segmented choices (difficulty, assist, quality, face) */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-seg{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-choice{position:relative;display:inline-flex;border-radius:10px}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-choice-face{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;box-sizing:border-box;border:1px solid #e9eef259;border-radius:10px;background:linear-gradient(180deg,#ffffff14,#ffffff04 40%,#0000 60%),#090c12d9;box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #0009,0 4px 10px #0005;color:var(--f3-silver);font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px #000a;white-space:nowrap;transition:border-color 220ms var(--f3-ease),background 220ms var(--f3-ease),box-shadow 220ms var(--f3-ease),color 220ms var(--f3-ease)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-choice:hover .f3-choice-face{border-color:#e9eef2a6;background:linear-gradient(180deg,#ffffff22,#ffffff08 40%,#0000 60%),#0f131bd9}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:checked + .f3-choice-face{border-color:var(--f3-lime);background:linear-gradient(180deg,#c7fc6829,#c7fc680a 50%,#0000),#0b1018;box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -2px 0 var(--f3-lime),0 4px 12px #0006}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:focus-visible + .f3-choice-face{outline:2px solid var(--f3-lime);outline-offset:3px}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:disabled + .f3-choice-face{opacity:.4}

/* Rim colour swatches: the fill is the colour it names; selection is the lime ring (pressable state). */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-swatch{border-radius:50%}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-swatch .f3-choice-face{width:34px;min-width:34px;padding:0;border-radius:50%;border-color:#e9eef280;background:radial-gradient(circle at 35% 30%,#ffffffb8,var(--f3-swatch,#e6edf4) 36%,var(--f3-swatch-deep,#6c757d) 100%);box-shadow:inset 0 -3px 4px #0006,0 1px 3px #000b}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-swatch .f3-native:checked + .f3-choice-face{border-color:#ffffffd9;box-shadow:inset 0 -3px 4px #0006,0 0 0 2px var(--f3-ink),0 0 0 4px var(--f3-lime)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Switches (reduce effects, SFX) */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-switch-row{position:relative}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-switch-row.f3-row input.f3-native{position:relative!important;inset:auto!important;width:46px!important;height:26px!important;grid-column:2;grid-row:1;justify-self:start}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-switch{position:relative;grid-column:2;grid-row:1;justify-self:start;width:46px;height:26px;box-sizing:border-box;border:1px solid #e9eef259;border-radius:13px;background:#00000052;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0008;pointer-events:none;transition:border-color 220ms var(--f3-ease),background 220ms var(--f3-ease)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;border:1px solid #f4ffe6;box-sizing:border-box;background:radial-gradient(circle at 35% 30%,#ffffff,#e9eef2 45%,#8c949c);box-shadow:0 1px 3px #000b,inset 0 -2px 2px #0005;transition:translate 220ms var(--f3-ease),background 220ms var(--f3-ease)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:checked ~ .f3-switch{border-color:var(--f3-lime);background:#c7fc6826}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:checked ~ .f3-switch i{translate:20px 0;background:radial-gradient(circle at 35% 30%,#ffffff,#c7fc68 42%,#7fa934 100%)}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:focus-visible ~ .f3-switch{outline:2px solid var(--f3-lime);outline-offset:3px}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-switch-row > output{grid-column:2;grid-row:2}

/* Read-only chips: rating · tier · medals · duels */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-chips{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:2px 0 0}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-chip{display:grid;gap:4px;min-width:0;padding:8px 10px;border:1px solid #e9eef233;border-radius:12px;background:#00000040;box-shadow:inset 0 1px 0 #ffffff1f}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-chip small{font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.18em;color:#e9eef299;text-shadow:none}
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-chip b{font:800 20px/1 'Barlow Condensed',Inter,Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--f3-silver);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Text inputs keep the Final 02 chrome (padding, rim, 14 px Inter); shown exactly as saved, no case transform. */
html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section input[type=text].f3-text{letter-spacing:.02em}

/* ---------- Arena pause dialog: PLAYER STUDIO link (quiet secondary; RESUME stays the primary) ---------- */
html body #resumePanel .f3-studio-link{display:block;width:100%;margin-top:9px;min-height:44px;padding:13px 14px;box-sizing:border-box;border:1px solid #e9eef259;border-radius:22px;background:linear-gradient(180deg,#ffffff14,#ffffff05 40%,#0000 60%),#090c12d9;box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #0009,0 6px 14px #0006;color:#e9eef2;text-align:center;text-decoration:none;font:800 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px #000a;transition:border-color 220ms var(--f3-ease),background 220ms var(--f3-ease),color 220ms var(--f3-ease)}
html body #resumePanel .f3-studio-link span{margin-left:6px;color:#e9eef2b3}
html body #resumePanel .f3-studio-link:hover{border-color:#e9eef2a6;background:linear-gradient(180deg,#ffffff22,#ffffff08 40%,#0000 60%),#0f131bd9;color:#ffffff}
html body #resumePanel .f3-studio-link:focus-visible{outline:2px solid var(--f3-lime);outline-offset:3px}

/* ---------- Reduce effects (WORLD toggle): the same stillness the reduced-motion rules give coach, beats, bubble ---------- */
html[data-reduce-effects="1"] .f1-beat.on{animation:none!important;opacity:1!important;transform:none!important}
html[data-reduce-effects="1"] .f1-coach{transition:none!important}
html[data-reduce-effects="1"] .f1-tilt{transform:none!important;transition:none!important}
html[data-reduce-effects="1"] .f1-sheen::after{transition:none!important}
html[data-reduce-effects="1"] body #pfDeck#pfDeck.pf-courtside-deck,html[data-reduce-effects="1"] body #pfDeck .f2-body,html[data-reduce-effects="1"] body #pfDeck .f2-art,html[data-reduce-effects="1"] body #pfDeck .f2-arc-fill,html[data-reduce-effects="1"] body #pfDeck :is(.f2-play,.f2-mute,.f2-yt-icon){transition:none!important}
html[data-reduce-effects="1"] body #pfDeck.f2-playing .f2-art{transform:none!important}
html[data-reduce-effects="1"] #boot,html[data-reduce-effects="1"] #momentsBar .mb-pill,html[data-reduce-effects="1"] #momentsBar .mb-auto,html[data-reduce-effects="1"] #momentsBar .mb-fill{transition:none!important}
html[data-reduce-effects="1"] .f2-identity-title,html[data-reduce-effects="1"] #rotor25EmblemPanel{animation:none!important}
html[data-reduce-effects="1"] #rotor25EmblemPanel .f3-section :is(.f3-choice-face,.f3-switch,.f3-switch i,button.f3-reset),html[data-reduce-effects="1"] #resumePanel .f3-studio-link{transition:none!important}

/* ---------- Phone ≤ 760: the sections are part of the sheet's scroll list ---------- */
@media (max-width:760px){
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-choice-face{min-height:32px;padding:0 10px}
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-chip{padding:7px 9px}
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-chip b{font-size:18px}
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-status{font-size:10px}
}

/* ---------- Motion + contrast ---------- */
@media (prefers-reduced-motion:reduce){
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section :is(.f3-choice-face,.f3-switch,.f3-switch i,button.f3-reset),html body #resumePanel .f3-studio-link{transition:none!important}
}
@media (forced-colors:active){
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section :is(.f3-choice-face,.f3-switch,.f3-chip),html body #resumePanel .f3-studio-link{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-native:checked + .f3-choice-face{border-width:3px}
  html body #rotor25EmblemPanel#rotor25EmblemPanel .f3-section .f3-switch i{background:CanvasText!important}
}