@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0c2940;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg:#f6ffffdb;--panel-border:#ffffff8c;--panel-shadow:0 18px 48px #041f3638;--accent:#ff8b52;--accent-deep:#ff6d37;--focus-ring:#ffe17a;--ink:#0c2940;--muted:#3e5d74;--seaweed:#0f8a7c;--bubble:#fffffff5;background:radial-gradient(circle at top,#ffffffa6,#0000 24%),linear-gradient(#0a5476 0%,#11779a 28%,#0b88ad 62%,#84d6dd 100%);font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}input{color:var(--ink);background:#fffffff5;border:1px solid #0c294029;border-radius:14px;width:100%;min-width:0;padding:.8rem .95rem}#root{min-height:100vh}.app-shell{min-height:100vh;padding:1.5rem;position:relative;overflow:hidden}.background-orbs{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(2px);background:#ffffff1f;border-radius:999px;animation:10s ease-in-out infinite drift;position:absolute}.orb--large{width:340px;height:340px;top:-80px;right:-60px}.orb--medium{width:240px;height:240px;animation-delay:2s;bottom:18%;left:-40px}.orb--small{width:120px;height:120px;animation-delay:1s;top:18%;left:24%}.topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;max-width:1200px;margin:0 auto 1.5rem;display:flex;position:relative}.topbar>div:first-child{min-width:0}.topbar h1,.hero-card h1,.game-panel h1,.results-hero h1,.stats-layout h1,.empty-state h2{letter-spacing:0;margin:0;font-family:Fredoka,sans-serif;font-weight:700;line-height:1.05}.topbar h1{color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.profile-chip{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-wrap:anywhere;background:#fff3;border-radius:999px;max-width:100%;padding:.7rem 1rem}.panel{z-index:1;border:1px solid var(--panel-border);background:var(--panel-bg);width:min(100%,1200px);max-width:1200px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;margin:0 auto 1.25rem;padding:1.35rem;position:relative}.panel-profile--modal{margin-top:0}.panel-heading,.question-header,.operation-card__header,.hud,.hud-actions{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:var(--seaweed);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .35rem;font-size:.82rem;font-weight:700}.hero-copy,.empty-state p,.operation-card p,.insight-card p,.profile-card p{color:var(--muted)}.setup-layout,.results-layout,.stats-layout{z-index:1;gap:1.25rem;display:grid;position:relative}.setup-layout>.panel,.results-layout>.panel,.stats-layout>.panel{margin-bottom:0}.hero-card,.results-hero{padding:1.7rem}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.3rem;display:flex}.setup-layout .hero-actions>button,.stats-layout .hero-actions>button{flex:12rem}.primary-button,.ghost-button,.difficulty-card,.reduced-motion-choice,.answer-bubble{border:0;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-radius:18px;min-height:2.9rem;padding:.92rem 1.2rem;font-weight:700;box-shadow:0 16px 28px #ff6d373d}.ghost-button{min-height:2.9rem;color:var(--ink);background:#0c294014;border-radius:18px;padding:.82rem 1.05rem;font-weight:600}.ghost-button--danger{color:#a63b37}.primary-button:hover,.ghost-button:hover,.difficulty-card:hover,.reduced-motion-choice:hover,.answer-bubble:hover{transform:translateY(-2px)}.profile-create-form,.inline-form,.range-fields,.hud-stats,.difficulty-grid,.stats-row,.session-list{gap:1rem;display:grid}.profile-create-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.profile-list,.operation-grid{gap:1rem;display:grid}.operation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.operation-grid--stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.profile-card,.operation-card,.difficulty-card,.metric-card,.session-card{background:#fffc;border-radius:22px}.profile-card{border:1px solid #0c29401a;padding:1rem}.profile-card--active{outline:2px solid #0f8a7c59}.profile-card__actions,.field,.fact-list,.hud-stats div,.metric-card{flex-direction:column;gap:.45rem;display:flex}.field span,.hud-stats span,.metric-card span{color:var(--muted);font-size:.92rem}.operation-card{border:1px solid #0c29401a;padding:1rem}.operation-card--active{background:linear-gradient(#dcfcfaf2,#ffffffeb)}.operation-card h3,.panel h2,.insight-card h2{margin:0;font-family:Fredoka,sans-serif;line-height:1.15}.range-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));margin-top:.9rem}.operation-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.operation-card__footer p{min-width:min(100%,11rem);margin:0}.operation-card__footer .ghost-button{white-space:normal;flex:12rem}.difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.difficulty-card{text-align:left;background:#ffffffb8;border-radius:22px;min-height:8.75rem;padding:1rem}.difficulty-card--selected{background:linear-gradient(#ffecd9f5,#ffffffe6);outline:2px solid #ff8b5259}.difficulty-card span{color:var(--muted);margin-top:.35rem;display:block}.error-text{color:#a63b37;margin:.75rem 0 0;font-weight:600}.toggle{background:#0c294012;border-radius:999px;flex:none;align-items:center;gap:.5rem;min-height:2.75rem;padding:.55rem .8rem;display:inline-flex}.toggle input{width:auto;min-width:auto}.hud{grid-template-columns:1.1fr 1fr 1fr;align-items:center;display:grid}.hud h2{margin:0}.hud-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.hud-stats strong,.metric-card strong{font-family:Fredoka,sans-serif;font-size:1.45rem}.air-meter{grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;width:100%;display:grid}.air-meter__track,.timer-pill__track{background:#0c29401f;border-radius:999px;height:14px;overflow:hidden}.air-meter__fill{border-radius:inherit;background:linear-gradient(90deg,#ffe17a,#ff8b52);height:100%}.game-panel{min-height:66vh}.timer-pill{gap:.45rem;width:min(260px,100%);display:grid}.timer-pill__copy{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.timer-pill__copy span,.timer-pill__copy strong{color:var(--ink)}.timer-pill__copy strong{font-family:Fredoka,sans-serif}.timer-pill__fill{border-radius:inherit;background:linear-gradient(90deg,#0f8a7c,#4cc9d4);height:100%}.game-surface-hint{color:var(--muted);margin:1rem 0 0;font-weight:600}.feedback-banner{color:var(--ink);background:#ffffffbf;border-radius:16px;margin:.85rem 0 0;padding:.8rem 1rem;font-weight:600}.bubble-field{background:linear-gradient(#ffffff40,#03283e0a),radial-gradient(circle at top,#ffffff52,#0000 30%);border-radius:24px;min-height:52vh;margin-top:1.25rem;position:relative;overflow:hidden}.game-action-button{touch-action:manipulation;min-width:9.5rem;min-height:3.25rem}.game-answer-choice{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-width:96px;min-height:96px;display:flex;position:relative}.game-answer-choice:focus-visible,.game-action-button:focus-visible{outline:4px solid var(--focus-ring);outline-offset:4px}.game-answer-choice:focus-visible{box-shadow:0 0 0 7px #0c29402e,0 16px 30px #092d442e}.game-action-button:focus-visible{box-shadow:0 0 0 6px #0c294024,0 10px 22px #092d442e}.choice-shortcut{min-width:1.55rem;color:var(--muted);background:#0c294014;border-radius:999px;padding:.16rem .42rem;font-size:.72rem;font-weight:700;line-height:1.15;position:absolute;top:.65rem;right:.65rem}.choice-value{line-height:1}.answer-bubble{bottom:-12%;left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);background:var(--bubble);color:var(--ink);animation:rise var(--bubble-duration) linear forwards;border-radius:999px;font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:700;position:absolute;box-shadow:0 16px 30px #092d4424}.reduced-motion-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.reduced-motion-choice{min-height:118px;color:var(--ink);background:#fffffff5;border-radius:22px;font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:700}.stats-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.metric-card{justify-content:center;min-height:7rem;padding:1rem}.insight-card,.session-card{padding:1rem}.stats-hero{padding:1.7rem}.insight-card{align-content:start;gap:.75rem;display:grid}.insight-card p{margin:0}.fact-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:start;margin-top:1rem}.fact-list ul{margin:.4rem 0 0;padding-left:1rem}.session-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.session-card strong{font-family:Fredoka,sans-serif;font-size:1.3rem}.session-card{flex-direction:column;gap:.35rem;display:flex}.empty-state{text-align:center;padding:2rem}@keyframes rise{0%{transform:translate(-50%)scale(.94)}to{transform:translate(-50%,-135%)scale(1.06)}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@media (width<=900px){.topbar,.panel-heading,.question-header,.hud{grid-template-columns:1fr;display:grid}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-list,.profile-create-form{grid-template-columns:1fr}.hud-actions{grid-template-columns:1fr;display:grid}}@media (width<=640px){.app-shell{padding:1rem}.topbar-actions,.hero-actions,.operation-card__footer{flex-direction:column;align-items:stretch}.setup-layout .hero-actions>button,.stats-layout .hero-actions>button,.operation-card__footer .ghost-button{flex:0 auto;width:100%}.range-fields,.hud-stats{grid-template-columns:1fr}.answer-bubble{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.orb,.answer-bubble{animation:none}}