:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f6f3ee;--text-main:#f6f3ee;--text-soft:#f6f3eeb8;--muted-strong:#f6f3ee80;background:#fbfaf7;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{background:#fbfaf7;min-height:100vh;margin:0}body,button,input{font:inherit}button,input{color:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.075em;font-size:clamp(3.4rem,10vw,7.4rem);line-height:.9}h2{letter-spacing:-.045em;font-size:clamp(1.22rem,3vw,1.85rem);line-height:1.1}#root{min-height:100vh}.app-shell{isolation:isolate;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex;position:relative}.background-field{pointer-events:none;z-index:0;opacity:.8;filter:blur(1.5px)saturate(1.02)brightness(1.08);position:fixed;inset:0}.background-field:after{content:"";background:radial-gradient(circle at 50% 48%,#ffffff52,#0000 48%),#ffffff24;position:absolute;inset:0}.brand-shell{z-index:6;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:18px 20px}.brand-shell-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.brand-shell-row.is-bottom{align-items:flex-end}.brand-shell-copy,.brand-shell-link,.brand-shell-icon-link{color:#54504cb8}.brand-shell-copy{letter-spacing:.08em;margin:0;font-size:.75rem;font-weight:600;line-height:1.45}.brand-shell-domain{text-transform:lowercase}.brand-shell-meta{text-align:right;max-width:20rem}.brand-shell-links{pointer-events:auto;flex-wrap:wrap;gap:14px;display:flex}.brand-shell-link,.brand-shell-icon-link{pointer-events:auto;text-decoration:none}.brand-shell-link-button{appearance:none;font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:#54504cb8;opacity:1;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-shell-link:hover,.brand-shell-link:focus-visible,.brand-shell-icon-link:hover,.brand-shell-icon-link:focus-visible{outline:none}.brand-shell-icon-link{justify-content:center;align-items:center;display:inline-flex}.brand-shell-icon{width:16px;height:16px;display:block}.game-card{scrollbar-width:none;background:#050505;border-radius:32px;gap:26px;width:min(92vw,520px);min-height:clamp(620px,78vh,720px);padding:30px;transition:filter .22s,width .72s cubic-bezier(.22,1,.36,1),min-height .72s cubic-bezier(.22,1,.36,1),border-radius .72s cubic-bezier(.22,1,.36,1),padding .72s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:auto;box-shadow:0 28px 70px #00000029,0 10px 22px #00000014}.view-setup.game-card{box-shadow:0 36px 96px #0000002e,0 12px 30px #0000001a}.game-card.view-guessing,.game-card.view-roundResult,.game-card.view-trainer,.game-card.view-trainerResult,.game-card.view-noteTrainer,.game-card.view-noteTrainerResult{gap:0;width:min(92vw,520px);min-height:clamp(620px,78vh,720px);padding:0;overflow:hidden}.game-card.view-focus{gap:0;width:min(97vw,860px);min-height:clamp(620px,78vh,760px);padding:0;overflow:auto}.game-card.view-focus.focus-session-active{border-radius:30px;justify-content:center;align-items:center;width:min(90vw,520px);min-height:156px;max-height:156px;display:flex}.game-card.view-final{width:min(92vw,640px);min-height:clamp(560px,72vh,760px)}.game-card::-webkit-scrollbar{display:none}.app-shell:has(.modal-backdrop) .game-card{filter:blur(5px)saturate(.9)}.app-shell:has(.legal-modal-backdrop) .brand-shell{z-index:26}.game-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 24%),linear-gradient(90deg,#0000 0% 54%,#ffffff06 100%);position:absolute;inset:0}.game-card.focus-session-active:after{display:none}.hero-bar,.setup-stage,.play-grid,.results-panel,.final-panel{z-index:1;animation:.26s fade-up;position:relative}.hero-bar{justify-content:flex-start;align-items:flex-start;display:flex}.hero-bar h1{text-transform:lowercase;margin:0;font-weight:700}.brand-mark{display:inline-block}.view-setup{align-content:space-between}.view-setup .hero-bar{padding-top:4px}.view-setup .hero-bar h1{letter-spacing:-.08em;white-space:nowrap;font-size:clamp(2.2rem,6.8vw,4.6rem);line-height:.92}.section-heading{gap:8px;display:grid}.section-kicker,.score-label,.summary-label,.stat-label,.display-label,.field-label,.handoff-tag,.confirm-label{text-transform:uppercase;letter-spacing:.16em;color:var(--muted-strong);font-size:.72rem;font-weight:700}.status-copy,.display-subcopy{color:var(--text-soft);line-height:1.55}.setup-stage{z-index:2;align-items:flex-end;min-height:100%;display:flex;position:relative}.view-setup .hero-bar{z-index:2;position:relative}.mode-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,98px));justify-content:flex-start;align-items:end;gap:18px;width:100%;max-width:232px;display:grid;position:relative}.mode-orb{width:98px;color:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:0;transition:transform .18s,opacity .18s;display:grid;position:relative}.mode-orb:hover,.mode-orb:focus-visible,.mode-orb.is-selected{outline:none;transform:translateY(-4px)}.mode-orb-core{z-index:1;color:#0a0a0a;background:#f5f2ec;border-radius:50%;place-items:center;width:82px;height:82px;transition:transform .22s,box-shadow .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffa6,0 12px 22px #00000024}.mode-orb-core:before,.mode-orb-core:after{content:"";opacity:0;border-radius:50%;transition:opacity .22s,transform .3s;position:absolute}.mode-orb-core:before{border:1px solid #ffffff38;inset:-6px;transform:scale(.92)}.mode-orb-core:after{border:1px solid #46ddd659;inset:-13px;transform:scale(.82);box-shadow:0 0 0 1px #795fff33}.mode-orb:hover .mode-orb-core,.mode-orb:focus-visible .mode-orb-core,.mode-orb.is-selected .mode-orb-core{transform:scale(.98);box-shadow:inset 0 1px #ffffffb3,0 16px 28px #0003}.mode-orb:hover .mode-orb-core:before,.mode-orb:focus-visible .mode-orb-core:before,.mode-orb.is-selected .mode-orb-core:before{opacity:1;transform:scale(1.05)}.mode-orb:hover .mode-orb-core:after,.mode-orb:focus-visible .mode-orb-core:after,.mode-orb.is-selected .mode-orb-core:after{opacity:1;transform:scale(1.14)}.mode-icon{width:28px;height:28px}.mode-label{letter-spacing:-.02em;color:var(--text-main);font-size:.84rem;font-weight:700}.setup-actions,.control-strip,.result-summary{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.ghost-button,.accent-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:13px 20px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.primary-button,.accent-button{color:#070707;background:#f5f2ec;box-shadow:0 12px 28px #ffffff14}.secondary-button,.ghost-button{color:var(--text-main);background:#ffffff0b;border-color:#ffffff1f}.ghost-button{background:0 0}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.accent-button:hover,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.accent-button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 14px 30px #0000002e}.entry-overlay{z-index:30;appearance:none;font:inherit;-webkit-backdrop-filter:blur(18px)saturate(1.06);backdrop-filter:blur(18px)saturate(1.06);color:inherit;cursor:pointer;opacity:1;background:linear-gradient(#efece647,#dfdcd633),#e8e5df29;border:0;place-items:center;padding:24px;transition:opacity .42s,-webkit-backdrop-filter .42s,backdrop-filter .42s,background .42s;display:grid;position:fixed;inset:0}.entry-overlay.is-exiting{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(1.02);backdrop-filter:blur(10px)saturate(1.02);background:linear-gradient(#efece61f,#dfdcd614),#e8e5df0a}.entry-overlay-panel{background:#ffffff1a;border:1px solid #fff3;border-radius:32px;justify-items:center;gap:12px;width:min(100%,420px);padding:32px 28px;display:grid;box-shadow:inset 0 1px #ffffff3d,0 28px 60px #0000001f}.entry-overlay-title{letter-spacing:-.08em;color:#fff;text-align:center;font-size:clamp(2rem,6vw,3.3rem);font-weight:700;line-height:.94}.entry-overlay-copy{letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;text-align:center;font-size:.92rem}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#f4f1ec33;place-items:center;padding:24px;animation:.62s cubic-bezier(.16,1,.3,1) modal-fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.confirm-modal{background:#0a0a0af5;border:1px solid #ffffff1a;border-radius:28px;gap:14px;width:min(100%,400px);padding:24px;animation:.76s cubic-bezier(.16,1,.3,1) modal-rise-in;display:grid;box-shadow:0 30px 80px #0000003d,0 10px 24px #0000001f}.confirm-modal:has(.trainer-config){width:min(100%,520px)}.legal-modal-backdrop{z-index:24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1ec29;overflow:hidden}.legal-modal{background:#080808f7;border:1px solid #ffffff1c;border-radius:30px;grid-template-rows:auto minmax(0,1fr);width:min(100%,820px);max-height:min(82vh,820px);animation:.76s cubic-bezier(.16,1,.3,1) modal-rise-in;display:grid;overflow:hidden;box-shadow:0 34px 88px #00000047,0 12px 30px #00000029}.legal-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:18px;padding:26px 28px 18px;display:flex}.legal-modal-heading{gap:6px;display:grid}.legal-modal-heading h2{color:#fff;letter-spacing:-.06em;font-size:clamp(1.8rem,4vw,2.5rem);line-height:.98}.legal-modal-effective-date{color:#f5f2ec8a;letter-spacing:.04em;margin:0;font-size:.86rem}.legal-modal-close{color:#f5f2eccc;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.legal-modal-close:hover,.legal-modal-close:focus-visible{color:#fff;background:#ffffff14;border-color:#ffffff29;outline:none;transform:translateY(-1px)}.legal-modal-close-icon{width:18px;height:18px;display:block}.legal-modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;gap:22px;min-height:0;padding:22px 28px 30px;display:grid;overflow-y:auto}.legal-modal-intro,.legal-modal-section p,.legal-modal-list{color:#f5f2ecc7;margin:0;font-size:.95rem;line-height:1.68}.legal-modal-section{gap:10px;display:grid}.legal-modal-section h3{color:#fff;letter-spacing:-.02em;margin:0;font-size:1rem;line-height:1.3}.legal-modal-list{gap:8px;padding-left:1.1rem;display:grid}.audio-note{color:var(--text-soft);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;margin:0;padding:12px 14px;font-size:.94rem}.play-grid,.results-panel,.final-panel,.trainer-shell{gap:16px;display:grid}.play-grid{display:block}.stage-shell{border-radius:inherit;background:radial-gradient(circle at 52%,#3e249224,#0000 24%),linear-gradient(90deg,#040404fa 0%,#080808fa 100%);height:auto;min-height:100%;position:relative;overflow:hidden}.trainer-shell{border-radius:inherit;background:radial-gradient(circle at 50% 42%,#3e249224,#0000 24%),linear-gradient(90deg,#040404fa 0%,#080808fa 100%);height:auto;min-height:100%;padding:90px 28px 28px;position:relative;overflow:hidden}.trainer-shell:before{content:"";pointer-events:none;background:linear-gradient(#ffffff04,#0000 24%),radial-gradient(circle,#6c3ef714,#0000 30%);position:absolute;inset:0}.trainer-body{z-index:2;align-content:space-between;gap:28px;min-height:100%;display:grid;position:relative}.trainer-body.is-result{gap:22px}.trainer-head{gap:10px;display:grid}.trainer-kicker{text-transform:uppercase;letter-spacing:.18em;color:#f5f2ec9e;margin:0;font-size:.74rem;font-weight:700}.trainer-kicker.is-correct{color:#b1ffd7e0}.trainer-kicker.is-wrong{color:#ffcacad1}.trainer-title{color:#fff;letter-spacing:-.08em;margin:0;font-size:clamp(2rem,8vw,3.2rem);line-height:.94}.trainer-copy{color:#f5f2ecb3;max-width:22rem;margin:0;font-size:.98rem;line-height:1.5}.trainer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trainer-replay{min-width:148px}.trainer-choice-grid,.trainer-custom-grid{gap:10px;display:grid}.trainer-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-choice,.trainer-pill,.trainer-chip{color:var(--text-main);font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.trainer-choice{text-align:left;padding:16px 14px}.trainer-pill,.trainer-chip{padding:10px 14px}.trainer-choice:hover,.trainer-choice:focus-visible,.trainer-pill:hover,.trainer-pill:focus-visible,.trainer-chip:hover,.trainer-chip:focus-visible{background:#ffffff12;border-color:#ffffff2e;outline:none;transform:translateY(-1px)}.trainer-pill.is-active,.trainer-chip.is-active{color:#0a0a0a;background:#f5f2ec;border-color:#0000}.trainer-difficulty-row{flex-wrap:wrap;gap:10px;display:flex}.trainer-config{gap:14px;display:grid}.trainer-custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.focus-shell .trainer-copy{max-width:34rem}.focus-shell .trainer-title{white-space:nowrap;max-width:none;font-size:clamp(1.9rem,5vw,3.1rem)}.focus-shell{height:auto;min-height:100%;position:relative;overflow:visible}.focus-session-shell{z-index:4;border-radius:inherit;opacity:1;pointer-events:auto;background:#050505;height:auto;min-height:100%;padding:0;animation:.42s focus-timer-fade-in;position:relative;overflow:hidden}.focus-canvas{z-index:2;align-content:space-between;gap:22px;min-height:100%;display:grid;position:relative}.focus-session{z-index:2;justify-content:center;align-items:center;width:100%;height:auto;min-height:100%;padding:12px;display:flex;position:relative}.focus-stopwatch-shell{opacity:1;pointer-events:auto;justify-content:center;width:min(100%,420px);display:flex;position:relative;transform:none}.focus-stopwatch-shell.is-visible{margin:0}.focus-stopwatch{width:100%;min-height:110px;color:var(--text-main);cursor:pointer;z-index:3;background:#050505;border:0;border-radius:30px;align-content:center;justify-items:center;gap:8px;padding:20px 28px;transition:transform .22s,box-shadow .22s,opacity .32s;display:grid;position:relative;box-shadow:0 26px 52px #0000002e,0 10px 20px #00000014}.focus-stopwatch-shell:hover .focus-stopwatch,.focus-stopwatch-shell.is-open .focus-stopwatch{transform:translateY(-1px)scale(1.01);box-shadow:0 30px 56px #0003,0 12px 24px #00000017}.focus-stopwatch-label{text-transform:uppercase;letter-spacing:.18em;color:#f5f2ec94;font-size:.72rem;font-weight:700}.focus-stopwatch strong{letter-spacing:0;color:#fff;font-variant-numeric:tabular-nums;align-items:flex-end;font-size:clamp(2.3rem,7vw,3.8rem);line-height:1;display:inline-flex}.focus-stopwatch-value{gap:.08em}.focus-stopwatch-digit{min-width:.72em;height:1em;padding-inline:.04em;display:block;position:relative;overflow:visible hidden}.focus-stopwatch-digit-track{will-change:transform;backface-visibility:hidden;grid-auto-rows:1em;justify-items:center;display:grid;transform:translateY(-1em)}.focus-stopwatch-digit-track.is-rolling{animation:.36s cubic-bezier(.16,1,.3,1) stopwatch-roll-up}.focus-stopwatch-separator{margin-inline:.02em;display:block;transform:translateY(-.02em)}@keyframes focus-timer-fade-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.focus-group{gap:10px;display:grid}.focus-label{color:#f5f2ec8a;text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.86rem;font-weight:700}.focus-effects-grid,.focus-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.focus-sliders{gap:8px;display:grid}.focus-slider-row{color:#f5f2ecd1;grid-template-columns:96px 1fr;align-items:center;gap:12px;font-size:.92rem;display:grid}.focus-slider-row.is-disabled{opacity:.38}.focus-slider-row input[type=range]{appearance:none;background:#ffffff29;border-radius:999px;outline:none;width:100%;height:6px}.focus-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#f5f2ec;border-radius:50%;width:18px;height:18px;box-shadow:0 4px 12px #0003}.focus-slider-row input[type=range]::-moz-range-thumb{background:#f5f2ec;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 4px 12px #0003}.focus-actions{justify-content:flex-start}.focus-actions.is-setup{padding-top:2px;padding-bottom:4px}.focus-toggle{min-width:164px}.focus-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f4f1ec24}.focus-session-modal{gap:18px;width:min(100%,540px)}.focus-session-modal .focus-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.focus-session-modal .focus-actions .trainer-replay,.focus-session-modal .focus-actions .focus-toggle{width:100%;min-width:0}.note-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.note-choice{color:var(--text-main);font:inherit;letter-spacing:-.03em;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;padding:14px 10px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}.note-choice:hover,.note-choice:focus-visible{background:#ffffff12;border-color:#ffffff2e;outline:none;transform:translateY(-1px)}.stage-shell:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff05,#0000 20% 80%,#ffffff04),radial-gradient(circle at 56%,#6c3ef714,#0000 32%);position:absolute;inset:0}.stage-shell.is-interactive{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.stage-shell.is-interactive,.stage-shell.is-interactive *{-webkit-user-select:none;user-select:none}.stage-corner{z-index:2;color:#f5f2ec;letter-spacing:-.04em;font-size:1rem;font-weight:700;position:absolute;top:22px}.stage-left{left:24px}.stage-right{color:#f5f2ec80;right:24px}.wave-column{pointer-events:none;justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0}.wave-column-strip{width:var(--wave-strip-width);opacity:var(--wave-strip-opacity);filter:saturate(1.08)drop-shadow(0 0 20px #e100ff24)drop-shadow(0 0 34px #f7f7f714);border-radius:999px;position:absolute;top:-4%;bottom:-4%;left:50%;overflow:hidden;transform:translate(-50%)}.wave-column-aurora{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.wave-column-aurora .soft-aurora-container{width:100%;height:100%}.wave-column.is-subtle .wave-column-strip{filter:saturate(.94)drop-shadow(0 0 18px #e100ff1a)drop-shadow(0 0 26px #f7f7f70f)}.stage-countdown,.stage-result-meta{z-index:2;text-align:right;justify-items:end;gap:4px;display:grid;position:absolute;top:50px;right:28px}.stage-countdown strong,.stage-result-meta strong{letter-spacing:-.09em;color:#f5f2ec;font-size:clamp(4.8rem,16vw,9rem);line-height:.9}.stage-countdown span,.stage-result-meta span{color:#f5f2ece0;font-size:.98rem}.stage-result-meta p{color:#f5f2eca8;max-width:18rem;margin:6px 0 0;font-size:.98rem;line-height:1.35}.stage-footer{z-index:2;justify-content:space-between;align-items:flex-end;gap:14px;display:flex;position:absolute;inset:auto 28px 28px}.stage-footer.is-result{align-items:flex-end}.stage-frequency-readout{align-items:flex-end;gap:6px;line-height:.9;display:flex}.stage-frequency-readout strong{letter-spacing:-.1em;color:#fff;font-size:clamp(3.9rem,15vw,6.8rem)}.stage-frequency-readout span{color:#f5f2ec;margin-bottom:10px;font-size:clamp(1rem,3.2vw,1.8rem)}.stage-frequency-readout.is-muted strong,.stage-frequency-readout.is-muted span{color:#f5f2ec6b}.stage-arrow{color:#111;cursor:pointer;background:#f5f2ec;border:0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 30px #0000003d}.stage-arrow:hover,.stage-arrow:focus-visible{outline:none;transform:translateY(-2px)scale(1.02);box-shadow:0 18px 36px #00000047}.stage-helper{color:#f5f2ecad;margin:0;font-size:.98rem;line-height:1.42}.stage-helper.is-guess{z-index:2;max-width:18rem;position:absolute;bottom:154px;left:28px}.stage-helper.is-result{color:#f5f2ec8f}.stage-result-stack{gap:8px;max-width:28rem;display:grid}.stage-result-label{color:#f5f2ec8a;text-transform:uppercase;letter-spacing:.18em;font-size:.9rem}.minimal-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:14px;font-size:.92rem;display:flex}.console-header{gap:8px;display:grid}.console-prompt{color:var(--text-main);letter-spacing:-.03em;margin:0;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.18}.console-status{color:var(--text-soft);margin:0;line-height:1.5}.turn-handoff,.console-panel,.player-result-card,.summary-chip,.score-tile{background:#ffffff07;border:1px solid #ffffff14;border-radius:20px}.turn-handoff{padding:14px 16px}.handoff-tag{margin-bottom:8px;display:inline-flex}.console-panel{gap:20px;padding:20px;display:grid}.frequency-display{gap:8px;display:grid}.frequency-display strong{letter-spacing:-.06em;font-size:clamp(2.9rem,7vw,4.8rem);line-height:.95}.slider-wrap{gap:16px;display:grid}.frequency-slider{appearance:none;background:linear-gradient(90deg,#ffffff38,#ffffff5c);border-radius:999px;outline:none;width:100%;height:8px}.frequency-slider::-webkit-slider-thumb{appearance:none;background:#f5f2ec;border:6px solid #050505;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #ffffffeb,0 12px 22px #0000003d}.frequency-slider::-moz-range-thumb{background:#f5f2ec;border:6px solid #050505;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #ffffffeb,0 12px 22px #0000003d}.slider-scale{color:var(--text-soft);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.control-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-grid{grid-template-columns:1fr;gap:12px;display:grid}.player-result-card,.summary-chip,.score-tile{padding:16px}.player-result-card{gap:16px;display:grid}.player-result-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reason-list{flex-wrap:wrap;gap:10px;display:flex}.reason-pill{color:var(--text-soft);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:8px 11px;font-size:.88rem}.summary-chip{gap:6px;display:grid}.score-tile{gap:8px;display:grid}.score-tile strong{font-size:1.65rem}.score-tile.is-large strong{font-size:clamp(2.1rem,5vw,3rem)}.final-score-grid{grid-template-columns:1fr;gap:12px;display:grid}.view-final .final-panel{align-content:center;min-height:100%}@media (width<=920px){.game-card.view-guessing,.game-card.view-roundResult,.game-card.view-trainer,.game-card.view-trainerResult,.game-card.view-noteTrainer,.game-card.view-noteTrainerResult{width:min(94vw,520px);min-height:clamp(620px,78vh,720px);max-height:calc(100vh - 28px)}.game-card.view-focus{width:min(97vw,760px);min-height:clamp(620px,78vh,760px);max-height:calc(100vh - 28px)}.game-card.view-focus.focus-session-active{width:min(92vw,520px);min-height:150px;max-height:150px}}@media (width<=640px){.brand-shell{inset:14px 14px 16px}.brand-shell-row{gap:12px}.brand-shell-row.is-bottom{flex-direction:column;align-items:flex-start}.brand-shell-copy,.brand-shell-link{letter-spacing:.06em;font-size:.68rem}.brand-shell-meta{text-align:left;max-width:13rem}.legal-modal{border-radius:26px;max-height:calc(100vh - 28px)}.legal-modal-header{padding:22px 20px 16px}.legal-modal-body{padding:18px 20px 24px}.game-card{border-radius:28px;padding:24px}.game-card.view-guessing,.game-card.view-roundResult,.game-card.view-trainer,.game-card.view-trainerResult,.game-card.view-noteTrainer,.game-card.view-noteTrainerResult,.game-card.view-focus{width:min(97vw,560px);min-height:clamp(560px,76vh,720px);max-height:calc(100vh - 18px)}.game-card.view-focus.focus-session-active{width:min(94vw,460px);min-height:138px;max-height:138px}.stage-corner{font-size:.94rem;top:18px}.stage-left{left:18px}.stage-right{right:18px}.stage-countdown,.stage-result-meta{top:42px;right:18px}.stage-footer{inset:auto 18px 18px}.stage-helper.is-guess{max-width:13rem;font-size:.88rem;bottom:126px;left:18px}.stage-arrow{width:72px;height:72px;font-size:2rem}.wave-column-strip{width:min(26vw, var(--wave-strip-width));left:50%}.trainer-shell{padding:78px 18px 18px}.focus-shell .trainer-title{font-size:clamp(1.75rem,7vw,2.5rem)}.mode-grid{grid-template-columns:repeat(2,minmax(0,92px));gap:16px;max-width:214px}.mode-orb{width:92px}.trainer-choice-grid,.trainer-custom-grid,.trainer-result-grid{grid-template-columns:1fr}.note-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-slider-row{grid-template-columns:1fr;gap:8px}.focus-effects-grid,.focus-metrics{grid-template-columns:1fr}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(26px)scale(.94)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stopwatch-pop{0%{opacity:.5;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stopwatch-roll-up{0%{transform:translate(0,0)}to{transform:translateY(-1em)}}@media (height<=860px){.brand-shell{inset-block:12px}.app-shell{align-items:flex-start;padding-top:20px;padding-bottom:20px}.game-card{min-height:auto}.view-setup{align-content:start}.setup-stage{align-items:flex-start;min-height:auto}.trainer-shell{padding-top:72px}.trainer-body,.focus-canvas{align-content:start;min-height:auto}}@media (width<=900px){.focus-shell .trainer-title{white-space:normal}}.soft-aurora-container{width:100%;height:100%}.soft-aurora-container canvas{width:100%;height:100%;display:block}.shiny-text{background-image:linear-gradient(var(--shiny-spread,120deg), var(--shiny-color,#b5b5b5) 0%, var(--shiny-color,#b5b5b5) 36%, var(--shiny-shine,#fff) 50%, var(--shiny-color,#b5b5b5) 64%, var(--shiny-color,#b5b5b5) 100%);-webkit-text-fill-color:transparent;animation-name:shiny-sweep;animation-duration:var(--shiny-duration,2s);animation-delay:var(--shiny-delay,0s);animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:var(--shiny-direction,normal);background-position:150%;background-size:200%;-webkit-background-clip:text;background-clip:text;display:inline-block}.shiny-text.pause-on-hover:hover{animation-play-state:paused}.shiny-text.is-disabled{color:inherit;-webkit-text-fill-color:currentColor;background:0 0}@keyframes shiny-sweep{0%{background-position:150%}to{background-position:-50%}}
