@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html,body,#app{min-height:100%}a{color:inherit;text-decoration:none}[x-cloak]{display:none}.is-ornamental{background-color:#1d506a}.app-shell{width:var(--shell-width);min-height:100vh;margin:0 auto;padding:0 var(--page-gutter) 28px}.app-shell-levels{min-height:100vh}.app-main{min-height:calc(100vh - 126px);padding:8px 0 0}.hero-card,.exercise-card-shell{background:radial-gradient(circle at top right,rgba(255,255,255,.98),transparent 28%),linear-gradient(180deg,#ffffffe6,#fff6faeb)}.app-main-levels{min-height:100vh;padding:0;background:radial-gradient(circle at 50% -10%,rgba(255,251,227,.9),transparent 18%),linear-gradient(180deg,#6f548c,#2f6a8c 34%,#4ea199 62%,#a5d4b7)}.feature-orb{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#ffdbe8f2,#e1f8f4f2);box-shadow:inset 0 1px #ffffffd9}.eyebrow{color:#c4577d;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.auth-card{margin-top:56px;border-radius:8px;background:#fff;box-shadow:0 10px 30px #1a1a1a14}.levels-screen{position:relative;min-height:100vh;overflow:hidden}.levels-skyline{position:absolute;inset:0 0 auto;height:240px;background:radial-gradient(circle at 20% 18%,rgba(255,244,191,.85),transparent 12%),radial-gradient(circle at 70% 10%,rgba(255,223,238,.6),transparent 16%),linear-gradient(180deg,#ffffff24,#fff0);pointer-events:none}.levels-map-shell{position:relative;min-height:100vh}.levels-top-hud-wrap{position:fixed;top:0;right:0;left:0;z-index:6;width:100%;padding:calc(env(safe-area-inset-top,0px) + 10px) 0 124px;pointer-events:none}.levels-top-hud-wrap:after{content:"";position:absolute;inset:0;border-radius:0 0 42px 42px;background:linear-gradient(180deg,#fff8fe57,#6c549657 24%,#476b976b 52%,#4e959b1f);backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);-webkit-mask-image:linear-gradient(180deg,#000,#000000eb 60%,#0000);mask-image:linear-gradient(180deg,#000,#000000eb 60%,#0000);pointer-events:none}.levels-top-hud{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,14px);width:min(calc(100vw - 16px),var(--shell-width));margin:0 auto;padding:clamp(10px,3vw,14px) clamp(10px,3.5vw,16px);border-radius:28px;background:linear-gradient(180deg,#fff8fef0,#fffaefeb);box-shadow:inset 0 1px #ffffffc7,0 16px 34px #26254929;pointer-events:auto}.levels-nav-row{position:relative;z-index:1;width:min(calc(100vw - 16px),var(--shell-width));margin:0 auto 10px;pointer-events:auto}.levels-back-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:#fffbf5e6;color:#513764;font-size:.86rem;font-weight:900;box-shadow:inset 0 1px #ffffffc7,0 12px 24px #26254924}.levels-progress-shell{position:relative;z-index:1;width:min(calc(100vw - 16px),var(--shell-width));margin:12px auto 0;pointer-events:auto}.levels-player-avatar{overflow:hidden;width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#fffaf4,#ffeccf);color:#fff;box-shadow:0 10px 24px #66454338}.levels-player-avatar img{width:100%;height:100%;object-fit:cover}.levels-player-name{font-family:Fredoka,Trebuchet MS,sans-serif;font-size:1.1rem;line-height:1.05;color:#513764}.levels-player-subtitle{color:#8c7899;font-size:.82rem;font-weight:800}.levels-progress-eyebrow{color:#c4577d;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.levels-progress-title{font-family:Fredoka,Trebuchet MS,sans-serif;color:#513764;font-size:1rem;font-weight:700}.levels-resource-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:clamp(38px,10vw,42px);padding:0 clamp(9px,2.8vw,14px);border-radius:999px;color:#fff;font-weight:900;box-shadow:0 10px 20px #3b2f5629}.levels-resource-pill.is-gold{background:linear-gradient(145deg,#ffcc67,#f39a35)}.levels-resource-pill.is-gems{background:linear-gradient(145deg,#70d1ff,#4f80ff)}.levels-phoneme-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;background:#ffffffc7;color:#4d4c91;font-size:.8rem;font-weight:900;box-shadow:inset 0 1px #ffffffd6,0 10px 20px #3c346e24}.levels-progress-card{padding:14px 16px;border-radius:24px;background:linear-gradient(180deg,#fffbf5e0,#fff5ffd1);box-shadow:inset 0 1px #ffffffb8,0 14px 28px #29214c1f}.levels-progress-card.is-highlight{background:radial-gradient(circle at top right,rgba(255,213,140,.34),transparent 26%),linear-gradient(180deg,#fff7edf0,#fff0f8db)}.levels-progress-card.is-phoneme-focus{background:radial-gradient(circle at top right,rgba(145,226,236,.34),transparent 24%),radial-gradient(circle at bottom left,rgba(255,212,159,.24),transparent 28%),linear-gradient(180deg,#fffbf5eb,#f4f6ffe0)}.levels-progress-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:linear-gradient(145deg,#ffe3a0,#ffb56e);color:#8c4b1f}.levels-progress-icon.is-phoneme{background:linear-gradient(145deg,#c4f7ff,#8eb5ff);color:#35518c}.levels-progress-label{color:#7d678b;font-size:.82rem;font-weight:800}.levels-progress-value{color:#513764;font-size:.9rem;font-weight:900}.levels-progress-copy{margin-top:2px;color:#7d678b;font-size:.76rem;font-weight:700;line-height:1.4}.levels-progress-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.levels-progress-chip{padding:12px 13px;border-radius:18px;background:#ffffffbd;box-shadow:inset 0 1px #fffc,0 10px 18px #2c234814}.levels-progress-chip.is-highlight{background:radial-gradient(circle at top right,rgba(255,223,148,.42),transparent 28%),#fffc}.levels-progress-chip-label{color:#7d678b;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.levels-progress-chip-value{margin-top:3px;color:#513764;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:1.1rem;font-weight:700}.levels-progress-bar{height:10px;border-radius:999px;background:#826ead1f}.levels-progress-bar .MuiLinearProgress-bar{border-radius:999px;background:linear-gradient(90deg,#68cdd4,#5c84d8)}.levels-progress-bar.is-next-level .MuiLinearProgress-bar{background:linear-gradient(90deg,#ffcb73,#ff8f64)}.levels-map{position:relative;display:grid;gap:26px;padding-top:326px}.phonemes-shell{min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px 28px}.phonemes-back-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:#ffffffc7;color:#513764;font-size:.84rem;font-weight:900;box-shadow:0 10px 20px #2c23481a}.phonemes-hero-card{padding:20px 18px;border-radius:30px;background:radial-gradient(circle at top right,rgba(255,219,232,.92),transparent 24%),linear-gradient(180deg,#fffbf5f0,#f6f3ffe6);box-shadow:inset 0 1px #ffffffc7,0 20px 36px #28204a24}.phoneme-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.phoneme-summary-card,.phoneme-category-card{border-radius:24px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffc2,0 16px 30px #29214c1a}.phoneme-summary-card{padding:14px 15px}.phoneme-summary-card.is-ready{background:radial-gradient(circle at top right,rgba(255,208,118,.36),transparent 28%),#ffffffc2}.phoneme-summary-value{margin-top:4px;color:#513764;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:1.2rem;font-weight:700}.phoneme-summary-copy,.phoneme-category-subtitle{margin-top:4px;color:#7d678b;font-size:.86rem;font-weight:700;line-height:1.45}.phoneme-category-card{padding:16px}.phoneme-category-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#7a62aa2e,#5c83cc33);color:#5a64aa}.phoneme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.phoneme-hex{position:relative;display:grid;justify-items:center;gap:6px;min-height:148px;padding:14px 10px 12px;border:0;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.42),transparent 30%),linear-gradient(180deg,#fffbf5f5,#f9f1ffeb);box-shadow:inset 0 1px #ffffffd6,0 18px 28px #2c234824;color:#513764;cursor:pointer;text-align:center;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.phoneme-hex:nth-child(2n){transform:translateY(16px)}.phoneme-hex.is-known:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 22px 34px #2c23482e}.phoneme-hex.is-hidden{background:linear-gradient(180deg,#6d648b80,#534d6f99);color:#ffffffeb;cursor:default;filter:saturate(.7)}.phoneme-hex.is-hidden .phoneme-level-pill,.phoneme-hex.is-hidden .phoneme-rate,.phoneme-hex.is-hidden .phoneme-timer,.phoneme-hex.is-hidden .phoneme-wallet{color:#ffffffd1}.phoneme-hex.is-ready{background:radial-gradient(circle at top,rgba(255,236,167,.88),transparent 34%),linear-gradient(180deg,#fffcf0fa,#fff2e8f5);box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #ffcc6766,0 22px 34px #ffae4b42;animation:phonemePulse 1.8s ease-in-out infinite}.phoneme-hex.level-1.is-known{box-shadow:inset 0 1px #ffffffd6,0 16px 24px #547ab124}.phoneme-hex.level-2.is-known,.phoneme-hex.level-3.is-known{background:radial-gradient(circle at top,rgba(157,240,255,.4),transparent 30%),linear-gradient(180deg,#f7fefffa,#eef5fff0)}.phoneme-hex.level-4.is-known,.phoneme-hex.level-5.is-known{background:radial-gradient(circle at top,rgba(255,223,148,.66),transparent 34%),linear-gradient(180deg,#fffdf2,#fff3e5f5);box-shadow:inset 0 1px #ffffffeb,0 24px 36px #ffbb5a38}.phoneme-hex:disabled{opacity:1}.phoneme-level-pill{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:22px;padding:0 8px;border-radius:999px;background:#5c83cc24;color:#5a64aa;font-size:.72rem;font-weight:900;letter-spacing:.04em}.phoneme-symbol{font-family:Fredoka,Trebuchet MS,sans-serif;font-size:2rem;line-height:1;font-weight:700}.phoneme-rate,.phoneme-timer{color:#7d678b;font-size:.72rem;font-weight:800;line-height:1.3}.phoneme-wallet{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 10px;border-radius:999px;background:#ffffffb8;color:#bc6e19;font-size:.76rem;font-weight:900}@keyframes phonemePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.level-node{position:relative;display:flex}.is-left{justify-content:flex-start}.is-center{justify-content:center}.is-right{justify-content:flex-end}.level-badge{position:relative;display:grid;justify-items:center;gap:10px;width:156px;padding:14px 10px 0}.level-badge-core,.level-badge-ring{border-radius:999px}.level-badge-core{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border:5px solid rgba(255,255,255,.75);color:#fff;box-shadow:0 20px 34px #20193a52}.level-badge-ring{position:absolute;inset:6px auto auto 50%;width:108px;height:108px;transform:translate(-50%);border:2px dashed rgba(255,255,255,.42)}.level-badge-label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fffdf9eb;color:#4a3157;font-weight:900;box-shadow:0 14px 28px #2c1c3324}.level-connector{position:absolute;top:82px;left:50%;width:2px;height:70px;border-radius:999px;background:linear-gradient(180deg,#ffffff80,#ffdb95e0)}.is-gold .level-badge-core{background:linear-gradient(145deg,#ffc96a,#ef7f70)}.is-coral .level-badge-core{background:linear-gradient(145deg,#ff9eb5,#de6e95)}.is-sky .level-badge-core{background:linear-gradient(145deg,#7bd7df,#4185d2)}.is-mint .level-badge-core{background:linear-gradient(145deg,#92dfb5,#5ea69f)}.is-locked .level-badge-core{filter:saturate(.55) brightness(.92)}.is-locked .level-badge-label{background:#eeeaf1eb}.exercise-screen{min-height:100vh}@supports (height: 100dvh){.exercise-screen{min-height:100dvh}}.exercise-progress-header{align-items:center;gap:8px}.exercise-progress-header .MuiIconButton-root{flex:0 0 auto;margin-left:-8px}.exercise-progress-header .MuiLinearProgress-root{flex:1}.exercise-card-shell{margin:0}.locked-medallion{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#f6d5e2fa,#fff8e3f5);color:#7a4f67;font-weight:900}.exercise-subtitle{color:#72586f}.exercise-body{padding-top:4px}.exercise-panel{padding:clamp(12px,3.5vw,22px);border-radius:28px;background:linear-gradient(180deg,#fff8fbf2,#f8fffdf2)}.exercise-word,.drag-word{font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(2rem,9vw,3rem);line-height:1;color:#4d2a59}.exercise-word-row,.drag-word-row{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;width:100%}.exercise-word-row:before,.drag-word-row:before{content:"";width:46px;height:46px}.exercise-word-row .exercise-word,.drag-word-row .drag-word{min-width:0;text-align:center}.word-pronunciation-button{grid-column:3;justify-self:end}.word-pronunciation-button{width:46px;height:46px;border:1px solid rgba(193,171,192,.24);background:linear-gradient(180deg,#fffffffa,#f6eefaf5);color:#6b4d7d;box-shadow:inset 0 1px #ffffffdb,0 8px 18px #6a799c1f;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.word-pronunciation-button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#f0e7f7fa);box-shadow:inset 0 1px #ffffffeb,0 10px 20px #6a799c29}.word-pronunciation-button:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffffb8,0 4px 8px #6a799c1f}.choice-preview-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.choice-preview-chip{border-radius:20px!important;font-weight:900!important}.choice-preview-chip{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 16px;background:#ffffffd6;color:#61406c}.phoneme-keyboard-dock{border-radius:28px!important;background:radial-gradient(circle at top right,rgba(255,255,255,.96),transparent 24%),linear-gradient(180deg,#fdf8fff5,#f1fbf7f5)!important}.phoneme-keyboard-layout{margin-bottom:14px}.phoneme-keyboard-row{flex-wrap:wrap;gap:2px;margin-left:var(--row-offset)}.keyboard-key,.secondary-action,.keyboard-submit-key{min-height:52px;border-radius:18px!important;font-weight:900!important}.keyboard-key{min-width:56px;background:#ffffffeb!important;color:#51355a!important}.keyboard-key.is-selected{background:#e1edfff5!important}.secondary-action{background:#ffffffd1!important;color:#5d4668!important}.phoneme-keyboard-actions{align-items:center}.phoneme-keyboard-actions.is-submit-only{justify-content:flex-end}.keyboard-submit-key{margin-left:auto!important;min-width:112px}@media(max-width:600px){.app-main{padding-inline:10px}.exercise-card-shell{margin-inline:10px}}.levels-map{position:relative;display:flex;flex-direction:column-reverse;gap:clamp(10px,3vw,14px);padding:clamp(280px,58vw,300px) clamp(10px,4.5vw,18px) 220px}.levels-map:before{content:"";position:absolute;inset:0 auto 0 50%;width:132px;transform:translate(-50%);border-radius:999px;background:linear-gradient(90deg,#ffffff2e,#fff0),linear-gradient(180deg,#d7ba78,#c59f5d 34%,#ecd493 58%,#b68f4f);box-shadow:inset 0 0 0 7px #fff3d338,0 12px 22px #2d4d3a2e}.levels-map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.13),transparent 12%),radial-gradient(circle at 82% 40%,rgba(255,255,255,.11),transparent 14%),radial-gradient(circle at 20% 78%,rgba(255,255,255,.13),transparent 12%);pointer-events:none}.level-node{position:relative;display:grid;gap:0;width:100%}.level-node.is-left{justify-items:start}.level-node.is-center{justify-items:center}.level-node.is-right{justify-items:end}.level-connector{position:absolute;top:calc(100% - 10px);left:50%;width:16px;height:62px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#ecd493f2,#c4975359);z-index:0}.level-badge{position:relative;z-index:2;display:grid;place-items:center;width:88px;height:88px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;box-shadow:0 14px 26px #16364538,0 8px 12px #ffffff2e inset;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.level-badge:hover{transform:translateY(-4px) scale(1.05);filter:saturate(1.08)}.level-badge:active{transform:translateY(1px) scale(.96)}.level-badge:focus-visible{outline:3px solid rgba(255,249,224,.92);outline-offset:5px}.level-badge-core,.level-badge-ring{position:absolute;inset:0;border-radius:50%}.level-badge-core{width:auto;height:auto;box-shadow:inset 0 -8px #0000001f,inset 0 8px 14px #ffffff47}.level-badge-ring{inset:0;width:auto;height:auto;box-sizing:border-box;transform:none;border:2px solid rgba(255,250,236,.86);box-shadow:0 0 0 6px #fffaec47,0 8px 14px #2134432e,inset 0 0 0 2px #8449101f;pointer-events:none}.level-node.is-gold .level-badge-core{background:linear-gradient(180deg,#ffe8a3,#f3c852 48%,#df9a2a)}.level-node.is-coral .level-badge-core{background:linear-gradient(180deg,#ffd0a8,#f18a5c 46%,#d55a3d)}.level-node.is-sky .level-badge-core{background:linear-gradient(180deg,#d0fbff,#6fcbdf 44%,#3d8daf)}.level-node.is-mint .level-badge-core{background:linear-gradient(180deg,#e1f7d3,#93d48a 48%,#559e61)}.level-node.is-complete .level-badge:after{content:"";position:absolute;width:28px;height:16px;border-left:5px solid rgba(255,255,255,.96);border-bottom:5px solid rgba(255,255,255,.96);transform:rotate(-45deg)}.level-node.is-current .level-badge{animation:float-level 2.2s ease-in-out infinite;box-shadow:0 20px 32px #ffbf4957,0 0 0 10px #fff3b62e}.level-node.is-current .level-badge-ring{border-color:#fff9e0fa}.level-node.is-locked .level-badge{filter:grayscale(.22) brightness(.72) saturate(.7);cursor:default}.level-node.is-locked .level-badge:hover,.level-node.is-locked .level-badge:active{transform:none}.levels-fog{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,460px);height:44vh;z-index:4;pointer-events:none;background:linear-gradient(180deg,#0e2736e0,#0e273670 52%,#0e273600),radial-gradient(circle at 25% 18%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 70% 24%,rgba(255,255,255,.08),transparent 22%);mix-blend-mode:multiply}.exercise-screen{min-height:100vh;padding:24px 18px 270px;background:radial-gradient(circle at 50% 10%,rgba(255,244,213,.78),transparent 26%),linear-gradient(180deg,#174a69,#246886 36%,#3c8a8d 65%,#b5cb93)}.exercise-card-shell{background:radial-gradient(circle at top right,rgba(255,255,255,.98),transparent 28%),linear-gradient(180deg,#fffcf7fa,#f6fbfff0)!important;border:1px solid rgba(255,247,233,.52);box-shadow:0 24px 54px #0b243138,inset 0 1px #ffffffb8}.exercise-stage{display:grid;gap:18px}.exercise-progress{display:flex;align-items:center;justify-content:space-between;gap:12px}.exercise-progress-track{position:relative;flex:1;height:12px;border-radius:999px;overflow:hidden;background:#fffbf024;border:1px solid rgba(255,248,234,.18)}.exercise-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe8a3,#f3c852 42%,#eb9740);box-shadow:0 0 18px #ffd67f61}.exercise-progress-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;color:#fff9eb;background:#fffbf029;border:1px solid rgba(255,248,234,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:800}.exercise-card{padding:24px 18px 20px;border-radius:32px;background:#fffaf029;border:1px solid rgba(255,248,234,.24);box-shadow:0 24px 50px #091f2b33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.exercise-card .eyebrow,.exercise-card h1,.exercise-card p{color:#fff9eb}.exercise-card h1{font-size:clamp(2rem,8vw,2.8rem);line-height:.95;letter-spacing:-.06em}.exercise-subtitle{margin-top:10px;color:#7a6681;font-weight:700}.exercise-feedback{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border-radius:22px;border:1px solid rgba(255,231,182,.3);background:#4821113d;color:#fff9eb}.exercise-feedback strong{font-size:.94rem}.exercise-feedback span{color:#fff9ebd1;font-size:.95rem}.exercise-body{margin-top:22px}.exercise-panel{display:grid;gap:18px}.exercise-word,.drag-word{display:inline-flex;justify-content:center;align-items:center;padding:14px 18px;border-radius:22px;background:linear-gradient(180deg,#fff3faf5,#eef9ffeb);border:1px solid rgba(195,158,188,.2);color:#4d2a59;font-size:clamp(1.7rem,8vw,2.4rem);font-weight:900;letter-spacing:-.04em;text-transform:lowercase;box-shadow:inset 0 1px #ffffffc7,0 10px 24px #6889a91f}.exercise-inline-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.phoneme-slots-row{display:grid;grid-template-columns:repeat(var(--phoneme-slot-count),minmax(0,64px));justify-content:center;width:100%;gap:clamp(6px,1.8vw,10px)}.phoneme-slot{display:inline-flex;align-items:center;justify-content:center;width:100%!important;min-width:0!important;min-height:54px;padding:0 8px!important;border-radius:18px;border:1px solid rgba(193,171,192,.22);background:linear-gradient(180deg,#fffffffa,#f8f2fcf5);color:#5b4067;box-shadow:inset 0 1px #ffffffdb,0 8px 20px #6a799c1a}button.phoneme-slot,button.choice-preview-chip{border:1px solid rgba(193,171,192,.22)!important;background:linear-gradient(180deg,#fffffffa,#f8f2fcf5)!important;color:#5b4067!important;box-shadow:inset 0 1px #ffffffdb,0 8px 20px #6a799c1a!important}button.phoneme-slot{cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}button.phoneme-slot:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#f5edfafa)}.phoneme-slot{font-size:1.2rem;font-weight:800}.phoneme-slots-row.is-compact{grid-template-columns:repeat(var(--phoneme-slot-count),minmax(0,1fr));gap:clamp(5px,1.5vw,8px)}.phoneme-slots-row.is-compact .phoneme-slot{min-height:48px;padding:0 6px!important;font-size:1.1rem}.phoneme-slots-row.is-dense{grid-template-columns:repeat(var(--phoneme-slot-count),minmax(0,1fr));gap:4px}.phoneme-slots-row.is-dense .phoneme-slot{min-height:44px;padding:0 2px!important;font-size:.96rem}.phoneme-slot.is-blank{border-style:dashed;border-color:#e9b15994!important;background:linear-gradient(180deg,#fff7e1fa,#ffefcdf5)!important;color:#a36b15!important}.phoneme-slot.is-selected,.choice-preview-chip.is-selected{background:#e1edfff5!important;border-color:transparent!important;color:#3452a0!important}.phoneme-slot.is-correct,.choice-preview-chip.is-correct{background:#bff2d1f5!important;border:2px solid rgba(164,112,144,.16)!important;border-radius:20px;color:#216943!important;font-weight:900;box-shadow:inset 0 1px #ffffffdb,0 8px 20px #6a799c1a!important}.phoneme-slot.is-wrong,.choice-preview-chip.is-wrong{background:#ffdfe5f5!important;border:2px solid rgba(164,112,144,.16)!important;border-radius:20px;color:#9a3f5a!important;font-weight:900;box-shadow:inset 0 1px #ffffffdb,0 8px 20px #6a799c1a!important}.keyboard-key{min-width:0;background:linear-gradient(180deg,#fffffff5,#f5effaf0)}.secondary-action{width:auto;min-width:54px;min-height:44px;padding:0 16px;border:1px solid rgba(193,171,192,.22);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f8f2fcf5);color:#5b4067;font-size:.92rem;font-weight:700;box-shadow:inset 0 1px #ffffffdb,0 8px 20px #6a799c1a;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.secondary-action:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#f5edfafa)}button.phoneme-slot:disabled,.secondary-action:disabled{cursor:default}.drag-rows{display:grid;gap:16px}.drag-row{display:grid;gap:10px;justify-items:center}.drag-word{justify-self:center;font-size:1.15rem}.exercise-footer{position:fixed;left:50%;right:0;bottom:0;transform:translate(-50%);width:min(100%,520px);padding:10px 8px calc(8px + env(safe-area-inset-bottom));display:grid;gap:6px;pointer-events:none;z-index:12}.phoneme-keyboard-dock{pointer-events:auto;padding:0!important;overflow:hidden;border-radius:20px!important;background:transparent!important;border:1px solid rgba(255,255,255,.76);box-shadow:0 10px 24px #0c222f1f,0 18px 36px #081c272e!important}.phoneme-keyboard-frame{display:grid;--phoneme-key-width: clamp(34px, calc((100vw - 40px) / 7), 52px);gap:8px;padding:8px 8px 10px;box-sizing:border-box;border-radius:20px;background:linear-gradient(180deg,#f4f0f8fa,#dee7f1fa);border-top:1px solid rgba(255,255,255,.62);box-shadow:0 -8px 18px #0a202a14,inset 0 1px #ffffffb3}.phoneme-keyboard-layout{display:grid;gap:0px;justify-items:center}.phoneme-keyboard-row{display:flex;justify-content:center;width:100%;gap:5px;margin-inline:0;padding-inline:var(--row-offset, 0)}.phoneme-keyboard-row.row-2{padding-inline:10px}.phoneme-keyboard-row.row-3{padding-inline:4px}.phoneme-keyboard-row.row-4{padding-inline:12px}.phoneme-keyboard-row.row-5{padding-inline:24px}.phoneme-keyboard-layout .keyboard-key{flex:1 1 0;min-height:44px;min-width:0;padding:0 4px;border-radius:13px;border:1px solid rgba(171,179,194,.34);background:linear-gradient(180deg,#fff,#f7f8fb);color:#544163;box-shadow:0 1px #fffffff0 inset,0 2px #b2bacaf2,0 4px 8px #8896a81f;font-size:.92rem;line-height:1}.phoneme-keyboard-layout .keyboard-key:disabled,.phoneme-keyboard-actions .secondary-action:disabled{background:linear-gradient(180deg,#f2f4f8,#e5ebf2);color:#5441636b;border-color:#b1b9c733;box-shadow:0 1px #ffffffbd inset,0 2px #bec7d4b8;opacity:1}.phoneme-keyboard-layout .keyboard-key.is-forbidden:disabled{background:repeating-linear-gradient(-45deg,#dbe2ecf2 0 8px,#f1f4f8f2 8px 16px),linear-gradient(180deg,#f2f4f8,#e5ebf2)!important;color:#54416359!important;border-color:#b1b9c747!important}.phoneme-keyboard-layout .keyboard-key.is-selected{background:linear-gradient(180deg,#fff0b3,#f7c15e);color:#6c4103;border-color:#dbab5161;box-shadow:0 1px #fffae3eb inset,0 2px #d6a144f0,0 4px 8px #d3a25429}.phoneme-keyboard-layout .keyboard-key.is-enabled{border-color:#9aa0b457}.phoneme-keyboard-layout .keyboard-key:not(:disabled):active,.phoneme-keyboard-actions .secondary-action:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px #ffffffb8 inset,0 1px #b2bacacc}.phoneme-keyboard-actions{display:grid;grid-template-columns:72px 1fr;justify-content:stretch;align-items:center;gap:6px;padding:0;width:100%}.phoneme-keyboard-actions:not(.is-submit-only){grid-template-columns:72px 1fr}.phoneme-keyboard-actions .secondary-action{min-width:58px;min-height:44px;padding:0 2px 0 0;border-radius:13px;border:1px solid rgba(171,179,194,.34);background:linear-gradient(180deg,#fff,#f7f8fb);box-shadow:0 1px #fffffff0 inset,0 2px #b2bacaf2,0 4px 8px #8896a81f;font-size:1rem;font-weight:900;color:#49566a;justify-self:stretch}.keyboard-submit-key{width:100%;min-height:44px;padding:0 14px;border-radius:13px;border:1px solid rgba(132,147,169,.28);background:linear-gradient(180deg,#fff,#eef3f8);color:#49576a;font-weight:900;font-size:.94rem;letter-spacing:0;box-shadow:0 1px #fffffff0 inset,0 2px #b2bacaf2,0 4px 8px #8896a81f}.keyboard-submit-key:not(:disabled){background:linear-gradient(180deg,#ffd98c,#f0a13e);color:#623708;border-color:#d6a14447;box-shadow:0 1px #fff8e3f5 inset,0 2px #d6a144f5,0 8px 16px #d0a1573d}.keyboard-submit-key:disabled{opacity:.72}@media(max-width:420px){.exercise-screen{padding:12px 8px clamp(18rem,46vh,28rem)}@supports (height: 100dvh){.exercise-screen{padding-bottom:clamp(18rem,46dvh,28rem)}}.exercise-card-shell .MuiCardContent-root{padding:12px}.exercise-body{margin-top:14px}.exercise-footer{position:fixed;left:50%;right:auto;bottom:env(safe-area-inset-bottom,0px);transform:translate(-50%);width:min(100vw,32.5rem);margin:0;padding:.5rem .375rem calc(.375rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(38,112,125,.92) 24%)}.phoneme-keyboard-frame{gap:4px;padding:6px 5px}.phoneme-keyboard-row{gap:3px}.phoneme-keyboard-layout .keyboard-key,.phoneme-keyboard-actions .secondary-action{min-height:34px;border-radius:10px;font-size:.76rem}.phoneme-keyboard-actions .secondary-action{min-width:64px;padding:0}.phoneme-keyboard-actions{grid-template-columns:64px 1fr}.phoneme-keyboard-actions:not(.is-submit-only){grid-template-columns:64px 1fr}.keyboard-submit-key{min-height:34px;padding:0 12px;font-size:.78rem}.phoneme-keyboard-status{max-width:42vw;overflow:hidden;text-overflow:ellipsis}}.exercise-card-summary{text-align:center}.choice-preview-row{display:flex;flex-wrap:wrap;gap:10px}.choice-preview-chip{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(193,171,192,.22);background:linear-gradient(180deg,#fffffffa,#f8f2fcf5);color:#5b4067;font-weight:800;box-shadow:inset 0 1px #ffffffdb,0 8px 20px #6a799c14}.choice-preview-chip.is-muted{opacity:.45}.level-detail-screen{min-height:100vh;padding:24px 18px 34px;background:radial-gradient(circle at 50% 10%,rgba(255,244,213,.78),transparent 26%),linear-gradient(180deg,#174a69,#246886 36%,#3c8a8d 65%,#b5cb93)}.level-detail-screen.is-locked{background:linear-gradient(180deg,#08182380,#08182340),radial-gradient(circle at 50% 10%,rgba(196,208,214,.35),transparent 26%),linear-gradient(180deg,#15384f,#1d506a 36%,#58757f 65%,#87947d)}.level-detail-topbar{display:flex;justify-content:flex-start;margin-bottom:28px}.level-detail-back,.level-detail-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,250,236,.28);background:#fffbf029;color:#fff9eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-detail-stage{display:grid;justify-items:center;gap:24px;padding-top:24px}.level-detail-medallion{display:grid;place-items:center;width:136px;height:136px;border-radius:50%;background:linear-gradient(180deg,#ffe8a3,#f3c852,#d89120);box-shadow:0 24px 40px #081c2647,inset 0 10px 18px #ffffff47,inset 0 -10px #0000001f}.level-detail-medallion span{font-size:3rem;font-weight:900;color:#5c3000;letter-spacing:-.08em}.level-detail-panel{width:100%;padding:24px 20px;border-radius:32px;background:#fffaf029;border:1px solid rgba(255,248,234,.24);box-shadow:0 24px 50px #091f2b33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.level-detail-panel .eyebrow,.level-detail-panel h1,.level-detail-panel p{color:#fff9eb}.level-detail-panel h1{margin-bottom:12px;font-size:clamp(2rem,8vw,3rem);line-height:.95;letter-spacing:-.06em}.level-detail-panel p{font-size:1rem;color:#fff9ebd6}.level-detail-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.level-detail-actions>span{flex:1}.level-detail-chip{flex:1}.level-detail-chip.is-primary{background:linear-gradient(180deg,#ffd98b,#f19c32);border-color:transparent;color:#5a3003;font-weight:800}.form-container{display:flex;flex-direction:column;justify-content:center;min-height:100%;max-width:100%}.form-container h1{font-size:clamp(2rem,8vw,2.7rem);letter-spacing:-.05em;line-height:.95;margin-bottom:10px}.form-container p{font-size:1rem;margin-bottom:28px;color:var(--muted)}form{display:flex;flex-direction:column;gap:18px}label{margin-bottom:6px;display:block;font-size:.88rem;font-weight:700}input,textarea,button{width:100%;border-radius:16px}input,textarea{border:1px solid rgba(58,45,30,.14);background:#fffc;color:var(--text);padding:0 16px}input{height:50px}textarea{min-height:120px;padding:14px 16px}input[data-invalid=true],textarea[data-invalid=true]{border-color:#fb2c36}input[data-invalid=true]+div,textarea[data-invalid=true]+div,form span{color:#d4202c;font-size:.84rem;font-weight:700;margin-top:4px}button{border:none;padding:14px 18px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font-weight:800;letter-spacing:-.02em;box-shadow:0 16px 30px #ff7a1a3d}button:hover{filter:brightness(1.02)}button.level-badge{width:88px}.unit-card-link{color:inherit;text-decoration:none;width:min(100%,280px)}.unit-progression-shell{padding:220px 28px 72px}.unit-progression-path{width:min(100%,440px);min-height:1240px;margin:0 auto;display:flex;flex-direction:column;gap:42px}.unit-node{position:relative;display:flex;align-items:center;z-index:1}.unit-node.is-left{justify-content:flex-start}.unit-node.is-center{justify-content:center}.unit-node.is-right{justify-content:flex-end}.unit-connector{position:absolute;left:50%;bottom:-52px;width:3px;height:62px;border-radius:999px;background:linear-gradient(180deg,#dda6603d,#e880296b);transform:translate(-50%);z-index:-1}.unit-card{width:100%;min-height:108px;border:1px solid rgba(231,214,191,.92);border-radius:8px;background:#fffdf9e6;box-shadow:0 14px 30px #97703f1a;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:18px 20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.unit-card:hover{border-color:#e8802973;box-shadow:0 18px 36px #97703f29;transform:translateY(-2px)}.unit-card-icon{position:absolute;top:50%;width:42px;height:42px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:linear-gradient(180deg,#fff7ef,#f4dac4);color:#c9864c;display:grid;place-items:center;box-shadow:0 10px 22px #97703f24;transform:translateY(-50%)}.unit-node.is-left .unit-card-icon{right:calc(100% - 10px)}.unit-node.is-center .unit-card-icon{right:calc(50% + 116px)}.unit-node.is-right .unit-card-icon{left:calc(100% - 10px)}.unit-card-kicker{color:#c9864c;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.unit-card-title{color:var(--text);font-size:1rem;font-weight:900;line-height:1.12}.unit-card-subtitle{color:var(--muted);font-size:.82rem;font-weight:800}.alert{background:#fff;position:relative;padding:12px 16px;font-size:14px;min-width:min(380px,calc(100vw - 32px));font-weight:700;border:1px solid var(--line);border-radius:16px;animation:scale-up .2s cubic-bezier(.39,.575,.565,1) both}.alert-destructive{color:#d4202c;background:#fff0f1;border-color:#f3b0b5}.alert-success{color:#0f7b38;background:#edf9f0;border-color:#8ad8a0}.flash-container{position:fixed;top:80px;left:0;right:0;display:flex;flex-direction:column;align-items:center}@keyframes scale-up{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes float-level{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(min-width:720px){.app-shell{width:min(100%,960px);padding:24px}.app-main{min-height:calc(100vh - 132px);padding:34px 28px}.app-main-levels{min-height:100vh;padding:0}.hero{padding:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.levels-map{padding-inline:26px;padding-top:260px}.levels-top-hud-wrap{padding-bottom:96px}}.units-screen .levels-top-hud-wrap{position:fixed}.units-screen .units-intro{margin-top:0;padding-top:220px}.units-intro{max-width:540px;margin:24px auto 0;padding:0 clamp(16px,6vw,24px);color:#fff}.units-intro h1{font-size:1.8rem;font-weight:900}.units-intro>p{color:#f1f5f4;margin-top:4px}.units-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}.units-primary-link,.units-secondary-link{padding:12px 18px;border-radius:12px;font-weight:800}.units-primary-link{background:#fff5e8;color:#694122;box-shadow:0 4px #d2ae81}.units-secondary-link{background:#ffffff20;border:1px solid #ffffff70;color:#fff}.units-screen .unit-progression-shell{padding-top:36px}.units-screen .unit-progression-path{width:min(100%,490px);gap:26px;min-height:0}.units-screen .unit-card-link{width:min(100%,360px)}.units-screen .unit-card{border-radius:16px;gap:8px;box-shadow:0 6px 18px #254b4920}.units-screen .unit-card.is-current{border:2px solid #e9a057;background:#fff9ef}.units-screen .unit-card.is-locked{background:#edf2ef;color:#55665e;box-shadow:none}.units-screen .unit-card.is-locked:hover{transform:none;border-color:#e7d6bf}.units-screen .unit-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.units-screen .unit-status{font-size:.7rem;font-weight:800;color:#58665d}.units-screen .unit-card-title{line-height:1.35}.units-screen .unit-card-kicker{color:#92561f}.units-screen .unit-progress-label{font-size:.75rem;color:#56625b}.units-screen .MuiLinearProgress-root{background:#e0e6df;border-radius:8px;height:5px;margin-top:6px}.units-screen .MuiLinearProgress-bar{background:#649279}.units-screen .unit-connector{bottom:-36px;height:46px;background:#d9e8ca70}.unit-card-link:focus-visible,.units-actions a:focus-visible,.vocabulary-page a:focus-visible{outline:3px solid #d48b35;outline-offset:4px}.vocabulary-page{max-width:940px;margin:0 auto;padding:108px 20px 64px}.vocabulary-page .levels-top-hud-wrap:after{display:none}.vocabulary-back,.vocabulary-practice{color:#805127;font-weight:800}.vocabulary-header{margin:28px 0;max-width:600px}.vocabulary-header h1{font-size:2rem;font-weight:900;margin:4px 0 8px}.vocabulary-header>p{color:var(--muted)}.vocabulary-totals{display:flex;gap:10px;margin:20px 0}.vocabulary-units{display:grid;gap:20px}.vocabulary-unit{border:1px solid #e7dfd3;background:#fffdf9;border-radius:18px;padding:24px}.vocabulary-unit-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.vocabulary-unit h2{font-size:1.2rem;font-weight:800}.vocabulary-meta{color:#72746d;font-size:.8rem}.vocabulary-columns{display:flex;flex-direction:column;gap:26px;text-align:center}.vocabulary-group h3{font-weight:800;font-size:.9rem;margin-bottom:12px}.vocabulary-group h3 span{color:#797b72;margin-left:6px}.vocabulary-words{list-style:none;margin:0;padding:0;text-align:center;line-height:2.1}.vocabulary-words li{display:inline;color:#79502c;font-size:.95rem;overflow-wrap:anywhere}.vocabulary-word-dot{display:inline-block;margin:0 10px;color:#a79682}.vocabulary-words li:first-child .vocabulary-word-dot{display:none}.is-learnt .vocabulary-words li{color:#375d46}.vocabulary-empty{color:#71756d;font-size:.9rem}@media(max-width:600px){.units-screen .units-intro{padding-top:200px}.units-screen .unit-card-link{width:calc(100% - 18px)}.units-screen .unit-card-icon{width:32px;height:32px}.vocabulary-columns{grid-template-columns:1fr}.vocabulary-unit{padding:18px}.vocabulary-unit-heading{align-items:flex-start}}.units-screen .levels-top-hud>.MuiStack-root:first-child{min-width:0;flex:1}.units-screen .levels-top-hud>.MuiStack-root:last-child{flex-shrink:0}.units-screen .levels-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocabulary-word-entry{display:inline-block;max-width:100%;vertical-align:top}.vocabulary-ipa{color:#6b706b;font-size:.9em;font-family:Nunito,Trebuchet MS,sans-serif;font-weight:400}.units-screen .unit-card.is-locked,.vocabulary-unit.is-locked{background:#e3e7ec;border-color:#c8cfd8;box-shadow:none}.units-screen .unit-card.is-locked:hover{border-color:#c8cfd8}.units-screen .unit-card.is-locked .unit-card-title,.units-screen .unit-card.is-locked .unit-card-subtitle,.units-screen .unit-card.is-locked .unit-card-kicker,.units-screen .unit-card.is-locked .unit-progress-label,.vocabulary-unit.is-locked .unit-card-kicker,.vocabulary-unit.is-locked .vocabulary-meta,.vocabulary-unit.is-locked .vocabulary-empty,.unit-content-muted{color:#606c7c}@media(max-width:600px){.levels-top-hud{align-items:flex-start;flex-wrap:wrap}.levels-top-hud>.MuiStack-root:first-child{flex:1 1 145px}.levels-top-hud>.MuiStack-root:last-child{margin-left:auto}.levels-progress-card{border-radius:20px}}@media(max-width:380px){.levels-resource-pill{gap:3px;font-size:.82rem}.levels-player-avatar{width:48px;height:48px}.units-actions{align-items:stretch;flex-direction:column}.units-primary-link,.units-secondary-link{text-align:center}}.units-screen .unit-card.is-locked .unit-status{color:#4c5868;background:#cdd4dd;padding:3px 8px;border-radius:6px}.units-screen .unit-node.is-locked .unit-card-icon{color:#647184;background:#dce2e9;border-color:#c1cad6;box-shadow:none}