:root{--bg:#fbfaf7;--surface:#fff;--surface-2:#f4f1eb;--ink:#211e1a;--ink-2:#5c564d;--ink-3:#8a8378;--line:#e4dfd6;--accent:#a63a22;--accent-soft:#f6e8e3;--gold:#b77a16;--gold-soft:#f7eed9;--good:#2e6b3f;--good-soft:#e6f0e8;--warn:#8a5a10;--shadow:0 1px 3px rgba(33,30,26,.07);--radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#191817;--surface:#201f1d;--surface-2:#262421;--ink:#ece8e1;--ink-2:#b5afa4;--ink-3:#837d72;--line:#363330;--accent:#e07a5a;--accent-soft:#3a2822;--gold:#d9a441;--gold-soft:#363021;--good:#7fb98e;--good-soft:#24302a;--warn:#d9a441;--shadow:0 1px 3px rgba(0,0,0,.4)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:720px;margin:0 auto;padding:0 20px 80px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.pill{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600}.pill-green{background:var(--good-soft);color:var(--good)}.pill-gold{background:var(--gold-soft);color:var(--gold)}.pill-red{background:var(--accent-soft)}.kn,.pill-red{color:var(--accent)}.kn{font-weight:600}.syl-miss{-webkit-text-decoration:underline wavy var(--warn);text-decoration:underline wavy var(--warn);text-decoration-thickness:2px;text-underline-offset:3px}.ring{--pct:0;position:relative;width:168px;height:168px;place-items:center;margin:0 auto;background:conic-gradient(var(--ring-colour,var(--accent)) calc(var(--pct) * 1%),var(--surface-2) 0);transition:--pct .4s ease-out}.ring,.ring-inner{border-radius:50%;display:grid}.ring-inner{width:138px;height:138px;background:var(--surface);place-items:center;font-size:34px;font-weight:700}.ring-burst-gold:after,.ring-burst-gold:before,.ring-burst:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid var(--ring-colour);pointer-events:none;animation:ring-burst .7s ease-out forwards}.ring-burst-gold:before{animation-delay:.14s;opacity:0}@keyframes ring-burst{0%{transform:scale(1);opacity:.85}to{transform:scale(1.3);opacity:0}}.ring-live{transition:none}.ring-live .ring-inner{transform:scale(calc(1 + var(--level, 0) * .05));transition:transform 90ms linear}.mic-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:24px;margin-top:8px}.mic-bar{width:4px;border-radius:2px;background:var(--good);transition:height 90ms linear}.path-node{width:56px;height:56px;border-radius:50%;border:3px solid var(--line);display:grid;place-items:center;font-weight:800;line-height:1}.path-node-next{box-shadow:0 0 0 6px var(--accent-soft);animation:path-pulse 2.4s ease-in-out infinite}@keyframes path-pulse{50%{box-shadow:0 0 0 11px var(--accent-soft)}}.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}.leaf{font-size:20px;line-height:1;display:inline-block}.leaf-wilted{transform:rotate(18deg) translateY(2px);filter:saturate(.5)}.app-shell{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;text-decoration:none;-webkit-tap-highlight-color:transparent}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (prefers-reduced-motion:reduce){.ring{transition:none}.ring-live .ring-inner{transform:none}.path-node-next{animation:none}.ring-burst-gold:after,.ring-burst-gold:before,.ring-burst:after{animation:none;opacity:0}.standing-bar,.unlock-fill{transition:none}.crest-rise{animation:none}.game-option,.sound-play,.tile{transition:none}.game-option:active:not(:disabled),.sound-play:active:not(:disabled),.tile:active:not(:disabled){transform:none}}:root{--tier-kanchenjunga:#6b7684;--tier-shivalik:#5f7f52;--tier-nilgiri:#3f7ba3;--tier-satpura:#a2683f;--tier-vindhya:#7a568f;--tier-sahyadri:#2f7a63;--tier-aravalli:#b3822a;--tier-zanskar:#3f8f9e;--tier-karakoram:#6a63b5;--tier-himalaya:#c08b1e;--tier-unknown:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tier-kanchenjunga:#97a3b3;--tier-shivalik:#8fb07f;--tier-nilgiri:#6fadd6;--tier-satpura:#d1946a;--tier-vindhya:#ab88bd;--tier-sahyadri:#5cb094;--tier-aravalli:#dcac4e;--tier-zanskar:#6dc0cf;--tier-karakoram:#9990e0;--tier-himalaya:#e5b542}}.crest{--crest-size:56px;width:var(--crest-size);height:var(--crest-size);border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);background:color-mix(in srgb,var(--tier,var(--accent)) 16%,var(--surface));border:2px solid var(--tier,var(--accent));color:var(--tier,var(--accent))}.league-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--surface);background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--tier,var(--accent)) 22%,transparent) 0,transparent 60%),var(--surface);box-shadow:var(--shadow)}.ladder{display:flex;gap:4px;align-items:flex-end;list-style:none;margin:0;padding:2px 0 0;overflow-x:auto;scrollbar-width:none}.ladder::-webkit-scrollbar{display:none}.rung{flex:1 1;min-width:18px;text-align:center}.rung-bar{display:block;height:8px;border-radius:999px;background:var(--line)}.rung-done .rung-bar{background:var(--ink-3);background:color-mix(in srgb,var(--tier,var(--accent)) 55%,var(--surface-2))}.rung-here .rung-bar{height:14px;background:var(--tier,var(--accent))}.standing{position:relative;display:flex;align-items:center;gap:10px;padding:11px 14px;isolation:isolate}.standing-bar{position:absolute;inset:0 auto 0 0;z-index:-1;background:var(--surface-2);background:color-mix(in srgb,var(--tier,var(--accent)) 12%,transparent);transition:width .5s ease-out}.standing-you{box-shadow:inset 0 0 0 2px var(--accent);font-weight:700}.zone-label{display:flex;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.zone-label-up{background:var(--good-soft);color:var(--good)}.zone-label-down{background:var(--accent-soft);color:var(--accent)}.medal{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:none}.medal-1{background:var(--gold)}.medal-2{background:var(--ink-3)}.medal-3{background:var(--tier-satpura)}.unlock-track{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden}.unlock-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--accent));transition:width .6s ease-out}@keyframes crest-rise{0%{transform:translateY(6px) scale(.94);opacity:0}to{transform:none;opacity:1}}.crest-rise{animation:crest-rise .5s ease-out both}.game-option{width:100%;text-align:left;padding:16px 18px;font-size:17px;font-family:inherit;color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:56px;transition:border-color .15s ease,background .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.game-option:active:not(:disabled){transform:scale(.985)}.game-option:disabled{cursor:default}.game-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sound-option{display:flex;align-items:stretch;gap:2px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.sound-play{flex:0 0 auto;width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--accent);background:transparent;border:none;border-right:2px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease}.sound-play:active:not(:disabled){transform:scale(.94)}.sound-play[data-playing=true]{background:var(--accent-soft)}.sound-play:disabled{color:var(--ink-3);cursor:default}.sound-pick{flex:1 1 auto;display:flex;align-items:baseline;gap:10px;padding:16px 18px;text-align:left;font-size:17px;font-family:inherit;color:var(--ink);background:transparent;border:none;min-height:56px;cursor:pointer;-webkit-tap-highlight-color:transparent}.sound-pick:disabled{cursor:default}.sound-pick[aria-checked=true]{font-weight:700}.sound-translit{font-size:15px;color:var(--ink-2)}.sound-pick:focus-visible,.sound-play:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.game-input{width:100%;padding:14px 16px;font-size:19px;font-family:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);min-height:56px}.game-input:focus{outline:none;border-color:var(--accent)}.tile-line{align-items:center;gap:8px;min-height:64px;padding:10px 12px;border-bottom:2px dashed var(--line);margin-bottom:18px}.tile-line,.tile-tray{display:flex;flex-wrap:wrap}.tile-tray{gap:10px}.tile{padding:12px 16px;font-size:22px;font-family:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;min-height:52px;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.tile:active:not(:disabled){transform:translateY(1px)}.tile-placed{border-color:var(--accent);color:var(--accent);box-shadow:none}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}