:root{--cream: #f5f0e6;--cream-deep: #ede6d6;--cream-panel: #faf6ee;--charcoal: #1a1a17;--charcoal-soft: rgba(26, 26, 23, .62);--charcoal-faint: rgba(26, 26, 23, .38);--ink: #14151a;--ink-high: #20222b;--lavender: #c9b8d9;--lavender-deep: #b7a3cc;--pulse: #f0d7ff;--deep-green: #034f46;--sage: #a8c4a2;--amber: #e9c490;--cta: #8fb88f;--hairline: rgba(26, 26, 23, .12);--shadow-soft: 0 6px 30px rgba(90, 80, 60, .08);--shadow-lift: 0 14px 44px rgba(90, 80, 60, .13);--serif: "EB Garamond", Georgia, "Times New Roman", serif;--sans: "Figtree", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-settled: cubic-bezier(.22, 1, .36, 1);--radius-card: 20px;--radius-button: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);color:var(--charcoal);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100%}#root{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}.app-stage{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex:1;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}::selection{background:var(--lavender);color:var(--charcoal)}:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:6px}.serif{font-family:var(--serif)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;letter-spacing:-.01em}.display{font-family:var(--serif);font-size:clamp(2.6rem,7vw,5.2rem);font-weight:500;line-height:1.05;letter-spacing:-.015em}.eyebrow{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--charcoal-soft)}.muted{color:var(--charcoal-soft)}.result-insight{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,3vw,1.5rem);max-width:620px;text-align:center}.footnote{font-size:.78rem;color:var(--charcoal-faint);text-align:center;max-width:560px;line-height:1.7;margin:0 auto}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px);animation:screen-in .5s var(--ease-settled)}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card{background:var(--cream-panel);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:clamp(22px,4vw,40px)}.btn{font-family:var(--sans);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-button);padding:16px 34px;cursor:pointer;transition:transform .35s var(--ease-settled),box-shadow .35s var(--ease-settled),background-color .25s ease;min-height:52px}.btn:active{transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.5;cursor:default}.btn-lavender{background:var(--lavender);color:var(--charcoal)}.btn-lavender:hover{background:var(--lavender-deep);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.btn-ghost{background:transparent;color:var(--charcoal);border:1px solid var(--hairline)}.btn-ghost:hover{border-color:var(--charcoal-faint);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn-text{background:none;border:none;color:var(--charcoal-soft);font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:8px}.btn-text:hover{color:var(--charcoal)}.btn-small{padding:10px 22px;min-height:40px;font-size:.9rem}textarea,input[type=text]{font-family:var(--sans);font-size:1.05rem;line-height:1.6;color:var(--charcoal);background:var(--cream-panel);border:1px solid var(--hairline);border-radius:16px;padding:16px 18px;width:100%;resize:none;transition:box-shadow .4s var(--ease-settled),border-color .3s ease}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 4px #a8c4a240}.panel-label{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal-faint);margin-bottom:6px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{font-family:var(--sans);font-size:.88rem;padding:9px 18px;border-radius:999px;border:1px solid var(--hairline);background:var(--cream-panel);color:var(--charcoal);cursor:pointer;transition:transform .3s var(--ease-settled),background-color .25s ease,border-color .25s ease}.chip:hover{transform:translateY(-1px);border-color:var(--sage)}.chip.selected{background:#c9b8d952;border-color:var(--lavender-deep)}.mic-orb{width:116px;height:116px;border-radius:50%;border:none;background:var(--cream-panel);box-shadow:var(--shadow-soft),0 0 #a8c4a266;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .4s var(--ease-settled),transform .4s var(--ease-settled)}.mic-orb:hover{transform:translateY(-2px)}.mic-orb.listening{animation:orb-breathe 2.6s ease-in-out infinite}@keyframes orb-breathe{0%,to{box-shadow:var(--shadow-soft),0 0 #a8c4a259}50%{box-shadow:var(--shadow-soft),0 0 0 22px #a8c4a200}}.mic-orb.confirmed{box-shadow:var(--shadow-soft),0 0 0 10px #8fb88f47}.landing-footnote{margin-top:10px;padding-bottom:env(safe-area-inset-bottom,0px)}.inapp-notice{display:grid;gap:10px;justify-items:center;max-width:min(92vw,440px);padding:14px 20px;border:1px solid rgba(201,184,217,.5);border-radius:16px;background:#c9b8d924}.inapp-notice-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.arena-preview{position:relative;width:min(92vw,640px);height:240px;border-radius:26px;background:linear-gradient(to bottom,var(--ink-high),var(--ink));box-shadow:var(--shadow-lift);overflow:hidden}.arena-preview-line{position:absolute;top:26px;left:16px;right:16px;border-top:1.5px dashed rgba(233,196,144,.28)}.preview-bubble{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:58px;padding:0 16px;border-radius:50%;border:1.5px solid rgba(201,184,217,.75);background:radial-gradient(circle at 32% 28%,#f5f0e62e,#f5f0e60a 70%);color:#f5f0e6f2;font-size:.8rem;font-weight:600;white-space:nowrap;animation:preview-drift 7s ease-in-out infinite}.preview-bubble.capsule{border-radius:999px;height:44px;border-color:#a8c4a2bf}@media(max-width:480px){.preview-bubble{min-width:46px;height:48px;padding:0 12px;font-size:.72rem}.preview-bubble.capsule{height:38px}}@keyframes preview-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.preview-core{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.flow-core-canvas{display:block;max-width:100%;height:auto!important;aspect-ratio:1}.core-stage{position:relative;width:min(216px,62vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.core-stage .flow-core-canvas{width:100%!important}.core-mic{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.game-shell{flex:1;display:flex;padding:clamp(8px,2vw,22px)}.app-stage-game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;overscroll-behavior:none}.arena{position:relative;flex:1;border-radius:clamp(16px,3vw,28px);overflow:hidden;box-shadow:var(--shadow-lift);background:var(--ink);min-height:70vh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.arena-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{position:absolute;z-index:4;pointer-events:none;color:#f5f0e6eb}.hud-bar{position:absolute;top:14px;left:18px;right:18px;z-index:4;pointer-events:none;color:#f5f0e6eb;display:flex;align-items:stretch;justify-content:space-between;gap:14px}.hud-pod{display:flex;align-items:center;gap:16px;padding:8px 16px;border:1px solid rgba(245,240,230,.1);border-radius:16px;background:#10111699;box-shadow:0 8px 26px #05060a38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-pod-center{flex-direction:column;justify-content:center;gap:1px;text-align:center;min-width:170px;animation:screen-in .5s var(--ease-settled)}.hud-pod-right{text-align:right;align-items:flex-start}.hud-pod-right .hud-cell{justify-items:end;align-content:start}.hud-cell{display:grid;gap:2px;align-content:center}.hud-area-flow{min-width:150px}.hud-wave{font-size:.76rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#f5f0e6e0}.hud-mode{font-size:.78rem;color:#f5f0e6bd}.hud-bottom{bottom:14px;left:50%;transform:translate(-50%);text-align:center;width:min(92%,520px);display:flex;flex-direction:column;align-items:center;gap:4px}.hud-label{font-size:.67rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f5f0e6c2}.hud-value{font-family:var(--serif);font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.1;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(20,21,26,.6)}.hud-score{color:var(--cream)}.hud-value.combo-hot{color:var(--lavender);text-shadow:0 0 14px rgba(201,184,217,.5)}.fever-tag{display:block;font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pulse);animation:warn-pulse 1s ease-in-out infinite}.wpm-pulse{animation:wpm-pop .5s var(--ease-settled)}@keyframes wpm-pop{0%{transform:scale(1.18);color:var(--sage)}to{transform:scale(1)}}.hud-sub{font-size:.74rem;color:#f5f0e6b8;white-space:nowrap}.hud-warn{font-size:.72rem;color:var(--amber);animation:warn-pulse 1.6s ease-in-out infinite}@keyframes warn-pulse{0%,to{opacity:.6}50%{opacity:1}}.flow-meter{width:150px;height:10px;border-radius:999px;background:#f5f0e629;border:1px solid rgba(245,240,230,.14);overflow:hidden}.flow-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(to right,var(--sage),var(--lavender));transition:width .3s var(--ease-settled)}.flow-meter.warn span{background:linear-gradient(to right,var(--amber),var(--lavender))}.flow-meter.danger{border-color:#d67a6e8c}.flow-meter.danger span{background:linear-gradient(to right,#d67a6e,var(--amber));animation:warn-pulse .9s ease-in-out infinite}.arena-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-settled);box-shadow:inset 0 0 90px #d67a6e59;border-radius:inherit}.arena-vignette.on{opacity:1;animation:vignette-breathe 1.4s ease-in-out infinite}@keyframes vignette-breathe{0%,to{box-shadow:inset 0 0 70px #d67a6e38}50%{box-shadow:inset 0 0 110px #d67a6e66}}.flow-meter.hit{animation:flow-hit .52s var(--ease-settled)}.flow-meter.low span{background:linear-gradient(to right,#d67a6e,var(--amber));animation:warn-pulse .9s ease-in-out infinite}@keyframes flow-hit{35%{transform:scaleY(1.8);filter:saturate(1.35) brightness(1.18)}}.game-mic{pointer-events:auto;width:64px;height:64px;border-radius:50%;border:1.5px solid rgba(245,240,230,.3);background:#f5f0e61a;color:#f5f0e6f2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s var(--ease-settled)}.game-mic:hover{transform:translateY(-2px)}.game-mic.listening{animation:orb-breathe 2.4s ease-in-out infinite;border-color:#a8c4a2cc;box-shadow:0 0 0 calc(6px + var(--mic-level, 0) * 12px) #a8c4a214,0 0 calc(10px + var(--mic-level, 0) * 22px) #c9b8d924}.game-mic.stuck{border-color:var(--lavender);animation:voice-refresh 1.1s ease-in-out infinite}@keyframes voice-refresh{50%{box-shadow:0 0 0 12px #c9b8d914}}.transcript-line{font-size:.88rem;color:#f5f0e6c7;min-height:1.4em;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:italic;font-family:var(--serif)}.level-toast{position:absolute;z-index:5;top:22%;left:50%;transform:translate(-50%);color:#f5f0e6e6;font-style:italic;font-size:clamp(1rem,2.6vw,1.35rem);text-align:center;max-width:84%;animation:toast-in .6s var(--ease-settled);pointer-events:none}.streak-toast{position:absolute;z-index:5;top:30%;left:50%;transform:translate(-50%);font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--pulse);text-shadow:0 0 18px rgba(240,215,255,.55);animation:toast-in .4s var(--ease-settled);pointer-events:none}.transcript-row{display:flex;align-items:center;gap:12px}.burst-reset{pointer-events:auto;background:#f5f0e61a;border:1px solid rgba(245,240,230,.28);border-radius:999px;color:#f5f0e6d9;font-size:.72rem;font-weight:600;letter-spacing:.06em;cursor:pointer;padding:4px 14px;transition:background-color .2s ease,border-color .2s ease}.burst-reset:hover{background:#f5f0e62e;border-color:#f5f0e680}.transcript-line.cleared-note{color:var(--sage);animation:cleared-pop .7s var(--ease-settled)}@keyframes cleared-pop{0%{opacity:0;transform:scale(1.15)}30%{opacity:1}to{opacity:.7;transform:scale(1)}}.correction-chip{position:absolute;z-index:5;bottom:152px;left:50%;transform:translate(-50%);background:#c9b8d92e;border:1px solid rgba(201,184,217,.55);color:#f5f0e6f2;border-radius:999px;padding:6px 16px;font-size:.8rem;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;animation:toast-in .4s var(--ease-settled);pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.arena-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#14151a8c;animation:overlay-in .7s var(--ease-settled)}.arena-overlay-title{color:var(--cream);font-size:clamp(2rem,6vw,3.4rem);font-style:italic}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.result-cards{display:grid;grid-template-columns:repeat(3,minmax(130px,170px));gap:12px;justify-content:center;width:100%}.gameover-proof{max-width:560px;color:var(--deep-green, #034f46)}.result-card{background:var(--cream-panel);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px 12px 12px;text-align:center}.result-card-label{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--charcoal-faint)}.result-card-value{font-family:var(--serif);font-size:clamp(1.5rem,4vw,1.9rem);font-variant-numeric:tabular-nums;line-height:1.2;margin-top:2px}.result-card-sub{font-size:.72rem;color:var(--charcoal-soft)}.challenge-card{background:#c9b8d929;border:1px solid rgba(201,184,217,.45);border-radius:16px;padding:12px 26px;display:grid;gap:2px;justify-items:center}.gameover-next{cursor:pointer;color:var(--charcoal);font:inherit;padding:16px 34px;min-width:min(92vw,380px);transition:transform .3s var(--ease-settled),box-shadow .3s var(--ease-settled),background-color .25s ease}.gameover-next:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);background:#c9b8d947}.gameover-next strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}@media(max-width:560px){.result-cards{grid-template-columns:repeat(2,1fr);max-width:360px}}.flowstate-screen{gap:26px;text-align:center;padding-top:clamp(34px,5vw,64px)}.flowstate-card{position:relative;width:min(94vw,720px);display:grid;justify-items:center;gap:18px;overflow:hidden;border:1px solid var(--hairline);border-radius:28px;background:var(--cream-panel);box-shadow:var(--shadow-lift);padding:0 clamp(22px,5vw,54px) 38px}.flowstate-band{position:relative;width:calc(100% + clamp(44px,10vw,108px));min-height:220px;overflow:hidden;display:grid;align-content:start;justify-items:center;gap:8px;padding:34px 80px 74px;color:var(--cream);background:linear-gradient(155deg,var(--ink-high),#101116)}.flowstate-brand{font-size:.68rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--sage)}.flowstate-owner{font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.08}.flowstate-kicker{font-family:var(--serif);font-size:1rem;font-style:italic;color:#f5f0e6b3}.flowstate-bubble{position:absolute;border:1.5px solid rgba(201,184,217,.38);border-radius:50%}.flowstate-bubble:after{content:"";position:absolute;width:20%;height:20%;top:18%;left:24%;border-radius:50%;background:#f5f0e633}.bubble-one{width:58px;height:58px;left:9%;bottom:28px}.bubble-two{width:32px;height:32px;right:12%;top:38px}.bubble-three{width:78px;height:78px;right:4%;bottom:-20px}.flowstate-portrait{position:relative;z-index:2;width:132px;height:132px;margin:-84px 0 0;border:5px solid var(--cream-panel);outline:2px solid var(--lavender-deep);box-shadow:0 12px 30px #1a1a1729}.flowstate-portrait-options{justify-content:center;margin-top:-6px}.flowstate-persona{display:grid;gap:5px;max-width:580px}.flowstate-persona h1{font-size:clamp(2.5rem,8vw,4.5rem)}.flowstate-persona .serif{font-size:clamp(1.05rem,2.6vw,1.35rem);font-style:italic;color:var(--charcoal-soft)}.flowstate-hero{width:100%;padding:22px 18px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.cert-hero{font-size:clamp(2.2rem,7vw,3.7rem);line-height:1}.flowstate-hero-sub{margin-top:8px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--charcoal-faint)}.flowstate-stat-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flowstate-stat-grid>div{min-height:92px;display:grid;align-content:center;gap:4px;border:1px solid var(--hairline);border-radius:16px;background:var(--cream-deep)}.flowstate-stat-grid span{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--charcoal-faint)}.flowstate-stat-grid strong{font-family:var(--serif);font-size:clamp(1.35rem,4vw,1.8rem);font-weight:500}.flowstate-proof{display:grid;gap:4px;padding:12px 18px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.flowstate-proof .serif{font-size:1.04rem;color:var(--deep-green, #034f46)}.flowstate-proof .muted{font-size:.88rem}.flowstate-value{width:100%;display:grid;gap:8px;padding:18px;border-radius:18px;background:#a8c4a224;border:1px solid rgba(168,196,162,.38)}.flowstate-value.locked{background:#c9b8d924;border-color:#c9b8d966}.flowstate-value>.serif{font-size:clamp(1.2rem,3.5vw,1.55rem)}.flowstate-value-hero{font-size:clamp(1.7rem,5vw,2.3rem)!important;line-height:1.05}.flowstate-value>.muted{font-size:.78rem}.flowstate-value-note{font-size:.68rem!important;color:var(--charcoal-faint)}.flowstate-time-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:6px}.flowstate-time-slider label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--charcoal-soft);white-space:nowrap}.flowstate-time-value{font-family:var(--font-serif);font-size:1.02rem;white-space:nowrap;min-width:74px;text-align:right}.flowstate-time-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#1a1a1724;accent-color:var(--lavender);cursor:pointer}.flowstate-time-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--cream);border:2px solid var(--lavender);box-shadow:0 2px 8px #1a1a1738}.flowstate-time-slider input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--cream);border:2px solid var(--lavender);box-shadow:0 2px 8px #1a1a1738}.flowstate-next{width:100%;cursor:pointer;color:var(--charcoal);font:inherit;padding:18px 26px;transition:transform .3s var(--ease-settled),box-shadow .3s var(--ease-settled),background-color .25s ease}.flowstate-next:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);background:#c9b8d947}.flowstate-next .serif{font-size:1.22rem}.flowstate-next strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.flowstate-challenge-line{font-style:italic;font-size:1.1rem}.flowstate-actions{display:grid;gap:14px;width:100%;max-width:720px}.share-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.cta-flow{display:grid;gap:4px;justify-items:center;width:100%;max-width:720px;padding:22px 30px;border-radius:18px;text-decoration:none;color:var(--charcoal);background:linear-gradient(120deg,var(--lavender) 0%,#d8c9e6 45%,var(--sage) 130%);box-shadow:0 14px 40px #b7a3cc73;transition:transform .35s var(--ease-settled),box-shadow .35s var(--ease-settled);animation:cta-breathe 3.2s ease-in-out infinite}.cta-flow:hover{transform:translateY(-3px);box-shadow:0 20px 52px #b7a3cc99}.cta-flow-kicker{font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#1a1a1799}.cta-flow-label{font-family:var(--serif);font-size:clamp(1.7rem,5vw,2.3rem);font-style:italic;line-height:1.1}.cta-flow-sub{font-size:.9rem;color:#1a1a17a8}@keyframes cta-breathe{0%,to{box-shadow:0 14px 40px #b7a3cc6b}50%{box-shadow:0 16px 52px #b7a3cc9e}}.streak-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;border:1px solid rgba(201,184,217,.55);background:#c9b8d929;font-size:.88rem;font-weight:500;animation:screen-in .6s var(--ease-settled)}.streak-chip .streak-flame{display:inline-block;animation:flame-flicker 1.8s ease-in-out infinite}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.15) rotate(3deg)}}.new-best-tag{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:var(--lavender);color:var(--charcoal);font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;animation:best-pop .7s var(--ease-settled)}@keyframes best-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.painting-stage{position:relative;width:min(70vw,260px);aspect-ratio:1;margin:6px auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 38% 30%,#262833,#14151a 78%);box-shadow:var(--shadow-lift),inset 0 0 40px #c9b8d914;animation:screen-in .5s var(--ease-settled)}.painting-stage:before,.painting-stage:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1.5px dashed rgba(201,184,217,.35);animation:paint-orbit 9s linear infinite}.painting-stage:after{top:-28px;right:-28px;bottom:-28px;left:-28px;border-color:#a8c4a240;animation-duration:14s;animation-direction:reverse}@keyframes paint-orbit{to{transform:rotate(360deg)}}.painting-status{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--charcoal-soft);min-height:1.6em;animation:status-fade 3.6s ease-in-out infinite}@keyframes status-fade{0%,to{opacity:.55}50%{opacity:1}}.portrait-circle{width:72px;height:72px;border-radius:50%;background:var(--cream-deep);border:2px solid rgba(168,196,162,.8);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.4rem;flex-shrink:0}.portrait-circle.large{width:116px;height:116px;font-size:2rem;margin:0 auto 6px;border-color:var(--lavender-deep)}.portrait-circle img{width:100%;height:100%;object-fit:cover}.persona-frame{width:min(78vw,340px);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lift);border:1px solid var(--hairline);animation:screen-in .7s var(--ease-settled)}.persona-frame img{display:block;width:100%}.camera-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#f5f0e6e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.camera-panel{display:grid;gap:18px;justify-items:center;max-width:min(92vw,480px)}.camera-preview{width:min(80vw,380px);aspect-ratio:1;object-fit:cover;border-radius:18px;transform:scaleX(-1);background:var(--cream-deep)}.sound-toggle{position:fixed;top:18px;right:18px;z-index:60;background:#faf6eed9;border:1px solid var(--hairline);border-radius:999px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .35s var(--ease-settled),box-shadow .35s var(--ease-settled)}.sound-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.screen-utility{display:flex;justify-content:flex-end;padding:14px 18px 0}.sound-toggle-inline{position:static;z-index:auto}@media(max-width:640px){.screen{padding-top:12px}.screen-utility{padding:10px 14px 0}.btn{width:100%;max-width:420px}.share-row .btn{width:100%}.game-shell{padding:6px}.arena{min-height:calc(100dvh - 12px)}.hud-bar{top:8px;left:8px;right:8px;display:grid;grid-template-areas:"level center score" "flow  flow   streak";grid-template-columns:auto 1fr auto;column-gap:12px;row-gap:6px;padding:10px 14px;border:1px solid rgba(245,240,230,.1);border-radius:14px;background:#1011169e;box-shadow:0 8px 26px #05060a38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-pod-left,.hud-pod-right{display:contents}.hud-area-level{grid-area:level}.hud-pod-center{grid-area:center;text-align:center;align-self:center;justify-content:center;min-width:0;padding:0;border:none;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-area-score{grid-area:score;text-align:right;justify-items:end}.hud-area-flow{grid-area:flow;align-self:center;min-width:0}.hud-area-streak{grid-area:streak;text-align:right;justify-items:end}.hud-pod-center .wpm-pulse{display:none}.hud-area-flow .flow-meter{width:100%}.hud-wave{font-size:.6rem;letter-spacing:.18em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-mode{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-meter{height:8px}.hud-bar{padding:8px 12px;row-gap:4px}.hud-area-flow .hud-sub{display:none}.hud-value{font-size:1.05rem}.hud-label{font-size:.55rem}.hud-sub{font-size:.62rem}.arena-preview{height:190px}.game-mic{width:72px;height:72px}.correction-chip{bottom:178px;font-size:.76rem}.flowstate-card{border-radius:20px;padding-inline:18px;gap:14px}.flowstate-band{min-height:140px;padding:22px 32px 56px}.flowstate-portrait{width:96px;height:96px;margin-top:-62px}.flowstate-owner{font-size:1.55rem}.flowstate-persona h1{font-size:2.2rem}.cert-hero{font-size:2rem}.flowstate-hero{padding:14px 12px}.flowstate-value-hero{font-size:1.7rem!important}.flowstate-stat-grid{gap:8px}.flowstate-stat-grid>div{min-height:74px}.flowstate-time-slider{grid-template-columns:1fr auto}.flowstate-time-slider label{grid-column:1 / -1}.footnote{font-size:.68rem;line-height:1.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}