:root{--bg:#0a1017;--bg-raised:#101a24;--bg-card:#14202d;--bg-card-hi:#1c2c3c;--stroke:#ffffff14;--stroke-hi:#ffffff24;--ink:#f2f6fa;--ink-dim:#9fb0c2;--ink-faint:#64768a;--flame:#ef2d4e;--flame-deep:#b8032b;--leaf:#2ecc4a;--leaf-deep:#12ad2b;--sky:#4e9ae6;--sky-deep:#2f6fb5;--gold:#ffc726;--gold-deep:#d99a0b;--grape:#ffc726;--correct:var(--leaf);--wrong:#ff5c74;--wrong-deep:#c22745;--xp:var(--gold);--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--font-ui:"Nunito", -apple-system, "Segoe UI", sans-serif;--font-fidel:"Noto Sans Ethiopic", "Nyala", "Kefa", sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:64px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);overscroll-behavior:none;margin:0;padding:0;overflow-x:clip}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;min-height:100dvh}#root{max-width:520px;min-height:100dvh;margin:0 auto;position:relative}.fidel{font-family:var(--font-fidel);font-weight:600}h1,h2,h3,p{margin:0}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.btn{border-radius:var(--r-md);width:100%;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#08130c;background:var(--leaf);box-shadow:0 5px 0 0 var(--leaf-deep);transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), filter .15s;will-change:transform;justify-content:center;align-items:center;gap:8px;padding:15px 24px;font-size:17px;font-weight:800;display:inline-flex;position:relative;transform:translateY(0)}.btn:active{box-shadow:0 0 0 0 var(--leaf-deep);filter:brightness(1.22)saturate(1.15);transform:translateY(5px)}.btn:disabled{filter:saturate(.1)brightness(.55);pointer-events:none}.btn--gold{background:var(--gold);box-shadow:0 5px 0 0 var(--gold-deep);color:#1c1302}.btn--gold:active{box-shadow:0 0 0 0 var(--gold-deep)}.btn--flame{background:var(--flame);box-shadow:0 5px 0 0 var(--flame-deep);color:#fff}.btn--flame:active{box-shadow:0 0 0 0 var(--flame-deep)}.btn--ghost{background:var(--bg-card);border:2px solid var(--stroke-hi);color:var(--ink);box-shadow:0 5px #00000073}.btn--ghost:active{box-shadow:0 0 #00000073}.btn--wrong{background:var(--wrong);box-shadow:0 5px 0 0 var(--wrong-deep);color:#fff}.btn--wrong:active{box-shadow:0 0 0 0 var(--wrong-deep)}.card{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--r-lg)}.choice{background:var(--bg-card);border:2px solid var(--stroke-hi);border-radius:var(--r-md);color:var(--ink);text-align:center;transition:transform 80ms var(--ease-out), border-color .12s, background .12s;will-change:transform;border-bottom-width:4px;padding:14px 16px;font-size:17px;font-weight:700;transform:translateY(0)}.choice:active{transform:translateY(2px)scale(.985)}.choice.is-selected{border-color:var(--sky);color:var(--sky);background:#38bdf81f}.choice.is-correct{border-color:var(--leaf);color:var(--leaf);background:#3ddc8424}.choice.is-wrong{border-color:var(--wrong);color:var(--wrong);background:#ff5c741f}.path-node{background:var(--node-color,var(--gold));width:76px;height:76px;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);will-change:transform;border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:flex;position:relative;transform:translateY(0);box-shadow:0 7px #0006}.path-node:active{transform:translateY(7px);box-shadow:0 0 #0006}.path-node--locked{background:var(--bg-card-hi);filter:saturate(0);opacity:.75}.path-node--current:before{content:"";border:3px solid var(--node-color,var(--gold));opacity:.55;animation:node-pulse 1.6s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:-9px}@keyframes node-pulse{0%{opacity:.55;transform:scale(.92)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}.node-check{background:var(--leaf);color:#08130c;border:3px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:900;display:flex;position:absolute;bottom:-2px;right:-2px}.pbar{flex:1;position:relative}.pbar__track{background:var(--bg-card-hi);border-radius:8px;height:16px;position:relative;overflow:hidden}.pbar__mask,.pbar__lead{will-change:transform;position:absolute;inset:0}.pbar__mask{border-radius:8px;overflow:hidden}.pbar__lead{pointer-events:none}.pbar__grad{background:linear-gradient(90deg, var(--pbar-a) 0%, var(--pbar-b) 25%, var(--pbar-a) 50%, var(--pbar-b) 75%, var(--pbar-a) 100%);will-change:transform;width:200%;animation:3.4s linear infinite pbar-flow;position:absolute;top:0;bottom:0;left:0}@keyframes pbar-flow{0%{transform:translate(-50%)}to{transform:translate(0)}}.pbar__shine{width:40px;animation:pbar-shine 2.8s var(--ease-out) infinite;will-change:transform, opacity;background:linear-gradient(100deg,#0000,#ffffffb3,#0000);position:absolute;top:-30%;bottom:-30%;left:0}@keyframes pbar-shine{0%{opacity:0;transform:translate(-60px)skew(-18deg)}10%{opacity:.85}55%{opacity:.85}70%,to{opacity:0;transform:translate(540px)skew(-18deg)}}.pbar__fire{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000d9 60%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000000d9 60%,#000 100%)}.pbar__flame{background:radial-gradient(ellipse at 50% 85%, #fffdf2 0%, #ffe08a 26%, var(--gold) 48%, var(--flame) 78%, #ff4b2b00 100%);filter:blur(.8px);transform-origin:50% 100%;will-change:transform, opacity;border-radius:50% 50% 42% 42%/68% 68% 32% 32%;width:15px;height:20px;animation:.88s ease-in-out infinite flame-lick;position:absolute;bottom:-4px}.pbar__flame--riser{filter:blur(1.1px);height:26px;animation-name:flame-rise;bottom:7px}@keyframes flame-rise{0%,to{opacity:.3;transform:translateY(5px)scale(.62,.55)}40%{opacity:.95;transform:translate(-1px,-9px)scale(.8,1.3)}70%{opacity:.35;transform:translate(1px,-15px)scale(.5,.85)}}@keyframes flame-lick{0%,to{opacity:.5;transform:translateY(3px)scale(.78,.68)}50%{opacity:1;transform:translateY(-7px)scale(.9,1.3)}}.pbar__tip{filter:blur(3px);will-change:transform, opacity;background:radial-gradient(circle,#ffdc82e6 0%,#ff4b2b8c 45%,#ff4b2b00 72%);border-radius:50%;width:30px;height:30px;margin-top:-15px;animation:1.1s ease-in-out infinite tip-pulse;position:absolute;top:50%;right:-9px}@keyframes tip-pulse{0%,to{opacity:.7;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}.shine__clip{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shine__band{pointer-events:none;width:55%;animation:shine-sweep 4.6s var(--ease-out) infinite;will-change:transform, opacity;background:linear-gradient(100deg,#0000,#ffffffc7,#0000);position:absolute;top:-60%;bottom:-60%;left:-70%}@keyframes shine-sweep{0%{opacity:0;transform:translate(0)skew(-20deg)}6%{opacity:.95}22%{opacity:0;transform:translate(330%)skew(-20deg)}to{opacity:0;transform:translate(330%)skew(-20deg)}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes speaker-ring{0%{opacity:.75;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}.speaker-ring{border:3px solid var(--leaf);animation:speaker-ring 1.1s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}@keyframes ember-drift{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:.95}to{opacity:0;transform:translate(-7px,-30px)scale(.25)}}.pbar__ember{background:radial-gradient(circle, #ffe9b0 0%, var(--gold) 55%, #ffc72600 100%);will-change:transform, opacity;border-radius:50%;width:4px;height:4px;animation:1.7s ease-out infinite ember-drift;position:absolute;bottom:10px}@keyframes underglow-breathe{0%,to{opacity:.35;transform:scaleX(.96)}50%{opacity:.7;transform:scaleX(1)}}.pbar__underglow{filter:blur(5px);transform-origin:100%;will-change:transform, opacity;pointer-events:none;background:linear-gradient(90deg,#ff4b2b00 0%,#ff8f3a66 55%,#ffc7268c 100%);border-radius:999px;height:10px;animation:1.4s ease-in-out infinite underglow-breathe;position:absolute;bottom:-7px;left:-40%;right:6px}