:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#effffb;background:#06110f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #06110f;--panel: #0b1c19;--panel-strong: #102722;--line: rgba(149, 235, 213, .16);--muted: #91aaa4;--accent: #55e6bc;--accent-strong: #79f7d1;--accent-ink: #03261c;--danger: #ff8d96;--danger-soft: rgba(255, 99, 112, .12);--success-soft: rgba(85, 230, 188, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -15%,rgba(54,209,167,.16),transparent 38rem),linear-gradient(180deg,#071512 0%,var(--bg) 56%,#040a09 100%)}button{font:inherit}button:focus-visible{outline:3px solid rgba(121,247,209,.75);outline-offset:3px}.app-shell{width:min(100%,760px);margin:0 auto;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.topbar,.brand,.session-status>div,.score-row,.round-actions{display:flex;align-items:center}.topbar{justify-content:space-between;gap:18px;margin-bottom:22px}.brand{gap:12px;min-width:0}.brand-mark{position:relative;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(85,230,188,.45);border-radius:50%;background:linear-gradient(90deg,transparent 49%,rgba(85,230,188,.23) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(85,230,188,.23) 50%,transparent 51%);box-shadow:inset 0 0 18px #55e6bc1c,0 0 24px #55e6bc14}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid rgba(85,230,188,.22);border-radius:50%;inset:7px}.brand-mark:after{inset:15px;background:var(--accent);border:none;box-shadow:0 0 12px var(--accent)}.brand-mark span{position:absolute;left:50%;bottom:50%;width:46%;height:1px;background:var(--accent);transform-origin:left center;transform:rotate(-35deg)}h1,h2,p{margin-top:0}.brand h1{margin:2px 0 0;font-size:clamp(1.22rem,4vw,1.55rem);line-height:1.05;letter-spacing:-.03em}.eyebrow{margin-bottom:4px;color:var(--accent);font-size:.69rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.level-switch{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.level-switch button{min-width:48px;min-height:38px;padding:0 12px;color:var(--muted);border:0;border-radius:9px;background:transparent;cursor:pointer;font-weight:750}.level-switch button.active{color:var(--accent-ink);background:var(--accent)}.session-status{margin-bottom:13px}.session-status>div:first-child,.score-row{justify-content:space-between;color:var(--muted);font-size:.82rem}.progress-track,.model-progress{height:5px;margin:9px 0;overflow:hidden;border-radius:999px;background:#ffffff12}.progress-track span,.model-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fbf98,var(--accent-strong));transition:width .26s ease}.score-row strong{color:#fff;margin-left:3px}.game-card,.summary-screen{padding:clamp(20px,5vw,34px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#102722fa,#081714fa);box-shadow:0 24px 70px #00000047}.question-block{margin-bottom:18px}.question-block h2{max-width:580px;margin-bottom:0;font-size:clamp(1.35rem,5.4vw,2.15rem);line-height:1.18;letter-spacing:-.035em}.round-actions{gap:10px;justify-content:center;margin:16px 0 20px}.play-button,.primary-button{min-height:50px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);cursor:pointer;font-weight:800}.play-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;min-width:190px;min-height:54px;padding:0 22px;box-shadow:0 12px 28px #55e6bc2e;transition:transform .16s ease,box-shadow .16s ease}.play-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 15px 34px #55e6bc42}.play-button:disabled{cursor:wait;opacity:.55}.replay-button{display:inline-flex;flex:0 0 54px;align-items:center;justify-content:center;width:54px;height:54px;padding:0;color:var(--accent);border:1px solid rgba(85,230,188,.42);border-radius:14px;background:#55e6bc14;cursor:pointer}.replay-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.replay-button:disabled{cursor:wait;opacity:.55}.replay-button.is-playing svg{animation:replay-spin .9s linear infinite}.next-button{flex:1 1 auto;min-height:54px;padding:0 20px}.speech-icon{display:inline-flex;flex:0 0 28px;width:28px;height:24px}.speech-icon svg{width:100%;height:100%;overflow:visible;fill:currentColor}.speech-wave{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.play-button.is-playing:disabled{opacity:1;animation:play-pulse .9s ease-in-out infinite alternate}.play-button.is-playing .speech-wave,.play-button.is-loading .speech-wave{animation:speech-wave-pulse .62s ease-in-out infinite alternate}.play-button.is-playing .wave-two,.play-button.is-loading .wave-two{animation-delay:-.31s}@keyframes play-pulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes speech-wave-pulse{0%{opacity:.25}to{opacity:1}}@keyframes replay-spin{to{transform:rotate(-360deg)}}.model-progress{margin:-8px 0 18px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-button{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 16px;color:#effffb;text-align:left;border:1px solid rgba(183,232,219,.17);border-radius:15px;background:#ffffff09;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.answer-button:not(:disabled):hover{border-color:#55e6bc9e;background:#55e6bc12;transform:translateY(-1px)}.answer-button:disabled{cursor:default;opacity:.46}.answer-button.correct,.answer-button.wrong{opacity:1}.answer-button.correct{color:#baffeb;border-color:#55e6bcb8;background:var(--success-soft)}.answer-button.wrong{color:#ffd8db;border-color:#ff8d96a6;background:var(--danger-soft)}.answer-button strong{font-size:1.15rem}.answer-hint{margin:11px 0 0;color:var(--muted);text-align:center;font-size:.8rem}.feedback{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.feedback-title{margin-bottom:6px;color:var(--accent-strong);font-size:1.05rem;font-weight:800}.feedback.failure .feedback-title{color:var(--danger)}.feedback>p:not(.feedback-title){margin-bottom:15px;color:#c0d1cd;line-height:1.55}.transcript{margin:0 0 18px;padding:15px 16px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:#0003}.transcript span{display:block;margin-bottom:7px;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.transcript p{margin:0;color:#f2fffb;line-height:1.55}.primary-button{padding:0 20px}.wide{width:100%}footer{max-width:540px;margin:18px auto 0;color:#91aaa4bf;text-align:center;font-size:.74rem;line-height:1.5}.summary-screen{max-width:620px;margin:8vh auto 0;text-align:center}.summary-screen .brand-mark{margin:0 auto 22px}.summary-screen h1{margin-bottom:12px;font-size:clamp(1.8rem,7vw,2.8rem);letter-spacing:-.045em}.summary-lead{color:var(--muted);line-height:1.55}.summary-lead strong{color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.summary-grid div{padding:15px 8px;border:1px solid var(--line);border-radius:14px;background:#00000026}.summary-grid span,.summary-grid strong{display:block}.summary-grid span{margin-bottom:7px;color:var(--muted);font-size:.72rem}.summary-grid strong{font-size:1.4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.app-shell{padding-left:14px;padding-right:14px}.topbar{align-items:flex-start}.brand-mark{flex-basis:38px;width:38px;height:38px}.level-switch button{min-width:42px;min-height:36px;padding:0 9px}.game-card{border-radius:20px}.app-shell{padding-bottom:calc(102px + env(safe-area-inset-bottom))}.play-button{width:100%}.answers{grid-template-columns:1fr}.answer-button{min-height:54px}.round-actions{position:fixed;z-index:30;right:0;bottom:0;left:0;gap:10px;margin:0;padding:10px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid rgba(85,230,188,.18);background:#04120ff0;box-shadow:0 -12px 34px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@media(max-width:370px){.brand .eyebrow{display:none}.brand h1{margin-top:8px}.summary-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}