.landing{background:var(--paper);color:var(--ink);min-height:100dvh;overflow-x:clip}.l-wrap{width:min(1160px,100% - 32px);margin-inline:auto}.l-narrow{width:min(760px,100% - 32px)}.l-header{z-index:40;border-bottom:1px solid #0000;transition:background .25s,box-shadow .25s,border-color .25s;position:sticky;top:0}.l-header.scrolled{background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom-color:var(--line)}.l-header-in{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.l-logo{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.l-nav{gap:4px;display:none}.l-nav button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:700;transition:background .2s,color .2s}.l-nav button:hover{background:var(--wash);color:var(--brand)}@media (width>=900px){.l-nav{display:flex}}@media (width<=420px){.l-hide-sm{display:none}}.l-hero{isolation:isolate;padding:28px 0 80px;position:relative}.l-hero-bg{z-index:-2;pointer-events:none;position:absolute;inset:-120px 0 0}.l-hero-bg .fill,.l-hero-bg svg{width:100%;height:100%;display:block}.l-hero-pattern{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 75%)}.l-hero-pattern svg{width:100%;height:100%;display:block}.l-hero-grid{align-items:center;gap:40px;display:grid}@media (width>=960px){.l-hero-grid{grid-template-columns:1.05fr 1fr;gap:56px;padding-top:24px}.l-hero{padding-bottom:110px}}.l-eyebrow{background:color-mix(in srgb, var(--paper) 80%, transparent);border:1.5px solid var(--line);color:var(--brand);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.l-eyebrow .dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--good) 22%, transparent);border-radius:50%;animation:2s infinite l-ping}@keyframes l-ping{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--good) 0%, transparent)}}.l-hero h1{letter-spacing:-.5px;text-wrap:balance;margin:18px 0 14px;font-size:clamp(32px,6.4vw,56px);font-weight:900;line-height:1.35}.l-hero h1 .hl{white-space:nowrap;color:var(--brand);background:linear-gradient(100deg,#0a5cff 10%,#0096ff 55%,#00b3a4 95%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}.l-hero-copy>p{color:var(--ink-2);max-width:560px;margin:0;font-size:clamp(16px,2.2vw,19px);line-height:2}.l-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.l-cta .btn{min-height:56px;padding:0 28px;font-size:17px}.l-cta-main{min-width:200px}.l-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin:32px 0 0;padding:0;list-style:none;display:grid}@media (width>=560px){.l-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.l-facts li{background:color-mix(in srgb, var(--paper) 82%, transparent);border:1.5px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:10px 12px;font-size:13px;font-weight:700}.l-facts b{color:var(--ink);font-size:22px;font-weight:900;line-height:1.4;display:block}.l-hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.l-float{z-index:3;position:absolute}.l-float.c1{top:40px;inset-inline-start:max(0px,50% - 250px)}.l-float.c2{top:46%;inset-inline-end:max(0px,50% - 260px)}.l-float.c3{bottom:34px;inset-inline-start:max(0px,50% - 270px)}.l-chip{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;align-items:center;gap:10px;padding:10px 16px 10px 14px;display:flex;box-shadow:0 18px 40px #0d1b3624}.l-chip b{font-size:15px;font-weight:900;display:block}.l-chip span{color:var(--muted);font-size:12px;font-weight:700;display:block}.l-hero-mascot{z-index:4;bottom:-24px;filter:drop-shadow(0 18px 24px #0d1b362e);position:absolute;inset-inline-end:max(0px,50% - 250px)}@media (width<=600px){.l-hero-visual{min-height:470px}.l-float.c1{top:4px;inset-inline-start:0}.l-float.c2{top:52%;inset-inline-end:0}.l-float.c3{display:none}.l-hero-mascot{inset-inline-end:0;bottom:-18px}.l-hero-mascot svg{width:112px;height:auto}.l-chip{gap:8px;padding:8px 12px}}.phone{background:linear-gradient(160deg,#1b2a4a,#0b1427);border-radius:44px;width:270px;height:540px;padding:11px;position:relative;box-shadow:0 40px 80px #00287847,inset 0 0 0 2px #ffffff14}.phone-notch{z-index:2;background:#0b1427;border-radius:20px;width:84px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{color:#0d1b36;background:#fff;border-radius:34px;height:100%;padding:48px 16px 16px;position:relative;overflow:hidden}.phone-top{align-items:center;gap:10px;margin-bottom:22px;display:flex}.phone-x{color:#9aa7bf;font-size:14px;font-weight:800}.phone-bar{background:#e3e8f1;border-radius:99px;flex:1;height:12px;overflow:hidden}.phone-bar span{border-radius:inherit;background:linear-gradient(90deg,#1fa463,#46d083);height:100%;display:block;box-shadow:inset 0 3px #ffffff59}.phone-heart{color:#ff4b6e;align-items:center;gap:3px;font-size:13px;font-weight:900;display:flex}.phone-kicker{color:#7c5cff;margin-bottom:6px;font-size:11px;font-weight:800}.phone-q{min-height:82px;font-size:14px;font-weight:800;line-height:1.9}.phone-opts{gap:8px;margin-top:12px;display:grid}.phone-opt{border:2px solid #dde5f2;border-radius:13px;padding:9px 12px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px #dde5f2}.phone-opt.sel{color:#06f;background:#e5efff;border-color:#06f;box-shadow:0 3px #06f}.phone-opt.right{color:#13824c;background:#dcf7e8;border-color:#1fa463;box-shadow:0 3px #1fa463}.phone-fb{inset-inline:0;color:#13824c;background:#dcf7e8;align-items:center;gap:8px;padding:16px 18px 22px;font-size:16px;font-weight:900;display:flex;position:absolute;bottom:0}.phone-xp{color:#3d2a00;background:#f5b400;border-radius:99px;margin-inline-start:auto;padding:2px 10px;font-size:13px}.l-scroll{border:1.5px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;animation:2.2s ease-in-out infinite l-bob;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@media (width>=960px){.l-scroll{display:grid}}@keyframes l-bob{50%{transform:translate(-50%,6px)}}.l-sec{padding:84px 0;position:relative}.l-tint{background:linear-gradient(180deg, var(--canvas), color-mix(in srgb, var(--canvas) 60%, var(--paper)))}.l-head{text-align:center;max-width:720px;margin:0 auto 44px}.l-head.start{text-align:start;margin:0}.l-kicker{color:var(--brand);background:var(--brand-soft);border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:13px;font-weight:900;display:inline-block}.l-head h2{text-wrap:balance;margin:0 0 12px;font-size:clamp(26px,4.4vw,40px);font-weight:900;line-height:1.45}.l-head p{color:var(--ink-2);margin:0;font-size:17px;line-height:2}.l-steps{gap:18px;display:grid}@media (width>=820px){.l-steps{grid-template-columns:repeat(3,1fr);gap:22px}}.l-step{background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow);transition:transform .3s var(--ease), box-shadow .3s;border-radius:26px;padding:28px 24px 26px;position:relative}.l-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.l-step-num{top:18px;color:var(--line);font-size:44px;font-weight:900;line-height:1;position:absolute;inset-inline-end:20px}.l-step-ico{background:var(--wash);border-radius:24px;place-items:center;width:84px;height:84px;margin-bottom:18px;display:grid}.l-step h3{margin:0 0 8px;font-size:20px;font-weight:900}.l-step p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.95}.try-card{background:var(--paper);border:1.5px solid var(--line);max-width:860px;box-shadow:var(--shadow-lg);border-radius:30px;gap:22px;margin:0 auto;padding:26px;display:grid}@media (width>=760px){.try-card{grid-template-columns:160px 1fr;align-items:start;padding:34px}}.try-mascot{place-items:center;display:grid}@media (width>=760px){.try-mascot{position:sticky;top:90px}}.try-q{margin:0 0 14px;font-size:18px;font-weight:900;line-height:1.9}.try-fb{border-radius:18px;margin-top:16px;padding:16px 18px}.try-fb.good{background:var(--good-soft);color:var(--good-deep)}.try-fb.bad{background:var(--bad-soft);color:var(--bad-deep)}.try-fb b{align-items:center;gap:8px;font-size:17px;display:flex}.try-fb p{color:var(--ink);margin:6px 0 0;font-size:15px;line-height:1.95}.l-tracks{gap:16px;display:grid}@media (width>=640px){.l-tracks{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.l-tracks{grid-template-columns:repeat(3,1fr)}}.l-track{background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:16px;padding:20px;display:flex}.l-track>svg,.l-track>:first-child{flex:none}.l-track h3{margin:0 0 4px;font-size:17px;font-weight:900}.l-track p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.l-units{gap:18px;display:grid}@media (width>=760px){.l-units{grid-template-columns:repeat(2,1fr);gap:22px}}@media (width>=1100px){.l-units{grid-template-columns:repeat(3,1fr)}.l-unit-art{aspect-ratio:16/9}}.l-unit{background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow);transition:transform .3s var(--ease), box-shadow .3s;border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.l-unit:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.l-unit-art{aspect-ratio:2;background:linear-gradient(135deg, var(--u), var(--us));position:relative;overflow:hidden}.l-unit-art svg{width:100%;height:100%;display:block}.l-unit-body{padding:20px 22px 22px}.l-unit-k{color:var(--u);font-size:12px;font-weight:900}.l-unit h3{margin:4px 0 10px;font-size:20px;font-weight:900}.l-unit ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.l-unit li{color:var(--ink-2);padding-inline-start:18px;font-size:14px;line-height:1.8;position:relative}.l-unit li:before{content:"";inset-inline-start:0;background:var(--u);border-radius:3px;width:8px;height:8px;position:absolute;top:.75em;transform:rotate(45deg)}.l-split{align-items:center;gap:36px;display:grid}@media (width>=900px){.l-split{grid-template-columns:1fr 1fr;gap:56px}}.l-checks{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.l-checks li{color:var(--ink-2);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.l-checks svg{color:var(--good);flex:none}.l-medals{background:radial-gradient(circle at 50% 0%, var(--gold-soft), transparent 70%), var(--canvas);border:1.5px solid var(--line);border-radius:30px;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px;display:grid}.l-medal{place-items:center;padding:6px;display:grid}.l-medal svg{max-width:100%;height:auto}.l-stat-row{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:10px;margin-top:6px;display:flex}.l-stat-row span{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:800;display:flex}.l-faq{gap:12px;display:grid}.l-faq-item{background:var(--paper);border:1.5px solid var(--line);border-radius:20px;transition:border-color .2s,box-shadow .2s}.l-faq-item.open{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.l-faq-item button{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:16px;font-weight:800;display:flex}.l-faq-item button>span{color:var(--muted);flex:none;display:grid}.l-faq-item p{color:var(--ink-2);margin:0;padding:0 20px 18px;font-size:15px;line-height:2}.l-final{color:#fff;isolation:isolate;background:linear-gradient(135deg,#06f,#0039b8 70%);padding:64px 0;position:relative;overflow:hidden}.l-final-pattern{z-index:-1;position:absolute;inset:0}.l-final-pattern svg{width:100%;height:100%;display:block}.l-final:before{content:"";top:-240px;z-index:-1;background:radial-gradient(circle,#ffffff2e,#0000 65%);border-radius:50%;width:520px;height:520px;position:absolute;inset-inline-start:-120px}.l-final-in{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}@media (width>=820px){.l-final-in{text-align:start;flex-direction:row;gap:32px}.l-final-in>div{flex:1}}.l-final h2{margin:0 0 6px;font-size:clamp(26px,4vw,38px);font-weight:900;line-height:1.45}.l-final p{opacity:.88;margin:0;font-size:17px}.l-final .btn{min-height:58px;padding:0 34px;font-size:18px}.l-footer{background:var(--paper);border-top:1px solid var(--line);padding:36px 0 44px}.l-footer-in{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.l-footer p{color:var(--ink-2);margin:0;font-size:14px}.l-footer p.muted{color:var(--muted);font-size:13px}.login-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);background:#08112680;place-items:end center;display:grid;position:fixed;inset:0}@media (width>=640px){.login-backdrop{place-items:center}}.login-card{background:var(--paper);width:min(440px,100%);padding:30px 24px max(26px, env(safe-area-inset-bottom));text-align:center;isolation:isolate;border-radius:30px 30px 0 0;position:relative;overflow:hidden;box-shadow:0 -20px 60px #00000040}@media (width>=640px){.login-card{border-radius:30px;padding:36px 34px 30px}}.login-card:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--brand-soft), transparent 70%);z-index:-1;height:170px;position:absolute;inset:0 0 auto}.login-close{top:14px;background:var(--wash);width:40px;height:40px;color:var(--muted);cursor:pointer;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;inset-inline-end:14px}.login-card h2{margin:8px 0 6px;font-size:24px;font-weight:900}.login-card>p{color:var(--ink-2);margin:0 0 22px;font-size:15px;line-height:1.95}.login-actions{gap:12px;display:grid}.gbtn{border:2px solid var(--line-2);background:var(--paper);width:100%;min-height:54px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--line-2);border-radius:16px;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:800;transition:background .2s;display:flex}.gbtn:hover{background:var(--wash)}.gbtn:active{box-shadow:none;transform:translateY(3px)}.gbtn-host{justify-content:center;min-height:44px;display:flex}.login-note{background:var(--gold-soft);color:var(--ink);text-align:start;border-radius:14px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.9}.login-or{color:var(--muted);align-items:center;gap:12px;margin:4px 0;font-size:13px;font-weight:700;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1.5px}.login-fine{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.9}.login-soon{color:var(--brand);background:var(--brand-soft);border-radius:12px;margin:12px 0 0;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.8}@media (width<=560px){.l-cta .btn{flex:100%}.l-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.l-facts li{text-align:center;padding:8px 6px;font-size:11px}.l-facts b{font-size:18px}}.l-track.wide{background:linear-gradient(120deg, color-mix(in srgb, #e5487a 9%, var(--paper)), var(--paper) 60%);border-color:color-mix(in srgb, #e5487a 30%, var(--line));grid-column:1/-1}.l-tracks{grid-auto-flow:dense}.l-tracks>.l-track.wide{order:-1}.l-personal{color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(120% 140% at 90% 0,#2a86ff 0%,#0062f5 45%,#0039b8 100%);border-radius:28px;align-items:center;gap:22px;margin-top:26px;padding:26px;display:grid;position:relative;overflow:hidden}@media (width>=900px){.l-personal{grid-template-columns:1.1fr 1fr;padding:34px 38px}}.l-personal .l-kicker{color:#fff;background:#ffffff29}.l-personal h3{margin:10px 0 8px;font-size:24px;font-weight:900;line-height:1.6}.l-personal p{color:#ffffffe6;margin:0;font-size:15.5px;line-height:2}.l-levels{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.l-levels span{background:rgba(255,255,255, calc(.12 + var(--i) * .08));border:1.5px solid #ffffff40;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:800}.l-levels span:nth-child(3){color:#3d2a00;background:#ffd34d;border-color:#ffd34d}.l-goals{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.l-goal{color:#0d1b36;background:#fff;border-radius:99px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px #00145040}.l-goal i{color:#fff;background:var(--g);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(./vazirmatn-arabic-400-normal-DMZFCm7K.woff2)format("woff2"),url(./vazirmatn-arabic-400-normal-C4W5XURk.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(./vazirmatn-latin-ext-400-normal-BdGhO0lm.woff2)format("woff2"),url(./vazirmatn-latin-ext-400-normal-DPxMaNjI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(./vazirmatn-latin-400-normal-BT_DHTc7.woff2)format("woff2"),url(./vazirmatn-latin-400-normal-GKyMcI03.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:500;src:url(./vazirmatn-arabic-500-normal-C_lbnnKa.woff2)format("woff2"),url(./vazirmatn-arabic-500-normal-Dqq3-xo3.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:500;src:url(./vazirmatn-latin-ext-500-normal-CgxvvVrG.woff2)format("woff2"),url(./vazirmatn-latin-ext-500-normal-4XgegWYb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:500;src:url(./vazirmatn-latin-500-normal-6zZzgpg4.woff2)format("woff2"),url(./vazirmatn-latin-500-normal-Bg_BALlD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(./vazirmatn-arabic-700-normal-Dge_DOjm.woff2)format("woff2"),url(./vazirmatn-arabic-700-normal-B5nPuCFv.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(./vazirmatn-latin-ext-700-normal-BfoXmNMx.woff2)format("woff2"),url(./vazirmatn-latin-ext-700-normal-DMYLqBto.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(./vazirmatn-latin-700-normal-9BlbvDRV.woff2)format("woff2"),url(./vazirmatn-latin-700-normal-DrB0PBU6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(./vazirmatn-arabic-800-normal-Bwnt96zj.woff2)format("woff2"),url(./vazirmatn-arabic-800-normal-BH12s3-y.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(./vazirmatn-latin-ext-800-normal-BzH3Tiwu.woff2)format("woff2"),url(./vazirmatn-latin-ext-800-normal-HbVXW2Kv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(./vazirmatn-latin-800-normal-e0EQwLmk.woff2)format("woff2"),url(./vazirmatn-latin-800-normal-fM8Xz9cI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:900;src:url(./vazirmatn-arabic-900-normal-BVDx3pOU.woff2)format("woff2"),url(./vazirmatn-arabic-900-normal-DxDkRnCr.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:900;src:url(./vazirmatn-latin-ext-900-normal-DFoB6cWj.woff2)format("woff2"),url(./vazirmatn-latin-ext-900-normal-5ssG3_7O.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:900;src:url(./vazirmatn-latin-900-normal-DUUbkNfs.woff2)format("woff2"),url(./vazirmatn-latin-900-normal-BGmAvq1S.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Vazirmatn", Tahoma, system-ui, sans-serif;--ink:#0d1b36;--ink-2:#33456a;--muted:#5a6b88;--line:#dde5f2;--line-2:#c9d5ea;--paper:#fff;--canvas:#f3f6fc;--wash:#eaf1ff;--brand:#06f;--brand-deep:#0047d6;--brand-soft:#e5efff;--teal:#0ea5a0;--good:#1fa463;--good-deep:#13824c;--good-soft:#dcf7e8;--bad:#e5484d;--bad-deep:#b8262b;--bad-soft:#ffe7e7;--gold:#f5b400;--gold-deep:#c98f00;--gold-soft:#fff4d1;--fire:#ff7a00;--gem:#1c9cf0;--heart:#ff4b6e;--locked:#e3e8f1;--locked-deep:#c5cedd;--shadow:0 10px 30px #0d1b3614;--shadow-lg:0 24px 60px #0039b82e;--radius:18px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eaf0ff;--ink-2:#c3cee6;--muted:#8d9bbb;--line:#23314f;--line-2:#2f3f62;--paper:#121b30;--canvas:#0a1122;--wash:#16223d;--brand:#3d8bff;--brand-deep:#1f63d6;--brand-soft:#172a52;--good-soft:#10331f;--bad-soft:#3a1418;--gold-soft:#3a2d08;--locked:#1d2742;--locked-deep:#141c33;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#eaf0ff;--ink-2:#c3cee6;--muted:#8d9bbb;--line:#23314f;--line-2:#2f3f62;--paper:#121b30;--canvas:#0a1122;--wash:#16223d;--brand:#3d8bff;--brand-deep:#1f63d6;--brand-soft:#172a52;--good-soft:#10331f;--bad-soft:#3a1418;--gold-soft:#3a2d08;--locked:#1d2742;--locked-deep:#141c33;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-feature-settings:"ss01";margin:0;line-height:1.75}button{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 60%, transparent);outline-offset:2px;border-radius:12px}.ltr{direction:ltr;unicode-bidi:isolate}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{--b:var(--brand);--bd:var(--brand-deep);--fg:#fff;appearance:none;cursor:pointer;letter-spacing:0;background:var(--b);min-height:52px;color:var(--fg);box-shadow:0 4px 0 var(--bd);-webkit-user-select:none;user-select:none;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s,background .2s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--bd);transform:translateY(4px)}.btn:disabled{--b:var(--locked);--bd:var(--locked-deep);--fg:var(--muted);cursor:not-allowed}.btn.block{width:100%}.btn.good{--b:var(--good);--bd:var(--good-deep)}.btn.bad{--b:var(--bad);--bd:var(--bad-deep)}.btn.gold{--b:var(--gold);--bd:var(--gold-deep);--fg:#3d2a00}.btn.ghost{--b:var(--paper);--bd:var(--line-2);--fg:var(--brand);border:2px solid var(--line-2);box-shadow:0 3px 0 var(--line-2)}.btn.ghost:active:not(:disabled){box-shadow:none}.btn.flat{box-shadow:none;color:var(--brand);background:0 0;min-height:44px}.btn.flat:active{transform:none}.btn.sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.icon-btn{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:var(--wash);color:var(--ink)}.shell{grid-template-columns:1fr;min-height:100%;display:grid}.side-nav{display:none}.main{min-width:0;padding-bottom:96px}.aside{display:none}.topbar{z-index:30;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:color-mix(in srgb, var(--canvas) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.stat-chips{align-items:center;gap:4px;display:flex}.chip-stat{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:15px;font-weight:800;display:inline-flex}.chip-stat:hover{background:var(--wash)}.chip-stat.fire{color:var(--fire)}.chip-stat.gem{color:var(--gem)}.chip-stat.heart{color:var(--heart)}.chip-stat.dim{color:var(--muted);filter:grayscale()}.track-pill{background:var(--paper);border:2px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.bottom-nav{inset-inline:0;z-index:40;background:var(--paper);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.nav-item{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;place-items:center;gap:2px;padding:8px 0 10px;font-size:11px;font-weight:700;display:grid;position:relative}.nav-item .nav-ico{border-radius:10px;place-items:center;width:44px;height:32px;transition:background .2s;display:grid}.nav-item.active{color:var(--brand)}.nav-item.active .nav-ico{background:var(--brand-soft)}.nav-dot{top:6px;background:var(--bad);border:2px solid var(--paper);border-radius:50%;width:9px;height:9px;position:absolute;inset-inline-end:calc(50% - 22px)}@media (width>=900px){.shell{grid-template-columns:240px minmax(0,1fr)}.side-nav{border-inline-end:2px solid var(--line);background:var(--paper);flex-direction:column;gap:6px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.side-nav .brand{color:var(--brand);align-items:center;gap:10px;padding:4px 10px 22px;font-size:24px;font-weight:900;display:flex}.side-link{appearance:none;cursor:pointer;color:var(--ink-2);text-align:start;background:0 0;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;font-size:15px;font-weight:800;display:flex;position:relative}.side-link:hover{background:var(--wash)}.side-link.active{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 40%, transparent);color:var(--brand)}.bottom-nav{display:none}.main{padding-bottom:40px}.topbar .brand-mobile{visibility:hidden}}@media (width>=1180px){.shell{grid-template-columns:250px minmax(0,1fr) 360px}.aside{flex-direction:column;gap:16px;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.topbar .stat-chips.mobile-only{display:none}}.page{max-width:640px;margin:0 auto;padding:20px 16px}.page-title{margin-bottom:4px;font-size:26px;font-weight:900}.page-sub{color:var(--muted);margin-bottom:20px}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:18px}.card h3{font-size:17px;font-weight:900}.muted{color:var(--muted)}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.unit-banner{color:#fff;box-shadow:0 5px 0 var(--shade);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 26px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.unit-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% -20%,#ffffff59,#0000 55%),radial-gradient(circle at 100% 120%,#0000002e,#0000 50%);position:absolute;inset:0}.unit-banner .kicker{opacity:.85;font-size:13px;font-weight:800}.unit-banner h2{font-size:20px;font-weight:900;line-height:1.5}.unit-banner p{opacity:.9;font-size:13px}.unit-guide{z-index:1;color:#fff;cursor:pointer;background:#ffffff1f;border:2px solid #fff6;border-radius:14px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 3px #0000002e}.path{flex-direction:column;align-items:center;gap:34px;padding:6px 0 40px;display:flex;position:relative}.node-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.node{--c:var(--brand);--s:var(--brand-deep);cursor:pointer;background:var(--c);color:#fff;width:74px;height:68px;box-shadow:0 7px 0 var(--s);border:0;border-radius:50%;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.node:active{box-shadow:0 1px 0 var(--s);transform:translateY(6px)}.node.locked{--c:var(--locked);--s:var(--locked-deep);color:var(--muted)}.node.done{--c:var(--gold);--s:var(--gold-deep);color:#5a3d00}.node.half:before{content:"";border:3px dashed #ffffff8c;border-radius:50%;position:absolute;inset:7px}.node.chest{border-radius:22px}.node-ring{pointer-events:none;width:96px;height:96px;position:absolute;top:-14px}.node-label{color:var(--ink-2);text-align:center;max-width:150px;margin-top:12px;font-size:13px;font-weight:800;line-height:1.5}.start-bubble{white-space:nowrap;background:var(--paper);color:var(--brand);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:14px;padding:6px 14px;font-size:14px;font-weight:900;position:absolute;bottom:calc(100% + 18px)}.start-bubble:after{content:"";border:9px solid #0000;border-top-color:var(--paper);position:absolute;top:100%;left:50%;translate:-50% -1px}.path-mascot{pointer-events:none;position:absolute}.node-pop{z-index:20;color:#fff;background:var(--c);width:290px;box-shadow:0 5px 0 var(--s), var(--shadow-lg);border-radius:18px;padding:16px;position:absolute;top:calc(100% + 8px)}.node-pop h4{font-size:17px;font-weight:900;line-height:1.6}.node-pop p{opacity:.92;margin:4px 0 12px;font-size:13px}.node-pop .btn{--b:#fff;--bd:#0000002e;--fg:var(--c);width:100%}.node-pop .btn.outline{--b:transparent;--fg:#fff;box-shadow:none;border:2px solid #ffffff8c;margin-top:8px}.node-pop.locked{--c:var(--paper);color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow)}.node-pop.locked p{color:var(--muted)}.player{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.player-head{width:100%;max-width:1000px;padding:16px;padding-top:max(16px, env(safe-area-inset-top));align-items:center;gap:12px;margin:0 auto;display:flex}.progress{background:var(--locked);border-radius:99px;flex:1;height:16px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--good), #58cc02);border-radius:99px;position:absolute;inset-block:0;inset-inline-start:0}.progress-fill:after{content:"";top:3px;background:#ffffff59;border-radius:9px;height:4px;position:absolute;inset-inline:8px}.combo-badge{color:var(--fire);font-size:13px;font-weight:900;position:absolute;top:-26px}.player-body{flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;padding:8px 16px 24px;display:flex}.ex-kicker{color:var(--brand);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:900;display:inline-flex}.ex-kicker.again{color:var(--fire)}.ex-title{margin-bottom:18px;font-size:22px;font-weight:900;line-height:1.6}.player-foot{border-top:2px solid var(--line);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.player-foot-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:0 auto;display:flex}.player-foot .btn{min-width:160px}@media (width<=640px){.player-foot .btn{flex:1}.player-foot .skip{display:none}}.feedback{border-top:0;position:relative}.feedback.good{background:var(--good-soft)}.feedback.bad{background:var(--bad-soft)}.feedback .fb-inner{max-width:1000px;padding:18px 16px;padding-bottom:max(18px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 auto;display:flex}.fb-head{flex:1;align-items:flex-start;gap:12px;min-width:240px;display:flex}.fb-icon{background:var(--paper);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.feedback.good .fb-icon,.feedback.good h3{color:var(--good-deep)}.feedback.bad .fb-icon,.feedback.bad h3{color:var(--bad-deep)}.feedback h3{font-size:20px;font-weight:900}.feedback .fb-text{color:var(--ink-2);font-size:14.5px}.feedback .fb-answer{color:var(--bad-deep);font-weight:800}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .feedback .fb-answer{color:#ff9a9e}}:root[data-theme=dark] .feedback .fb-answer{color:#ff9a9e}@media (width<=640px){.feedback .btn{width:100%}}.options{gap:12px;display:grid}.option{appearance:none;cursor:pointer;text-align:start;background:var(--paper);border:2px solid var(--line-2);width:100%;box-shadow:0 3px 0 var(--line-2);color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;font-size:16px;font-weight:600;line-height:1.7;transition:transform 80ms,background .15s,border-color .15s;display:flex}.option:hover:not(:disabled){background:var(--wash)}.option:active:not(:disabled){box-shadow:0 1px 0 var(--line-2);transform:translateY(2px)}.option .key{border:2px solid var(--line-2);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.option.sel{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 3px 0 var(--brand);color:var(--brand)}.option.sel .key{border-color:var(--brand);color:var(--brand)}.option.right{border-color:var(--good);background:var(--good-soft);box-shadow:0 3px 0 var(--good);color:var(--good-deep)}.option.wrong{border-color:var(--bad);background:var(--bad-soft);box-shadow:0 3px 0 var(--bad);color:var(--bad-deep)}.option:disabled{cursor:default}.tf-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tf-grid .option{flex-direction:column;justify-content:center;padding:22px 12px;font-size:18px;font-weight:900}.tf-grid .option .big{font-size:34px;line-height:1}.statement{background:var(--wash);border:2px solid var(--line);border-radius:18px;margin-bottom:18px;padding:18px 20px;font-size:18px;font-weight:700;line-height:1.9;position:relative}.speaker{align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.speech{background:var(--paper);border:2px solid var(--line-2);border-radius:18px;flex:1;padding:14px 16px;font-weight:600;line-height:1.9;position:relative}.speech:before{content:"";bottom:18px;background:var(--paper);border-inline-start:2px solid var(--line-2);border-bottom:2px solid var(--line-2);width:18px;height:18px;position:absolute;inset-inline-start:-11px;transform:rotate(45deg)}[dir=rtl] .speech:before{transform:rotate(-45deg)}.chat{background:var(--wash);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;display:flex}.bubble{border-radius:16px;max-width:88%;padding:10px 14px;font-size:15px;line-height:1.85}.bubble.user{background:var(--brand);color:#fff;border-end-start-radius:4px;align-self:flex-start}.bubble.ai{background:var(--paper);border:2px solid var(--line);border-end-end-radius:4px;align-self:flex-end}.bubble .who{opacity:.75;align-items:center;gap:6px;margin-bottom:2px;font-size:12px;font-weight:800;display:flex}.chip{appearance:none;cursor:pointer;border:2px solid var(--line-2);background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--line-2);border-radius:13px;padding:8px 14px;font-size:15px;font-weight:700;line-height:1.6;transition:transform 80ms}.chip:active:not(:disabled){box-shadow:0 1px 0 var(--line-2);transform:translateY(2px)}.chip.ghost{color:#0000;background:var(--locked);border-color:var(--locked);box-shadow:none;cursor:default}.chip.right{border-color:var(--good);color:var(--good-deep);background:var(--good-soft);box-shadow:0 3px 0 var(--good)}.chip.wrong{border-color:var(--bad);color:var(--bad-deep);background:var(--bad-soft);box-shadow:0 3px 0 var(--bad)}.bank{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.fill-sentence{background:var(--wash);border:2px solid var(--line);border-radius:18px;padding:18px;font-size:19px;font-weight:700;line-height:2.6}.blank{vertical-align:middle;border-bottom:3px solid var(--line-2);justify-content:center;align-items:center;min-width:90px;min-height:44px;margin:0 4px;padding:0 6px;display:inline-flex}.blank .chip{margin:2px 0}.blank.active{border-color:var(--brand)}.order-list{border:2px dashed var(--line-2);background:var(--wash);border-radius:18px;flex-direction:column;gap:10px;min-height:60px;padding:12px;display:flex}.order-list:empty:before{content:attr(data-empty);color:var(--muted);text-align:center;padding:8px;font-size:14px}.order-item{text-align:start;align-items:center;gap:12px;width:100%;display:flex}.order-item .num{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.order-item .lbl{color:var(--brand);font-size:11px;font-weight:900;display:block}.order-pool{flex-direction:column;gap:10px;margin-top:16px;display:flex}.spot-text{background:var(--paper);border:2px solid var(--line-2);border-radius:18px;padding:18px;font-size:17.5px;line-height:2.2}.seg{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px;padding:3px 2px;transition:background .15s,color .15s}.seg:hover{background:var(--wash)}.seg.on{background:color-mix(in srgb, var(--gold) 40%, transparent);box-shadow:inset 0 -3px 0 var(--gold-deep)}.seg.hit{background:var(--good-soft);color:var(--good-deep);box-shadow:inset 0 -3px 0 var(--good)}.seg.miss{background:var(--bad-soft);color:var(--bad-deep);box-shadow:inset 0 -3px 0 var(--bad);text-decoration:line-through}.seg.missed{background:color-mix(in srgb, var(--gold) 25%, transparent);box-shadow:inset 0 -3px 0 var(--gold-deep)}.sort-current{place-items:center;min-height:92px;margin-bottom:16px;display:grid}.sort-card{background:var(--paper);border:2px solid var(--line-2);box-shadow:0 4px 0 var(--line-2);text-align:center;border-radius:18px;max-width:520px;padding:16px 18px;font-size:16.5px;font-weight:700}.buckets{gap:10px;display:grid}.bucket{appearance:none;cursor:pointer;text-align:start;background:var(--wash);border:2px dashed var(--line-2);min-height:70px;color:var(--ink);border-radius:18px;padding:12px 14px;font-weight:600;transition:background .15s,border-color .15s}.bucket:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.bucket .b-title{justify-content:space-between;align-items:center;font-size:15px;font-weight:900;display:flex}.bucket .b-items{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mini{background:var(--paper);border:1.5px solid var(--line-2);border-radius:10px;padding:4px 9px;font-size:12.5px;font-weight:600;line-height:1.6}.mini.right{border-color:var(--good);color:var(--good-deep);background:var(--good-soft)}.mini.wrong{border-color:var(--bad);color:var(--bad-deep);background:var(--bad-soft)}.match-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match-col{flex-direction:column;gap:12px;display:flex}.match-col .option{text-align:center;justify-content:center;min-height:64px;padding:10px;font-size:15px}.option.gone{opacity:.35;border-color:var(--line);box-shadow:none;background:var(--paper);color:var(--muted)}.teach-card{color:var(--ink);background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:26px 22px;position:relative;overflow:hidden}.teach-card .t-icon{background:var(--brand-soft);width:60px;height:60px;color:var(--brand);border-radius:18px;place-items:center;margin-bottom:14px;display:grid}.teach-card h2{margin-bottom:10px;font-size:24px;font-weight:900;line-height:1.5}.teach-card p{color:var(--ink-2);font-size:18px;line-height:2}.teach-card .example{background:var(--gold-soft);border-inline-start:4px solid var(--gold);border-radius:14px;margin-top:16px;padding:12px 14px;font-size:15.5px;line-height:1.9}.teach-card .example b{color:var(--gold-deep);font-size:12px;font-weight:900;display:block}.teach-dots{justify-content:center;gap:6px;margin-top:18px;display:flex}.teach-dots i{background:var(--line-2);border-radius:9px;width:8px;height:8px;transition:width .3s}.teach-dots i.on{background:var(--brand);width:24px}.reveal-box{border:2px dashed var(--line-2);text-align:center;border-radius:18px;margin-top:18px;padding:18px}.rule-card{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(140deg,#0039b8,#06f 60%,#4da3ff);border-radius:24px;padding:24px 22px}.rule-card h2{opacity:.85;align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.rule-card .rule{margin:10px 0 14px;font-size:20px;font-weight:800;line-height:1.9}.rule-card .allowed{background:#ffffff24;border-radius:12px;padding:10px 12px;font-size:14px}.try-card{--u:var(--brand);background:linear-gradient(140deg, color-mix(in srgb, var(--u) 82%, #001a5c), var(--u) 62%, color-mix(in srgb, var(--u) 70%, #fff));color:#fff;box-shadow:var(--shadow-lg);border-radius:24px;padding:20px 22px 18px}.try-card-head{align-items:center;gap:12px;display:flex}.try-card-head>:first-child{flex:none;margin:-6px 0 -6px -4px}.try-card-k{background:#ffffff2e;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-flex}.try-card h2{margin:6px 0 0;font-size:19px;font-weight:900;line-height:1.6}.try-card p{margin:12px 0;font-size:17px;font-weight:700;line-height:1.95}.try-card small{opacity:.88;background:#0000001f;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.7;display:flex}.try-card small svg{flex:none}.summary-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.summary-list li{align-items:flex-start;gap:10px;font-weight:700;line-height:1.8;display:flex}.summary-list li svg{color:var(--good);flex:none;margin-top:4px}.complete{text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.complete h1{color:var(--gold-deep);font-size:30px;font-weight:900}.result-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:460px;margin:18px 0;display:grid}.tile{border:2px solid var(--c);background:var(--paper);border-radius:16px;overflow:hidden}.tile .t-h{background:var(--c);color:#fff;padding:4px;font-size:12px;font-weight:900}.tile .t-v{color:var(--c);justify-content:center;align-items:center;gap:4px;padding:12px 4px;font-size:22px;font-weight:900;display:flex}.confetti{pointer-events:none;z-index:80;width:100%;height:100%;position:fixed;inset:0}.reward-line{background:var(--wash);border-radius:14px;align-items:center;gap:10px;width:100%;max-width:460px;padding:10px 14px;font-weight:800;display:flex}.flame-big{filter:drop-shadow(0 10px 20px #ff7a0059);font-size:84px;line-height:1}.week-strip{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-strip .d{color:var(--muted);justify-items:center;gap:4px;font-size:12px;font-weight:800;display:grid}.week-strip .dot{background:var(--locked);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.week-strip .dot.on{background:var(--fire);color:#fff}.week-strip .dot.frz{color:#fff;background:#6cc4ff}.week-strip .dot.today{outline:3px solid color-mix(in srgb, var(--fire) 40%, transparent);outline-offset:2px}.quest{align-items:center;gap:12px;padding:12px 0;display:flex}.quest+.quest{border-top:2px solid var(--line)}.quest .q-ico{background:var(--gold-soft);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.bar{background:var(--locked);border-radius:99px;height:14px;position:relative;overflow:hidden}.bar>span:not(.bar-label){background:var(--c,var(--gold));border-radius:99px;position:absolute;inset-block:0;inset-inline-start:0}.bar-label{color:var(--ink-2);place-items:center;font-size:10.5px;font-weight:900;display:grid;position:absolute;inset:0}.ach{align-items:center;gap:14px;padding:14px 0;display:flex}.ach+.ach{border-top:2px solid var(--line)}.ach .medal{flex:none;place-items:center;width:66px;height:72px;font-size:30px;display:grid;position:relative}.ach .medal svg{position:absolute;inset:0}.ach.locked .medal{filter:grayscale();opacity:.55}.ach h4{font-size:16px;font-weight:900}.ach p{color:var(--muted);font-size:13px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{border:2px solid var(--line);background:var(--paper);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.stat .v{font-size:20px;font-weight:900;line-height:1.3}.stat .l{color:var(--muted);font-size:12.5px;font-weight:700}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal .c{aspect-ratio:1;color:var(--muted);background:var(--wash);border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.cal .c.on{background:var(--fire);color:#fff}.cal .c.frz{color:#fff;background:#6cc4ff}.cal .c.today{outline:2px solid var(--brand)}.cal .c.pad{background:0 0}.overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e1e8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--paper);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:24px;max-height:90dvh;padding:24px;overflow-y:auto}.sheet h2{margin:6px 0;font-size:22px;font-weight:900}.toast-stack{top:16px;z-index:100;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;inset-inline:0}.toast{pointer-events:auto;background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:12px;padding:10px 16px;font-weight:800;display:flex}.onb{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.onb-body{flex-direction:column;flex:1;width:100%;max-width:620px;margin:0 auto;padding:16px;display:flex}.choice-grid{gap:10px;display:grid}.choice{align-items:center;gap:14px;display:flex}.choice .emo{background:var(--wash);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.choice .ttl{font-size:16px;font-weight:900}.choice .sub{color:var(--muted);font-size:13px;font-weight:600}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px 0;display:flex}.hero h1{font-size:clamp(30px,6vw,44px);font-weight:900;line-height:1.45}.hero h1 em{color:var(--brand);font-style:normal}.hero p{color:var(--muted);max-width:460px;font-size:17px}.pill-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{background:var(--wash);color:var(--ink-2);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.input{border:2px solid var(--line-2);background:var(--wash);width:100%;min-height:54px;font:inherit;color:var(--ink);border-radius:14px;padding:0 16px;font-size:17px}.input:focus{border-color:var(--brand);outline:none}.seg-ctl{background:var(--wash);border-radius:14px;grid-auto-flow:column;gap:6px;padding:4px;display:grid}.seg-ctl button{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px;font-weight:800}.seg-ctl button.on{background:var(--paper);color:var(--brand);box-shadow:0 2px 6px #0d1b361a}.list-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.list-row+.list-row{border-top:2px solid var(--line)}.switch{appearance:none;background:var(--locked-deep);cursor:pointer;border:0;border-radius:99px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";top:3px;width:24px;height:24px;transition:inset-inline-start .2s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.switch.on{background:var(--good)}.switch.on:after{inset-inline-start:25px}.cert{text-align:center;color:#3d2a00;border:3px solid var(--gold);box-shadow:inset 0 0 0 6px #fff9, var(--shadow-lg);background:linear-gradient(135deg,#fff8e1,#ffe9a8);border-radius:22px;padding:30px 24px;position:relative}.cert h2{letter-spacing:0;color:var(--gold-deep);font-size:15px;font-weight:900}.cert .name{color:#0d1b36;margin:10px 0;font-size:30px;font-weight:900}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{body *{visibility:hidden}.cert,.cert *{visibility:visible}.cert{position:fixed;inset:40px}}@media (width>=1180px){.narrow-only{display:none!important}}.btn.btn:disabled{--b:var(--locked);--bd:var(--locked-deep);--fg:var(--muted);border-color:#0000}html,body,.player,.complete,.onb{overflow-x:clip}@media (width<=560px){.buckets{grid-template-columns:1fr!important}.bucket{min-height:58px}}.profile-head{flex-direction:column;gap:14px;display:flex}.profile-id{align-items:center;gap:16px;display:flex}.avatar{object-fit:cover;border:4px solid var(--brand-soft);border-radius:50%;flex:none;width:86px;height:86px}@property --tint{syntax:"<color>";inherits:true;initial-value:#06f}:root{--tint:#06f;transition:--tint 1.2s}.app-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-blob{filter:blur(60px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.app-blob.b1{top:-160px;background:radial-gradient(circle, color-mix(in srgb, var(--tint) 34%, transparent), transparent 70%);width:520px;height:520px;animation:26s ease-in-out infinite alternate drift1;inset-inline-end:-120px}.app-blob.b2{bottom:-180px;background:radial-gradient(circle, color-mix(in srgb, var(--gold) 26%, transparent), transparent 70%);width:460px;height:460px;animation:32s ease-in-out infinite alternate drift2;inset-inline-start:-140px}.app-blob.b3{background:radial-gradient(circle, color-mix(in srgb, var(--tint) 18%, #7c5cff 10%), transparent 70%);width:380px;height:380px;animation:38s ease-in-out infinite alternate drift3;top:38%;left:42%}@keyframes drift1{to{transform:translate(-120px,140px)scale(1.15)}}@keyframes drift2{to{transform:translate(160px,-120px)scale(1.2)}}@keyframes drift3{to{transform:translate(-200px,-160px)scale(.85)}}.app-bg-pattern{color:var(--tint);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.app-bg-pattern svg{width:100%;height:100%;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app-blob{opacity:.35}}:root[data-theme=dark] .app-blob{opacity:.35}.progress-fill.hot{background:linear-gradient(90deg,#ff9f1c,#ff5e00);box-shadow:0 0 18px #ff7a008c}.progress{overflow:visible}.progress-fill{overflow:hidden}.progress-fill:before{content:"";border-radius:inherit;background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%) 0 0/200% 100%;animation:2.4s linear infinite shine;position:absolute;inset:0}@keyframes shine{0%{background-position:150% 0}to{background-position:-50% 0}}.combo-tag{top:100%;color:var(--fire);white-space:nowrap;margin-top:4px;font-size:12px;font-weight:900;position:absolute;inset-inline-start:0}.combo-flame{filter:drop-shadow(0 4px 8px #ff7a0073);place-items:center;display:grid}.fb-mascot{flex:none;place-items:center;margin-block:-26px -4px;display:grid;position:relative}.fb-mascot svg{overflow:visible}.burst{width:0;height:0;position:absolute;inset:50% auto auto 50%}.burst i{margin:-4px;display:block;position:absolute}.feedback h3{align-items:center;gap:8px;display:flex}.feedback .fb-head{flex:320px;align-items:flex-start;gap:14px;min-width:0;display:flex}@media (width<=640px){.fb-mascot{margin-block:-34px 0}.fb-mascot>svg{width:58px;height:auto}}.unit-banner{isolation:isolate;min-height:156px;box-shadow:0 5px 0 var(--shade), 0 18px 34px color-mix(in srgb, var(--shade) 30%, transparent);padding:18px 20px;display:block}.unit-art{z-index:-1;width:58%;position:absolute;inset-block:0;inset-inline-end:-8px;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 98%);mask-image:linear-gradient(90deg,#000 45%,#0000 98%)}.unit-art svg{width:100%;height:100%;display:block}.unit-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:4px;max-width:64%;display:flex;position:relative}.unit-banner h2{text-shadow:0 2px 10px #0000002e;font-size:19px}.unit-meter{align-items:center;gap:5px;margin:2px 0 8px;display:flex}.unit-meter span{background:#ffffff4d;border-radius:9px;width:22px;height:7px}.unit-meter span.on{background:#fff;box-shadow:0 0 10px #ffffffb3}.unit-meter em{opacity:.9;margin-inline-start:4px;font-size:12px;font-style:normal;font-weight:800}@media (width<=420px){.unit-copy{max-width:70%}.unit-banner h2{font-size:17px}}.node-wrap .node{transition:box-shadow .3s}.node-wrap.current .node:not(.locked):not(.chest):not(.skill){animation:2.2s ease-in-out infinite node-glow}@keyframes node-glow{0%,to{box-shadow:0 7px 0 var(--s)}50%{box-shadow:0 7px 0 var(--s), 0 0 0 10px color-mix(in srgb, var(--c) 18%, transparent), 0 0 34px color-mix(in srgb, var(--c) 45%, transparent)}}.hero-art{place-items:center;display:grid;position:relative}.hero-art>:not(.sunburst){z-index:1;position:relative}.sunburst{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sunburst svg{display:block}.sunburst-glow{border-radius:50%;position:absolute;inset:15%}.complete{background:radial-gradient(ellipse at 50% 20%, var(--gold-soft), transparent 60%), var(--paper)}.node.chest{width:92px;height:84px;box-shadow:none;filter:drop-shadow(0 8px 10px #0d1b362e);background:0 0;border-radius:22px}.node.chest:active{box-shadow:none;transform:translateY(3px)}.node-wrap.current .node.chest:not(.locked){animation:2s ease-in-out infinite chest-glow}@keyframes chest-glow{50%{filter:drop-shadow(0 0 18px #f5b400bf)drop-shadow(0 8px 10px #0d1b362e)}}.node.chest.locked{color:inherit}.card{box-shadow:0 1px 0 var(--line), 0 10px 30px #0d1b360b;border-width:1.5px}.topbar{background:color-mix(in srgb, var(--canvas) 72%, transparent);border-bottom-color:color-mix(in srgb, var(--line) 70%, transparent)}.bottom-nav{background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(16px);border-top-width:1px}.chip-stat{gap:4px;padding:4px 8px}.chip-stat svg{flex:none}.track-pill{border-width:1.5px;padding:4px 12px 4px 6px}@media (width>=900px){.side-nav{background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(16px);border-inline-end-width:1px}.side-nav .brand{padding-bottom:26px}}.quest .q-ico{background:0 0}.option{border-width:2px}.page-title{letter-spacing:-.3px}.badge-summary{align-items:center;gap:14px;margin-bottom:16px;display:flex}.badge-summary b{font-size:17px;font-weight:900}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width>=560px){.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.badge-tile{background:var(--paper);border:1.5px solid var(--line);cursor:pointer;text-align:center;box-shadow:0 1px 0 var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;display:flex}.badge-tile b{place-items:center;min-height:2.6em;font-size:12.5px;font-weight:800;line-height:1.6;display:grid}.badge-tile.got{background:linear-gradient(180deg, var(--gold-soft), var(--paper) 70%);border-color:color-mix(in srgb, var(--gold) 45%, var(--line))}.badge-tile:not(.got) b{color:var(--muted)}.badge-got{color:var(--good);font-size:11px;font-weight:900}.badge-bar{background:var(--locked);border-radius:9px;width:80%;height:6px;overflow:hidden}.badge-bar span{border-radius:inherit;height:100%;display:block}.teach-card{border-width:1.5px;padding:0 0 24px}.teach-card>h2,.teach-card>p,.teach-card>.example{margin-inline:22px}.teach-card>h2{margin-top:18px}.t-band{background:linear-gradient(120deg, var(--u,var(--brand)), color-mix(in srgb, var(--u,var(--brand)) 70%, #000));align-items:center;gap:12px;height:104px;padding:0 22px;display:flex;position:relative;overflow:hidden}.t-band>svg{position:absolute;inset:0}.teach-card .t-band .t-icon{width:64px;height:64px;color:var(--u,var(--brand));background:#fff;border-radius:20px;margin:0;position:relative;box-shadow:0 6px #00000026}.t-count{color:#fff;opacity:.92;font-size:13px;font-weight:800;position:relative}.t-mascot{inset-inline-end:14px;position:absolute;bottom:-14px}@media (width<=560px){.unit-art{opacity:.95;width:46%;inset-inline-end:-14px}.unit-copy{max-width:60%}}.t-mascot:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff8c,#0000 68%);border-radius:50%;position:absolute;inset:6px -6px 0}.t-mascot{isolation:isolate}.path{gap:44px}.unit-banner{margin-bottom:34px}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.goal-chip{--g:var(--brand);appearance:none;cursor:pointer;text-align:start;background:var(--paper);border:2px solid var(--line-2);box-shadow:0 3px 0 var(--line-2);color:var(--ink);font:inherit;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:12px;transition:transform 80ms,background .15s,border-color .15s;display:flex;position:relative}.goal-chip:hover:not(:disabled){background:var(--wash)}.goal-chip:active:not(:disabled){box-shadow:0 1px 0 var(--line-2);transform:translateY(2px)}.goal-chip:disabled{opacity:.45;cursor:default}.goal-chip.on{border-color:var(--g);background:color-mix(in srgb, var(--g) 10%, var(--paper));box-shadow:0 3px 0 var(--g)}.goal-ico{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--g) 70%, #fff), var(--g));border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 -3px #00000024}.goal-txt{min-width:0;display:grid}.goal-txt b{font-size:14.5px;font-weight:900;line-height:1.6}.goal-txt small{color:var(--muted);font-size:12px;font-weight:600;line-height:1.6}.goal-rank{top:-8px;background:var(--g);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid;position:absolute;inset-inline-end:-6px;box-shadow:0 2px #0000002e}@media (width<=380px){.goal-grid{grid-template-columns:1fr}}.picks{flex-wrap:wrap;gap:8px;display:flex}.pick{appearance:none;cursor:pointer;background:var(--paper);border:2px solid var(--line-2);box-shadow:0 2px 0 var(--line-2);font:inherit;color:var(--ink-2);border-radius:99px;align-items:center;gap:6px;padding:9px 14px;font-size:14.5px;font-weight:800;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.pick:hover{background:var(--wash)}.pick:active{box-shadow:none;transform:translateY(2px)}.pick.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);box-shadow:0 2px 0 var(--brand)}.pick.ghost:not(.on){box-shadow:none;color:var(--muted);border-style:dashed}.pick.static{cursor:default;box-shadow:none;padding:4px 11px;font-size:13px}.picks.sm{gap:6px}.about-other{margin-top:12px}.xp-bars{flex:none;align-items:flex-end;gap:3px;width:34px;height:26px;display:flex}.xp-bars i{background:var(--line-2);border-radius:3px;flex:1}.xp-bars i:first-child{height:30%}.xp-bars i:nth-child(2){height:55%}.xp-bars i:nth-child(3){height:78%}.xp-bars i:nth-child(4){height:100%}.xp-bars i.on,.option.sel .xp-bars i.on{background:var(--brand)}.onb-q+.onb-q{margin-top:22px}.onb-q h3{margin:0 0 10px;font-size:16px;font-weight:900}.about-rows{gap:12px;margin-top:14px;display:grid}.about-row{grid-template-columns:110px 1fr;align-items:start;gap:10px;display:grid}.about-row>span{color:var(--muted);padding-top:4px;font-size:13px;font-weight:800}@media (width<=420px){.about-row{grid-template-columns:1fr;gap:4px}}.about-sheet{text-align:start;max-width:620px}.about-sheet h2,.about-sheet>p{text-align:center}.about-sheet h4{margin:22px 0 10px;font-size:15px;font-weight:900}.about-sheet h4 small{color:var(--muted);font-weight:700}.about-sheet-foot{background:var(--paper);border-top:1.5px solid var(--line);gap:6px;margin:22px -24px -24px;padding:14px 24px 20px;display:grid;position:sticky;bottom:-24px}.node.skill{width:74px;height:74px;box-shadow:none;filter:drop-shadow(0 6px 0 var(--s));background:0 0}.node.skill:before{content:"";background:linear-gradient(140deg, color-mix(in srgb, var(--c) 72%, #fff), var(--c));z-index:-1;border-radius:16px;position:absolute;inset:9px;transform:rotate(45deg)}.node.skill:active{box-shadow:none}.node.skill.skill-done:before{background:linear-gradient(140deg, #ffe07a, var(--gold) 55%, color-mix(in srgb, var(--c) 35%, var(--gold)))}.node.skill.skill-done{color:#5a3d00}.node-wrap.current .node.skill:not(.locked){animation:2.2s ease-in-out infinite skill-glow}@keyframes skill-glow{50%{filter:drop-shadow(0 6px 0 var(--s)) drop-shadow(0 0 16px color-mix(in srgb, var(--c) 70%, transparent))}}.skill-spark{top:-6px;z-index:2;background:var(--gold);color:#5a3d00;width:28px;height:28px;box-shadow:0 2px 0 var(--gold-deep);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:-8px}.node-wrap:has(.node.skill){margin-top:12px}@media (width<=520px){.about-sheet .goal-txt small{display:none}.about-sheet .goal-chip{padding:10px}}.player-foot,.feedback{z-index:30;position:sticky;bottom:0}.player-foot{background:var(--paper)}.choice-txt{display:grid}.choice .sub.short{display:none}@media (width<=560px){.player-head{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top))}.player-body{padding:4px 14px 16px}.onb-body{padding:8px 14px 16px}.player-foot{padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.feedback .fb-inner{padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));gap:10px}.ex-title{margin-bottom:14px;font-size:19px;line-height:1.65}.options{gap:10px}.option{gap:12px;padding:11px 14px;font-size:15px;line-height:1.65}.option .key{width:26px;height:26px}.tf-grid .option{padding:16px 10px}.statement{margin-bottom:14px;padding:14px 16px;font-size:16.5px}.chat{gap:8px;margin-bottom:14px;padding:12px}.bubble{font-size:14.5px}.speaker{gap:8px;margin-bottom:12px}.speaker>svg{flex:none;width:62px;height:auto}.speech{border-radius:16px;padding:10px 13px;font-size:14.5px;line-height:1.8}.speech:before{bottom:14px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.track-grid .option.choice{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 8px}.track-grid .option.choice:last-child:nth-child(odd){text-align:start;flex-direction:row;grid-column:1/-1;justify-content:center}.track-grid .emo{background:0 0;width:auto;height:auto}.track-grid .emo svg{width:44px;height:44px}.track-grid .ttl{font-size:14px;line-height:1.5}.track-grid .sub{display:none}.track-grid .sub.short{font-size:12px;display:block}.goal-grid{gap:8px}.goal-chip{gap:8px;padding:9px 10px}.goal-ico{border-radius:11px;width:36px;height:36px}.goal-ico svg{width:19px;height:19px}.goal-txt b{font-size:14px;line-height:1.5}.goal-txt small{font-size:11.5px;line-height:1.5}.choice-grid{gap:8px}.choice-grid .option{padding:10px 14px}.pick{padding:8px 12px;font-size:14px}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=330px){.goal-grid{grid-template-columns:1fr}}@media (width<=560px) and (height<=760px){.speaker>svg{width:52px}.speech{padding:9px 12px;font-size:14px;line-height:1.75}.goal-txt small{display:none}.goal-chip{min-height:52px}.track-grid .sub.short{display:none}.track-grid .option.choice{gap:4px;padding:9px 8px}.track-grid .emo svg{width:40px;height:40px}}