:root{--bg: #0d0c0a;--bg-accent: #1d1a16;--card: #26221c;--ink: #f1ece2;--muted: #9a9184;--blood: #c11b1b;--blood-strong: #8f0f0f;--blood-soft: #2b1313;--blood-bright: #e05c5c;--gold: #d4a017;--gold-strong: #e0b52e;--gold-soft: #29210f;--amber: #d97706;--amber-soft: #2a1d0d;--blue: #5b8dd9;--blue-soft: #131d2e;--violet: #9662d6;--violet-soft: #1e1430;--coral: #d45a43;--coral-soft: #2a1612;--pink: #e0619a;--pink-soft: #2e1422;--teal: #2bb8a3;--teal-soft: #0e2824;--good: #34c278;--good-bg: #12281c;--bad: #e5484d;--bad-bg: #2a1214;--border: #35302a;--border-strong: #4c463d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .62);--r-sm: 10px;--r: 16px;--r-lg: 22px;--r-xl: 28px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,sans-serif;background:radial-gradient(900px 460px at 50% -160px,rgba(193,27,27,.12),transparent 70%),radial-gradient(720px 420px at 100% 0%,rgba(212,160,23,.08),transparent 60%),var(--bg);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}#root{max-width:660px;margin:0 auto;padding:20px 18px 56px}h1,h2{font-family:Fraunces,Georgia,Songti SC,serif;font-weight:600;letter-spacing:-.015em;color:var(--ink)}h1{font-size:30px;margin:0 0 20px}h2{font-size:22px;margin:0}.loading,.empty{padding:48px 24px;text-align:center;color:var(--muted)}.profile-picker{padding-top:32px}.profile-picker h1{text-align:center;margin-bottom:6px}.profile-cards{display:flex;flex-direction:column;gap:14px;margin-top:26px}.profile-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--card);font-size:19px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.profile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.profile-card:active{transform:scale(.985)}.profile-card .name{flex:1;text-align:left}.profile-card:after{content:"›";color:var(--muted);font-size:26px;font-weight:400}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--blood),var(--gold));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 12px #c11b1b66}.drill-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.score{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted);font-size:15px}.link{background:none;border:none;color:var(--blood-bright);font-size:15px;font-weight:600;cursor:pointer;padding:6px 4px;border-radius:8px;transition:opacity .15s ease}.link:hover{opacity:.7}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px 24px;box-shadow:var(--shadow)}.audio-btn{position:absolute;top:16px;right:16px;background:var(--blood-soft);color:var(--blood-bright);border:none;border-radius:50%;width:46px;height:46px;font-size:22px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,background .15s ease}.audio-btn:hover{transform:scale(1.05)}.audio-btn:active{transform:scale(.95)}.prompt-pinyin{font-size:30px;font-weight:600;line-height:1.45;color:var(--ink);margin-bottom:14px;padding-right:56px;letter-spacing:-.01em}.prompt-pinyin.small{font-size:20px;color:var(--muted);margin-top:12px;margin-bottom:0;padding-right:0}.words{display:flex;flex-wrap:wrap;gap:7px}.words-big .word{font-size:34px}.word{background:none;border:none;padding:3px 5px;font-size:22px;cursor:pointer;border-radius:8px;color:var(--ink);line-height:1.4;transition:background .15s ease}.word:not(:disabled):hover{background:var(--blood-soft)}.word:disabled{cursor:default;opacity:1}.word.annotated:disabled{background:var(--bg-accent)}.word.annotated:disabled .zh{color:var(--muted)}.word.annotated:disabled .py{color:var(--muted)}.word.static{cursor:default}.word.annotated{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 11px;background:var(--blood-soft);border-radius:12px;line-height:1.2;transition:transform .15s ease,background .15s ease}.word.annotated:not(:disabled):hover{background:#3a1a1a;transform:translateY(-1px)}.word.annotated:not(:disabled):active{transform:scale(.9);background:#4a2020}.word.annotated .zh{font-size:24px;font-weight:600}.word.annotated .py{font-size:14px;color:#f0b8a8}.options{display:flex;flex-direction:column;gap:10px;margin-top:24px}.option{padding:15px 16px;border-radius:var(--r);border:1.5px solid var(--border);background:var(--card);font-size:17px;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease,box-shadow .15s ease}.option:not(:disabled):hover{border-color:var(--blood);box-shadow:var(--shadow-sm)}.option:not(:disabled):active{transform:scale(.99)}.option.correct{background:var(--good-bg);border-color:var(--good);color:var(--good);font-weight:600}.option.wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--bad);font-weight:600}.feedback{margin-top:18px;font-size:18px;font-weight:700}.feedback.ok{color:var(--good)}.feedback.no{color:var(--bad)}.reveal{margin-top:8px;font-size:16px;color:var(--muted)}.next{margin-top:20px;width:100%;padding:16px;border:none;border-radius:var(--r);background:linear-gradient(135deg,var(--blood),var(--blood-strong));color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #c11b1b59;transition:transform .15s ease,box-shadow .2s ease}.next:hover{transform:translateY(-1px);box-shadow:0 12px 26px #c11b1b6b}.next:active{transform:scale(.99)}.home-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px}.home-hero-text{flex:1}.home-hero-text h1{margin:0;font-size:30px;line-height:1.15}.home-sub{margin:4px 0 0;color:var(--muted);font-size:15px}.avatar-lg{width:60px;height:60px;font-size:28px}.ghost{background:none;border:1.5px solid var(--border);color:var(--muted);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.ghost:hover{border-color:var(--border-strong);color:var(--ink)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.rank-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r)}.rank-icon{font-size:26px;line-height:1}.rank-info{display:flex;flex-direction:column;gap:1px;min-width:0}.rank-title{font-size:15px;font-weight:700;color:var(--ink)}.rank-next{font-size:12px;color:var(--muted)}.rank-bar{flex:1;height:7px;background:var(--bg-accent);border-radius:999px;overflow:hidden}.rank-fill{height:100%;background:linear-gradient(90deg,var(--blood),var(--blood-bright));border-radius:999px;transition:width .4s ease}.stat-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;border-radius:var(--r);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm)}.stat-card.gold{background:linear-gradient(160deg,#2d2923,var(--gold-soft));border-color:#4a3a18}.stat-card.amber{background:linear-gradient(160deg,#2d2923,var(--amber-soft));border-color:#4a3317}.stat-card.blue{background:linear-gradient(160deg,#2d2923,var(--blue-soft));border-color:#1e2c42}.stat-ico{font-size:22px;line-height:1}.stat-num{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1.1}.stat-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.section{margin-bottom:20px}.section-label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.seg{display:flex;gap:4px;padding:4px;background:var(--bg-accent);border-radius:var(--r)}.seg-btn{flex:1;padding:11px 12px;border:none;border-radius:11px;background:transparent;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.seg-btn.active{background:var(--card);color:var(--blood-bright);box-shadow:0 2px 6px #00000080,0 1px 2px #0006}.mountain{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r)}.mountain-steps{display:flex;justify-content:space-between;align-items:flex-start}.mountain-step{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.mountain-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.mountain-step.done .mountain-dot{background:var(--blood);color:#fff}.mountain-step.current .mountain-dot{background:var(--blood-bright);color:#0d0c0a;box-shadow:0 0 12px #e05c5ca6}.mountain-step.locked .mountain-dot{background:var(--bg-accent);border:1px solid var(--border);color:var(--muted)}.mountain-name{font-size:11px;color:var(--muted);text-align:center}.mountain-step.current .mountain-name{color:var(--ink);font-weight:700}.mountain-progress{display:flex;flex-direction:column;gap:7px}.mountain-bar{height:9px;background:var(--bg-accent);border-radius:999px;overflow:hidden}.mountain-fill{height:100%;background:linear-gradient(90deg,var(--blood),var(--blood-bright));border-radius:999px;transition:width .4s ease}.mountain-label{font-size:12px;color:var(--muted)}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.levelup-card{width:100%;max-width:320px;background:var(--card);border:1px solid var(--blood);border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 24px 70px #0009}.levelup-emoji{font-size:52px;line-height:1}.levelup-card h2{margin:12px 0 8px;font-size:26px}.levelup-card p{margin:4px 0;color:var(--muted);font-size:15px}.levelup-card .levelup-next{color:var(--blood-bright);font-weight:700;font-size:17px;margin-bottom:18px}.primary{width:100%;padding:18px 22px;border:none;border-radius:var(--r);background:linear-gradient(135deg,var(--blood),var(--blood-strong));color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #c11b1b59;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #c11b1b6b;filter:brightness(1.03)}.primary:active{transform:scale(.99)}.primary .cta-arrow{font-size:20px;transition:transform .15s ease}.primary:hover .cta-arrow{transform:translate(3px)}.secondary{width:100%;margin-top:10px;padding:15px;border:1.5px solid var(--border);border-radius:var(--r);background:var(--card);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.secondary:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);color:var(--ink);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.menu-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.menu-card:active{transform:scale(.98)}.menu-card.wide{grid-column:1 / -1;flex-direction:row;align-items:center;gap:14px}.menu-ico{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:4px}.menu-card.wide .menu-ico{margin-bottom:0}.i-jade{background:var(--blood-soft)}.i-coral{background:var(--coral-soft)}.i-amber{background:var(--amber-soft)}.i-blue{background:var(--blue-soft)}.i-violet{background:var(--violet-soft)}.i-pink{background:var(--pink-soft)}.i-gold{background:var(--gold-soft)}.i-teal{background:var(--teal-soft)}.menu-title{font-size:16px;font-weight:700;color:var(--ink);line-height:1.2}.menu-sub{font-size:13px;color:var(--muted);line-height:1.35}.hint{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}.forgotten-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.forgotten-list li{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm)}.w-hanzi{font-size:20px;font-weight:600}.w-pinyin{color:var(--blood-bright);font-size:15px}.w-en{color:var(--muted);font-size:14px;flex:1;text-align:right}.w-due{color:var(--muted);font-size:12px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;white-space:nowrap}.done-emoji{font-size:40px;margin-bottom:8px}.review-actions{display:flex;gap:10px;margin-top:16px}.review-actions .option{flex:1;text-align:center}.lb-section{margin-bottom:26px}.lb-section h3{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.lb-list li{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm)}.lb-list li.me{border-color:var(--blood);background:var(--blood-soft)}.lb-rank{width:30px;font-size:20px;text-align:center}.lb-name{flex:1;font-size:17px;font-weight:600}.lb-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-strong)}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mcard{min-height:96px;border:1.5px solid var(--gold);border-radius:var(--r);background:linear-gradient(160deg,var(--gold-soft),#3a2f14);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:var(--shadow-sm);font-family:inherit;transition:transform .12s ease,background .15s ease,border-color .15s ease}.mcard:active{transform:scale(.96)}.mcard.up{background:var(--card);border-color:var(--blood)}.mcard.done{background:var(--good-bg);border-color:var(--good);cursor:default}.m-back{font-size:28px;font-weight:700;color:var(--gold-strong)}.m-py{display:flex;flex-direction:column;align-items:center;gap:2px}.m-pinyin{font-size:20px;font-weight:700;color:var(--ink);text-align:center}.m-hanzi{font-size:24px;color:var(--blood-bright)}.m-en{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3;text-align:center}.win{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:700;text-align:center;padding:28px 0}.timer{display:flex;align-items:center;gap:10px;margin:4px 2px 14px}.timer-text{min-width:52px;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.timer-track{flex:1;height:14px;background:var(--bg-accent);border-radius:999px;overflow:hidden}.timer-fill{height:100%;border-radius:999px;transition:width 1s linear}.timer.low .timer-text{color:var(--bad);animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.range{position:relative;height:62vh;min-height:420px;background:linear-gradient(to top,#1a1313,#0d0c0a);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;cursor:crosshair;box-shadow:var(--shadow)}.balloon{position:absolute;top:85%;border:none;background:none;padding:0;cursor:crosshair;display:flex;flex-direction:column;align-items:center;width:21%;animation:floatUp var(--dur) linear infinite;animation-delay:var(--delay)}.balloon-body{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:56px;padding:12px;border-radius:20px;background:var(--c, var(--blood));color:#fff;font-size:14px;font-weight:700;line-height:1.25;text-align:center;box-shadow:0 4px 14px #0000002e;transition:transform .25s,opacity .25s}.balloon-string{width:2px;height:28px;background:#ffffff47;border-radius:1px}.balloon:hover{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='16' cy='21' r='10' fill='%232b2b2b' stroke='%23111' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='18' r='3' fill='%23fff' opacity='0.45'/%3E%3Cpath d='M16 11 Q17 6 21 4' fill='none' stroke='%236b4423' stroke-width='2.5' stroke-linecap='round'/%3E%3Ccircle cx='22' cy='3.5' r='3.5' fill='%23f5b301'/%3E%3Ccircle cx='22' cy='3.5' r='1.6' fill='%23ff5a00'/%3E%3C/svg%3E") 16 21,crosshair}.balloon.pop .balloon-body{transform:scale(.15);opacity:0}.balloon.pop .balloon-string{opacity:0}.balloon.miss .balloon-body{animation:balloonShake .35s ease;filter:saturate(.3) brightness(.7)}.boom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;font-size:64px;line-height:1;pointer-events:none;animation:explode .55s ease-out forwards}.range-hud{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px}.range-hud .audio-btn{position:static;width:52px;height:52px;font-size:24px;flex-shrink:0}.range-pinyin{font-size:15px;font-weight:600;color:var(--ink);background:#161412e6;padding:8px 12px;border-radius:12px;line-height:1.4}@keyframes floatUp{0%{top:85%}to{top:-30%}}@keyframes balloonShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes explode{0%{transform:scale(.2) rotate(-10deg);opacity:0}25%{transform:scale(1.15) rotate(0);opacity:1}60%{transform:scale(1.9) rotate(6deg);opacity:1}to{transform:scale(2.6) rotate(12deg);opacity:0}}.gameover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;text-align:center}.gameover-emoji{font-size:64px;line-height:1}.gameover h2{font-size:28px;margin:0;color:var(--ink)}.gameover-score{font-size:44px;font-weight:800;color:var(--gold-strong)}.gameover-streak{font-size:18px;color:var(--muted)}.gameover-actions{display:flex;gap:12px;margin-top:10px}.gameover-actions .link{font-size:16px;align-self:center}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;background:#241f18;color:#fff;border-radius:999px;font-size:15px;font-weight:600;box-shadow:var(--shadow-lg);z-index:60;pointer-events:none;max-width:calc(100vw - 32px);animation:toastIn .28s cubic-bezier(.16,1,.3,1)}.toast-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--blood);color:#fff;font-size:13px;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.jumble{padding:0 16px 28px;max-width:660px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.jumble-prompt{display:flex;align-items:center;gap:12px}.jumble-english{font-size:17px;font-weight:500;color:var(--ink);line-height:1.35}.jumble-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.jumble-answer-wrap,.jumble-bank-wrap{display:flex;flex-direction:column;gap:8px}.jumble-container{display:flex;flex-wrap:wrap;gap:8px;min-height:54px;padding:10px;background:var(--bg-accent);border:1px dashed var(--border);border-radius:var(--r);transition:background .15s ease,border-color .15s ease}.jumble-container.over{border-color:var(--blood-bright);background:var(--blood-soft)}.jumble-token{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--ink);font-size:15px;font-weight:600;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 1px 2px #0000004d;transition:background .12s ease,border-color .12s ease,color .12s ease}.jumble-token:active{cursor:grabbing}.jumble-token.drag{border-color:var(--blood-bright);box-shadow:0 10px 26px #0000008c;cursor:grabbing;background:var(--card)}.jumble-token.ok{border-color:var(--good);background:var(--good-bg);color:#7fe0ae}.jumble-token.bad{border-color:var(--bad);background:var(--bad-bg);color:#f6a3a5}.jumble-empty{color:var(--muted);font-size:14px;padding:8px 4px}.jumble-actions{display:flex;align-items:center;gap:14px}.jumble-actions .primary{flex:1;width:auto}.store{padding:0 16px 28px;max-width:660px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.store-section{display:flex;flex-direction:column;gap:12px}.store-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.store-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color .15s ease,background .15s ease}.store-item.equipped{border-color:var(--blood-bright);background:var(--blood-soft)}.store-item.locked{opacity:.75}.store-emoji{font-size:28px;line-height:1}.store-item-label{font-size:11px;color:var(--muted);font-weight:600}.store-item.equipped .store-item-label{color:var(--blood-bright)}.store-freeze{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;text-align:left}.store-freeze-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.store-item-name{font-size:15px;font-weight:700;color:var(--ink)}.store-item-desc{font-size:12px;color:var(--muted)}.store-price{font-size:14px;font-weight:700;color:var(--gold-strong);white-space:nowrap}.store-hint{font-size:12px;color:var(--muted)}.achievements{padding:0 16px 28px;max-width:660px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.achievement-list{display:flex;flex-direction:column;gap:10px}.achievement{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r)}.achievement.locked{opacity:.62}.achievement.unlocked{border-color:var(--gold)}.achievement-icon{font-size:26px;line-height:1}.achievement-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.achievement-name{font-size:15px;font-weight:700;color:var(--ink)}.achievement-desc{font-size:12px;color:var(--muted)}.achievement-bar{margin-top:4px;height:5px;background:var(--bg-accent);border-radius:999px;overflow:hidden}.achievement-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-strong));border-radius:999px}.achievement-progress{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.achievement.unlocked .achievement-progress{color:var(--gold-strong)}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back{width:38px;height:38px;border-radius:12px;background:var(--bg-accent);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.back:hover{color:var(--ink);border-color:var(--border-strong)}.topbar-title{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.streak-chip{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--gold-strong);background:var(--gold-soft);border:1px solid rgba(212,160,23,.25);padding:6px 11px;border-radius:999px}.screen .card{padding:18px 16px;border-radius:18px;background:linear-gradient(180deg,#181410,#100e0b);border:1px solid rgba(255,255,255,.07);border-top-color:#ffffff21;box-shadow:0 1px #0000008c,0 10px 26px -14px #000000b3}.screen .hero{text-align:center;margin-bottom:12px}.hero-num{font-family:Fraunces,serif;font-size:46px;font-weight:500;line-height:1.05}.hero-total{font-size:22px;color:var(--muted);font-weight:400}.hero-sub{font-size:13px;color:var(--muted);margin-top:6px}.bar{height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-top:14px}.bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#7a1f1f,#c11b1b);box-shadow:0 0 10px #c11b1b80}.screen .projection{display:flex;gap:14px;align-items:center;margin-bottom:12px}.proj-emoji{font-size:28px;flex:none}.proj-head{font-family:Fraunces,serif;font-size:21px;font-weight:500;line-height:1.2}.proj-head b{color:var(--gold-strong);font-weight:600}.proj-sub{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}.proj-sub b{color:var(--ink)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.screen .grind{display:flex;align-items:center;gap:13px}.ring{position:relative;width:58px;height:58px;flex:none}.ring svg{width:58px;height:58px}.ring-n{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.ring-den{font-size:10px;color:var(--muted);font-weight:500}.grind-title{font-family:Fraunces,serif;font-size:15px;font-weight:500}.grind-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.jade{color:#7fc3a8!important}.milestones{display:flex;flex-direction:column}.milestone{display:flex;gap:12px;padding-bottom:16px}.milestone:last-child{padding-bottom:0}.rail{display:flex;flex-direction:column;align-items:center}.dot{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--bg-accent);border:1px solid var(--border);color:var(--muted)}.line{width:2px;flex:1;background:#ffffff12;margin-top:5px}.milestone.here .dot{background:linear-gradient(180deg,#a82828,#741b1b);color:#fff;border:none;box-shadow:0 0 0 3px #a8282838,0 6px 14px -4px #a8282899}.milestone.done .dot{background:#4a9d7c33;border-color:#4a9d7c66;color:#7fc3a8}.mbody{flex:1}.mtitle{font-family:Fraunces,serif;font-size:14.5px;font-weight:500}.msub{font-size:11.5px;color:var(--muted);margin-top:2px}.mnum{font-size:11px;color:var(--muted);flex:none;font-variant-numeric:tabular-nums;padding-top:5px}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}.screen .met{padding:14px 8px;text-align:center}.met .v{font-family:Fraunces,serif;font-size:23px;font-weight:600;line-height:1.1}.met .v.gold{color:var(--gold-strong)}.met .l{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}.screen .chart{margin-bottom:12px}.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.chart-head .ct{font-family:Fraunces,serif;font-size:15px;font-weight:500}.chart-head .cs{font-size:11.5px;color:var(--muted)}.screen .league{display:flex;align-items:center;gap:14px}.league-ico{width:44px;height:44px;border-radius:13px;flex:none;background:linear-gradient(160deg,#d4a01740,#d4a0170d);border:1px solid rgba(212,160,23,.35);display:flex;align-items:center;justify-content:center;font-size:22px}.league .lt{font-family:Fraunces,serif;font-size:15.5px;font-weight:500}.league .ls{font-size:12px;color:var(--muted);margin-top:3px}.league .ls b{color:var(--gold-strong)}:root{--bg: #0a0908;--bg-accent: #14110d;--card: #1a1612;--ink: #f3eee2;--muted: #8b8371;--blood: #a82828;--blood-strong: #741b1b;--blood-soft: #2a1414;--blood-bright: #d05a4f;--gold: #c9a227;--gold-strong: #e6c95a;--border: #2a2520;--border-strong: #453d33;--jade: #4a9d7c;--jade-soft: #0e241c}.home-hero-text h1,.rank-title,.menu-title,.stat-num{font-family:Fraunces,serif}.stat-num{font-weight:600}.home-hero-text h1{font-weight:500;letter-spacing:-.01em}.menu-title,.rank-title{font-weight:500}.stat-card,.menu-card,.rank-banner,.mountain{border:1px solid rgba(255,255,255,.07);border-top-color:#ffffff21;background:linear-gradient(180deg,#1a1612,#13100c);box-shadow:0 1px #0000008c,0 8px 22px -14px #000000b3}.stat-card.gold{background:linear-gradient(180deg,#221b0e,#16120a);border-color:#c9a22747;border-top-color:#e6c95a66}.stat-card.amber{background:linear-gradient(180deg,#201709,#141009);border-color:#d9770647;border-top-color:#d9770666}.stat-card.blue{background:linear-gradient(180deg,#101823,#0e1319);border-color:#5b8dd940;border-top-color:#5b8dd966}.primary{background:linear-gradient(180deg,#a82828,#741b1b);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px -12px #a828288c,inset 0 1px #ffffff29;font-family:Fraunces,serif;font-weight:500}.primary:hover{box-shadow:0 18px 40px -12px #a8282899,inset 0 1px #ffffff2e;filter:brightness(1.06)}.menu-ico{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--blood-bright)}.menu-ico svg{width:22px;height:22px}.i-blue{background:#5b8dd91f;border-color:#5b8dd94d;color:#7fa9e0}.i-coral{background:#d45a431f;border-color:#d45a434d;color:#e08a72}.i-pink{background:#e0619a1f;border-color:#e0619a4d;color:#e58ab8}.i-jade{background:#4a9d7c1f;border-color:#4a9d7c4d;color:#7fc3a8}.i-amber{background:#d977061f;border-color:#d977064d;color:#e6a34a}.i-violet{background:#9662d61f;border-color:#9662d64d;color:#b08ce6}.i-gold{background:#c9a2271f;border-color:#c9a2274d;color:var(--gold-strong)}.i-teal{background:#2bb8a31f;border-color:#2bb8a34d;color:#5fc0ad}.stat-card.gold .stat-ico{color:var(--gold-strong)}.stat-card.amber .stat-ico{color:#e6a34a}.stat-card.blue .stat-ico{color:#7fa9e0}.stat-ico svg{width:20px;height:20px}.race{margin:14px 0 16px;padding:16px;border:1px solid rgba(255,255,255,.07);border-top-color:#ffffff21;border-radius:var(--r);background:linear-gradient(180deg,#1a1612,#13100c);box-shadow:0 1px #0000008c,0 8px 22px -14px #000000b3}.race-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.race-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.race-crown{font-family:Fraunces,serif;color:var(--gold-strong);font-size:15px}.race-rows{display:flex;flex-direction:column;gap:8px}.race-row{display:grid;grid-template-columns:74px 1fr 44px;align-items:center;gap:8px}.race-name{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-row.me .race-name{color:var(--ink);font-weight:600}.race-track{height:8px;border-radius:99px;background:#ffffff0f;overflow:hidden}.race-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blood-bright),var(--gold));transition:width .5s cubic-bezier(.16,1,.3,1)}.race-row.me .race-fill{background:linear-gradient(90deg,var(--gold-strong),#ffe9a8)}.race-val{font-size:13px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.race-nudge{margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);background:linear-gradient(180deg,#2a1f0c,#1f1708);border:1px solid rgba(201,162,39,.35);color:var(--gold-strong);font-weight:600;font-size:13px;animation:racePulse 1.6s ease-in-out infinite}@keyframes racePulse{0%,to{box-shadow:0 0 #c9a2272e}50%{box-shadow:0 0 0 6px #c9a22700}}.race-king{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--muted)}.race-king b{color:var(--ink)}.duels{padding:0 16px 24px;max-width:560px;margin:0 auto}.duel-h{font-family:Fraunces,serif;font-weight:500;margin:2px 0 10px;font-size:15px;color:var(--ink)}.duel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.duel-row:last-child{border-bottom:none}.duel-info{flex:1;font-size:14px;color:var(--ink);line-height:1.4}.duel-meta{font-size:12px;color:var(--muted);margin-top:3px}.duel-row .primary{padding:10px 16px;flex-shrink:0}.duel-send{margin:14px 0}.duel-my-score{font-size:13px;color:var(--muted);margin-bottom:8px}.duel-my-score b{color:var(--gold-strong)}.duel-targets{display:flex;flex-direction:column;gap:8px}.duel-targets .secondary{margin-top:0}.taunt{position:fixed;left:16px;right:16px;bottom:16px;padding:16px;border-radius:var(--r);background:linear-gradient(180deg,#241b10,#17120a);border:1px solid rgba(201,162,39,.4);border-top-color:#e6c95a8c;box-shadow:var(--shadow-lg);z-index:60}.taunt-text{font-size:15px;color:var(--ink);font-weight:600}.taunt-from{font-size:13px;color:var(--muted);margin:6px 0 10px}.taunt .link{color:var(--gold-strong)}.sabotage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050403b8;display:flex;align-items:flex-end;justify-content:center;z-index:70}.sabotage-card{width:100%;max-width:560px;padding:20px 16px 28px;border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(180deg,#1a1612,#100d0a);border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px}.sabotage-title{font-family:Fraunces,serif;font-size:18px;color:var(--ink);margin-bottom:6px}.sabotage-card .primary{width:100%}.sabotage-card .link{text-align:center;margin-top:4px}