:root{--color-green:#58cc02;--color-green-soft:#d7ffb8;--color-blue:#1cb0f6;--color-blue-soft:#ddf4ff;--color-orange:#ff9600;--color-orange-soft:#ffeedc;--color-red:#ff4b4b;--color-red-soft:#ffdfe0;--color-yellow:#ffc800;--color-yellow-soft:#fff4d4;--color-purple:#ce82ff;--color-purple-soft:#f3e9ff;--edge-green:#58a700;--edge-blue:#1899d6;--edge-orange:#e08600;--edge-red:#ea2b2b;--edge-yellow:#e5a100;--edge-purple:#a560e8;--edge-grey:#e0e0e0;--ink:#3c3c3c;--ink-2:#4b4b4b;--text-secondary:#777;--muted:#afafaf;--line:#e5e5e5;--surface:#fff;--paper:#fff;--paper-alt:#f7f7f7;--paper-deep:#e5e5e5;--pastel-mint:var(--color-green-soft);--pastel-mint-dark:var(--color-green);--pastel-peach:var(--color-orange-soft);--pastel-peach-dark:var(--color-orange);--pastel-sky:var(--color-blue-soft);--pastel-sky-dark:var(--color-blue);--color-mustard:var(--color-yellow);--color-mustard-soft:var(--color-yellow-soft);--color-sage:var(--color-green);--color-sage-soft:var(--color-green-soft);--color-coral:var(--color-orange);--color-coral-soft:var(--color-orange-soft);--color-sky:var(--color-blue);--color-sky-soft:var(--color-blue-soft);--wood-1:var(--line);--wood-2:var(--line);--color-bg:var(--paper);--color-surface:var(--surface);--color-surface-alt:var(--paper-alt);--color-primary:var(--color-green);--color-primary-soft:var(--color-green-soft);--color-accent:var(--color-blue);--color-accent-soft:var(--color-blue-soft);--color-success:var(--color-green);--color-gentle:var(--color-orange);--color-xp:var(--color-yellow);--color-streak:var(--color-orange);--rarity-common:var(--muted);--rarity-uncommon:var(--color-blue);--rarity-rare:var(--color-purple);--rarity-legend:var(--color-yellow);--font-display:"Nunito", "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Nunito", "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-brush:"Noto Sans KR", "Nunito", system-ui, "Apple SD Gothic Neo", "Noto Sans CJK KR", "Malgun Gothic", "Nanum Gothic", sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-8:3rem;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #0000000a;--shadow-2:0 4px 10px #00000014;--shadow-pop:0 6px 18px #58cc024d;--shadow-gold:0 6px 18px #ffc80066;--dur-fast:.14s;--dur-med:.26s;--dur-slow:.6s;--dur-cele:1.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s;--dur-slow:0s;--dur-cele:0s}.mascot-bob,.shine-sweep:after,.sparkle-overlay:before,.tile-slot.is-selected,.tile-slot.is-selected:before{animation:none!important}}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,p,button{word-break:keep-all;overflow-wrap:break-word}html,body{height:100%}#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);background-attachment:initial;font-size:17px;font-weight:500;line-height:1.5}h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.75rem;font-weight:800}h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:.6em;font-size:1.375rem;font-weight:800}button{min-width:48px;min-height:50px;font-family:var(--font-body);letter-spacing:.01em;text-transform:uppercase;cursor:pointer;border-radius:var(--r-lg);background:var(--color-primary);color:#fff;box-shadow:0 4px 0 var(--edge-green);transition:filter var(--dur-fast) var(--ease-out), transform 60ms var(--ease-out), box-shadow 60ms var(--ease-out), background var(--dur-fast) var(--ease-out);border:none;padding:.7em 1.4em;font-size:1rem;font-weight:800}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){box-shadow:0 0 0 var(--edge-green);transform:translateY(4px)}button:disabled{background:var(--line);color:#fff;box-shadow:0 4px 0 var(--edge-grey);opacity:1;cursor:not-allowed}button.secondary{color:var(--color-blue);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);background:#fff}button.secondary:hover:not(:disabled){background:var(--color-blue-soft);filter:none}button.secondary:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translateY(4px)}button.secondary:disabled{background:var(--paper-alt);color:var(--muted);border-color:var(--line);box-shadow:0 4px 0 var(--edge-grey)}button.exit{color:var(--muted);min-height:40px;box-shadow:none;text-transform:none;background:0 0;border:none;font-weight:700}button.exit:hover:not(:disabled){background:var(--paper-alt);color:var(--ink);filter:none;box-shadow:none;transform:none}button.exit:active:not(:disabled){box-shadow:none;transform:none}button.btn-cta{background:var(--color-primary);color:#fff;width:100%;box-shadow:0 4px 0 var(--edge-green);border:none;font-size:1.05rem}button.btn-cta:hover:not(:disabled){filter:brightness(1.06)}button.btn-cta:active:not(:disabled){box-shadow:0 0 0 var(--edge-green);transform:translateY(4px)}button.btn-cta:disabled{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}input[type=text],input[type=email],input[type=password]{min-height:50px;font-family:var(--font-body);border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);width:100%;max-width:320px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:.5em .9em;font-size:1rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-soft);outline:none}.hanja-small{color:var(--text-secondary);font-size:.85em}.hanja-big{font-family:var(--font-brush);color:var(--color-blue);text-shadow:none;animation:pop-in var(--dur-med) var(--ease-bounce) both;font-size:2.4em;display:inline-block}:root{--duo-green:#58cc02;--duo-green-dark:#46a302;--duo-blue:#1cb0f6;--duo-orange:#ff9600;--duo-purple:#ce82ff;--duo-ink:#3c3c3c;--duo-gray:#777;--duo-line:#e5e5e5}.landing{min-height:100%;color:var(--duo-ink);background:#fff}.landing-nav{border-bottom:2px solid var(--duo-line);max-width:640px;margin:0 auto;padding:1rem 1.5rem}.landing-logo{color:var(--duo-green);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.landing-hero{text-align:center;max-width:640px;margin:0 auto;padding:3rem 1.5rem 3.5rem}.hero-mascot{margin-bottom:1.5rem;display:inline-block;position:relative}.hero-char{background:var(--duo-green);color:#fff;width:120px;height:120px;box-shadow:0 6px 0 var(--duo-green-dark);border-radius:28px;justify-content:center;align-items:center;font-size:4rem;font-weight:800;display:inline-flex;transform:rotate(-4deg)}.hero-bite{font-size:2.6rem;position:absolute;bottom:-10px;right:-18px;transform:rotate(8deg)}.landing-hero h1{letter-spacing:-.02em;font-size:2.4em;font-weight:800;line-height:1.2}.landing-tagline{color:var(--duo-gray);margin:1rem 0 2rem;font-size:1.05em}button.cta{background:var(--duo-green);color:#fff;letter-spacing:.04em;box-shadow:0 4px 0 var(--duo-green-dark);border-radius:16px;padding:.9em 3em;font-size:1.1rem;font-weight:800;transition:transform 50ms,box-shadow 50ms}button.cta:hover:not(:disabled){background:#61d904}button.cta:active{box-shadow:0 0 0 var(--duo-green-dark);transform:translateY(4px)}.landing-section{max-width:640px;margin:0 auto;padding:0 1.5rem 3rem}.landing-section h2{text-align:center;letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.4em;font-weight:800}.landing-mission{border:2px solid var(--duo-line);color:var(--duo-gray);text-align:center;border-radius:20px;padding:1.25rem 1.5rem}.landing-mission strong{color:var(--duo-ink)}.landing-effects{flex-direction:column;gap:.75rem;list-style:none;display:flex}.effect-card{border:2px solid var(--duo-line);border-radius:20px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.effect-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:inline-flex}.icon-green{background:#d7ffb8}.icon-blue{background:#ddf4ff}.icon-orange{background:#ffe8cc}.effect-title{margin-bottom:.15rem;font-weight:800;display:block}.effect-card p{color:var(--duo-gray);font-size:.95em}.landing-flow{flex-direction:column;gap:.75rem;margin-bottom:2rem;list-style:none;display:flex}.landing-flow li{border:2px solid var(--duo-line);border-radius:20px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.flow-step{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:inline-flex}.step-green{background:#d7ffb8}.step-blue{background:#ddf4ff}.step-orange{background:#ffe8cc}.flow-text{color:var(--duo-gray);flex:1}.flow-text strong{color:var(--duo-ink)}.landing-section>.cta{margin:0 auto;display:block}.home{max-width:640px;margin:0 auto;padding:2rem 1.5rem}.home>.mascot{margin-bottom:var(--sp-3);justify-content:center;display:flex}.home>.mascot svg{width:80px;height:80px}.home>h1{text-align:center}.subtitle{color:var(--text-secondary);text-align:center;margin:.4em 0 1.5em}.v4-explore-progress{color:var(--text-secondary);text-align:center;margin:0 0 1rem;font-size:.9em}.v4-continue-btn{margin-bottom:1.5rem}.lesson-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;list-style:none;display:flex}.lesson-card{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:none;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-left:2px solid var(--line);background:#fff;display:flex}.lesson-card:hover{box-shadow:none;background:var(--paper-alt);border-color:#d6d6d6;transform:none}.lesson-title{word-break:keep-all;overflow-wrap:break-word;flex:1;min-width:0;font-size:1.1em;font-weight:700}@media (width<=400px){.lesson-title{font-size:1em}}.badge-done{color:var(--color-green);font-weight:800}.home-actions{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.badge-due{border-radius:var(--r-pill);background:var(--color-orange);color:#fff;justify-content:center;align-items:center;min-width:1.4em;height:1.4em;margin-left:.5em;padding:0 .4em;font-size:.85em;font-weight:700;display:inline-flex}.v3-lesson-tile{border-radius:var(--r-md);width:52px;height:52px;font-family:var(--font-brush);color:#fff;background:var(--color-green);flex:none;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:inline-flex}.lesson-list>.lesson-card:nth-child(5n+2) .v3-lesson-tile{background:var(--color-blue)}.lesson-list>.lesson-card:nth-child(5n+3) .v3-lesson-tile{background:var(--color-orange)}.lesson-list>.lesson-card:nth-child(5n+4) .v3-lesson-tile{background:var(--color-purple)}.lesson-list>.lesson-card:nth-child(5n+5) .v3-lesson-tile{background:var(--color-yellow);color:var(--ink)}.review{max-width:640px;margin:0 auto;padding:1.5rem}.review-header{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:1em;display:flex}.review-header>h1{margin:0}.review-counter-pill{color:var(--text-secondary);background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:.3em .9em;font-size:.95em;font-weight:800}.review .quiz>p:first-of-type{text-align:center;margin:1.25rem 0 1.5rem;font-size:1.1em;font-weight:700}.review-exit{margin:1.5rem auto 0;display:block}.v5-empty-state{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin-top:18vh;display:flex}.v5-empty-icon{color:var(--color-yellow)}.v5-empty-text{color:var(--ink);word-break:keep-all;margin:0;font-size:1.15rem;font-weight:700}.v5-empty-cta{width:100%;max-width:360px}.wizard{border:2px solid var(--line);border-radius:var(--r-xl);box-shadow:none;background:#fff;flex-direction:column;gap:1.25rem;max-width:640px;min-height:100dvh;margin:0 auto;padding:1.5rem;display:flex}.choices{grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;display:grid}.quiz-choices{flex-direction:column;gap:.75rem;list-style:none;display:flex}.quiz-choices li{width:100%}.choices button,.quiz-choices button{width:100%;color:var(--ink);border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);text-transform:none;background:#fff;font-weight:700}.choices button:hover:not(:disabled),.quiz-choices button:hover:not(:disabled){background:var(--paper-alt);color:var(--ink);filter:none;border-color:#d0d0d0;transform:none}.choices button:active:not(:disabled),.quiz-choices button:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translateY(2px)}.choices button[aria-pressed=true],.choices button.selected,.quiz-choices button[aria-pressed=true],.quiz-choices button.selected{background:var(--color-blue-soft);border-color:var(--color-blue);color:var(--color-blue)}.quiz-feedback{align-items:center;gap:var(--sp-3);width:100%;margin-top:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-lg);text-align:center;flex-direction:column;display:flex}.quiz-feedback[data-state=correct]{background:var(--color-green-soft)}.quiz-feedback[data-state=retry]{background:var(--color-orange-soft)}.quiz-feedback [role=status]{margin:0;font-size:1.15em;font-weight:800}.intro-words,.hints{flex-direction:column;gap:.5rem;margin:1rem 0;list-style:none;display:flex}.intro-words li,.hints li{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);padding:.5em .85em}.gloss-line{margin:.75rem 0}.chips{flex-wrap:wrap;gap:.5rem;margin:1rem 0;list-style:none;display:flex}.v3-input-row{align-items:stretch;gap:.5rem;display:flex}.v3-input-row input{flex:1;min-width:0;max-width:none}.v3-input-row button{flex:none}.chip{border:2px solid var(--line);border-radius:var(--r-pill);box-shadow:none;transition:background var(--dur-fast) var(--ease-out);background:#fff;align-items:center;gap:.45em;padding:.35em 1em .35em .8em;font-size:.95em;display:inline-flex}.chip:before{content:"";background:var(--color-green);border-radius:3px;flex:none;width:.55em;height:.55em}.chips>.chip:nth-child(4n+2):before{background:var(--color-blue)}.chips>.chip:nth-child(4n+3):before{background:var(--color-orange)}.chips>.chip:nth-child(4n):before{background:var(--color-purple)}.chip:hover{box-shadow:none;background:var(--paper-alt);transform:none}.sort-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.sort-card{border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:none;transition:background var(--dur-fast) var(--ease-out);background:#fff;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.sort-card:hover{box-shadow:none;background:var(--paper-alt);border-color:#d6d6d6;transform:none}.collect-summary{flex-direction:column;gap:.5rem;margin:1rem 0;list-style:none;display:flex}.collect-summary li{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);padding:.5em .85em}.example-sentence,.reverse-pattern{margin:1rem 0;font-size:1.15em}.v2-example-word{border-radius:var(--r-sm);background:var(--color-primary-soft);color:var(--edge-green);padding:.05em .3em;font-weight:800}.reverse-answer-row{gap:var(--sp-4);flex-direction:column;display:flex}.reverse-answer-row input{max-width:none}.dots{justify-content:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.dot{background:var(--line);width:10px;height:10px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%}.dot.on{background:var(--color-green);box-shadow:none;transform:scale(1.2)}.complete{text-align:center;padding:2rem 0}.complete-actions{flex-direction:column;gap:.75rem;max-width:360px;margin:1.5rem auto 0;display:flex}.collection{max-width:640px;margin:0 auto;padding:1.5rem}.rarity-caption{color:var(--text-secondary);margin:.35em 0 1.25rem;font-size:.9em}.collection-syllable{border-bottom:2px solid var(--line);border-image:;margin-bottom:1.75rem;padding-bottom:1rem}.collection-syllable>h2{border-radius:var(--r-md);background:var(--color-blue-soft);color:var(--color-blue);padding:.15em .7em;display:inline-block}.completion-bar-text{color:var(--text-secondary);margin:.35em 0 .75rem;font-size:.9em}.drawer{border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:none;transition:background var(--dur-fast) var(--ease-out);background:#fff;margin:.75rem 0;padding:1rem}.drawer:hover{box-shadow:none;background:var(--paper-alt);border-color:#d6d6d6;transform:none}.drawer.silhouette{background:var(--paper-alt);border:2px dashed var(--line);box-shadow:none;color:var(--muted)}.silhouette-text{color:var(--muted);font-style:italic}.drawer-words{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;list-style:none;display:flex}.drawer-words li{background:var(--color-green-soft);border-radius:var(--r-pill);border:2px solid #bdee9a;padding:.25em .9em;font-size:.95em}.drawer-title-row{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:.5rem;display:flex}.drawer-title-row>h3{margin:0}.drawer-count-pill{color:var(--text-secondary);background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:.15em .7em;font-size:.8em;font-weight:700}.collection>button.secondary{width:100%;margin-top:1rem}.v2-step-pill{width:fit-content;font-family:var(--font-display);margin-bottom:var(--sp-2);border-radius:var(--r-pill);background:var(--paper-alt);border:2px solid var(--line);box-shadow:none;color:var(--ink);text-transform:none;align-items:center;gap:.55em;padding:.3em .9em .3em .35em;font-size:.95em;font-weight:800;display:inline-flex}.v2-step-num{background:var(--color-green);color:#fff;width:1.7em;height:1.7em;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9em;font-weight:800;display:inline-flex}.v2-step-pill[data-step="2"] .v2-step-num,.v2-step-pill[data-step="6"] .v2-step-num{background:var(--color-yellow);color:var(--ink)}.v2-step-pill[data-step="3"] .v2-step-num,.v2-step-pill[data-step="7"] .v2-step-num{background:var(--color-blue)}.v2-step-pill[data-step="4"] .v2-step-num,.v2-step-pill[data-step="8"] .v2-step-num{background:var(--color-orange)}.v2-step-pill[data-step="5"] .v2-step-num{background:var(--color-purple)}.v2-reveal-card{text-align:center;padding:var(--sp-6) var(--sp-5);border:2px solid var(--line);border-radius:var(--r-xl);box-shadow:none;background:#fff;position:relative;overflow:hidden}.v2-reveal-eyebrow{font-family:var(--font-display);color:var(--color-blue);background:var(--color-blue-soft);border-radius:var(--r-pill);margin-bottom:var(--sp-3);padding:.25em .9em;font-size:.85em;font-weight:800;display:inline-block}.v2-reveal-hanja{font-family:var(--font-brush);color:var(--color-blue);margin:var(--sp-3) auto var(--sp-4);text-shadow:none;animation:pop-in var(--dur-slow) var(--ease-bounce) both;font-size:5rem;line-height:1;display:block}.v2-reveal-tags{margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;display:flex}.v2-reveal-tags li{border:2px solid var(--line);border-radius:var(--r-pill);box-shadow:none;background:#fff;padding:.3em .9em;font-size:.95em}.v2-bubble{align-items:flex-start;gap:var(--sp-3);margin:var(--sp-3) 0;display:flex}.v2-bubble-avatar{background:var(--color-green-soft);border:2px solid var(--line);width:2.6em;height:2.6em;box-shadow:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.4em;display:inline-flex}.v2-bubble-body{background:var(--color-blue-soft);border:2px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);box-shadow:none;position:relative}.v2-bubble-body:before{content:"";background:inherit;border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:13px;height:13px;position:absolute;top:16px;left:-7px;transform:rotate(45deg)}.v2-choice{border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);text-transform:none;background:#fff;font-weight:700}.v2-paper{border:2px solid var(--line);border-radius:var(--r-xl);box-shadow:none;padding:var(--sp-5);background:#fff}.v2-shelf{padding-bottom:var(--sp-4);border-bottom:2px solid var(--line);border-image:}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.35}}@keyframes shine{0%{transform:translate(-150%)rotate(20deg)}to{transform:translate(250%)rotate(20deg)}}@keyframes slide-glow{0%{opacity:0;box-shadow:none;transform:translateY(-20px)}60%{opacity:1}to{opacity:1;box-shadow:var(--shadow-gold);transform:translateY(0)}}@keyframes fill-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.correct-pop{animation:pop-in var(--dur-med) var(--ease-bounce) both;color:var(--color-success);font-weight:700}.retry-shake{animation:shake-x var(--dur-med) var(--ease-out) both;color:var(--color-gentle);font-weight:700}.card-flip{perspective:800px;transform-style:preserve-3d;transition:transform var(--dur-slow) var(--ease-out)}.card-flip.is-flipped,.card-flip[data-revealed=true]{transform:rotateY(180deg)}.dashboard{gap:var(--sp-5);margin-bottom:var(--sp-5);flex-direction:column;display:flex;position:relative}.icon{vertical-align:-.15em;flex:none}.mascot-fox{display:block}.mascot{line-height:1;display:inline-block}.mascot svg{width:72px;height:72px}.mascot-bob{animation:bob 2.4s var(--ease-out) infinite}.explorer-card{border:2px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:none;gap:var(--sp-3);background:#fff;flex-direction:column;display:flex}.explorer-card.review-lock-card{text-align:center;align-items:center}.explorer-card.review-lock-card .review-exit{margin:0}.explorer-rank{align-items:center;gap:var(--sp-2);font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:1.2em;font-weight:800;display:flex}.explorer-rank svg{color:var(--color-green);width:1.2em;height:1.2em}.xp-bar,.completion-bar{border-radius:var(--r-pill);background:var(--line);border:none;height:16px;position:relative;overflow:hidden}.xp-bar-fill,.completion-bar-fill{width:var(--fill,0%);border-radius:inherit;transform-origin:0;background:var(--color-green);animation:fill-bar var(--dur-slow) var(--ease-out) both;transition:width var(--dur-slow) var(--ease-out);position:absolute;inset:0}.completion-bar-fill{background:var(--color-blue)}.xp-bar-fill:after,.completion-bar-fill:after{content:"";border-radius:var(--r-pill);background:#ffffff59;height:4px;position:absolute;top:3px;left:8px;right:8px}.streak-pill{border-radius:var(--r-pill);border:2px solid var(--line);width:fit-content;color:var(--color-orange);background:#fff;align-items:center;gap:.35em;padding:.35em .9em;font-weight:800;display:inline-flex}.streak-pill svg{color:var(--color-orange);width:1.15em;height:1.15em}.stat-chips{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-chip{border-radius:var(--r-pill);background:var(--paper-alt);border:2px solid var(--line);min-width:0;color:var(--ink);text-align:center;justify-content:center;align-items:center;gap:.4em;padding:.4em .6em;font-size:.95em;font-weight:700;display:inline-flex}@media (width<=360px){.stat-chip{padding:.4em;font-size:.82em}}.stat-chip svg{width:1.1em;height:1.1em;color:var(--text-secondary)}.badge-shelf,.badge-pop-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.badge-shelf{margin-bottom:var(--sp-5);justify-content:center}.badge-chip{width:78px;min-width:78px;height:auto;box-shadow:none;color:var(--text-secondary);text-align:center;white-space:normal;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4em;padding:0;font-size:.72rem;font-weight:700;line-height:1.2;transition:none;display:flex}.badge-chip svg{box-sizing:border-box;border-radius:var(--r-lg);background:var(--color-green);color:#fff;stroke-width:2.5px;width:64px;height:64px;padding:15px}.badge-shelf>.badge-chip:nth-child(6n+2) svg{background:var(--color-blue)}.badge-shelf>.badge-chip:nth-child(6n+3) svg{background:var(--color-orange)}.badge-shelf>.badge-chip:nth-child(6n+4) svg{background:var(--color-purple)}.badge-shelf>.badge-chip:nth-child(6n+5) svg{background:var(--color-red)}.badge-shelf>.badge-chip:nth-child(6n+6) svg{background:var(--color-yellow)}.badge-chip.locked{filter:none;opacity:1;color:var(--muted)}.badge-chip.locked svg{background:var(--line);color:var(--muted)}.badge-chip:hover svg{transform:translateY(-2px)}.badge-pop-row .badge-chip svg{animation:pop-in var(--dur-med) var(--ease-bounce) both}.sound-toggle{top:var(--sp-3);right:var(--sp-3);border-radius:var(--r-pill);border:2px solid var(--line);width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--ink);text-transform:none;background:#fff;justify-content:center;align-self:flex-start;align-items:center;padding:0;font-size:1.2em;line-height:1;display:inline-flex;position:absolute}.sound-toggle svg{width:1.3em;height:1.3em;color:var(--ink)}.sound-toggle:hover:not(:disabled){background:var(--paper-alt);filter:none;box-shadow:none;transform:none}.sound-toggle:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.combo-chip{border-radius:var(--r-pill);background:var(--color-orange);color:#fff;box-shadow:none;animation:pop-in var(--dur-med) var(--ease-bounce) both;align-items:center;gap:.3em;padding:.25em .85em;font-weight:800;display:inline-flex}.xp-float{color:var(--color-xp);pointer-events:none;animation:float-up var(--dur-slow) var(--ease-out) forwards;font-size:1.1em;font-weight:800;position:absolute}.ceremony{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.ceremony-xp{font-family:var(--font-display);color:var(--color-yellow);animation:pop-in var(--dur-med) var(--ease-bounce) both;font-size:1.8em;font-weight:800}.levelup-banner{padding:var(--sp-3) var(--sp-5);border-radius:var(--r-lg);background:var(--color-yellow);color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-gold);animation:slide-glow var(--dur-slow) var(--ease-out) both;font-weight:800}.badge-pop-row .badge-chip{animation:none}.v3-stat-row{gap:var(--sp-3);width:100%;max-width:360px;display:flex}.v3-stat-card{padding:var(--sp-3);border-radius:var(--r-lg);border:2px solid var(--line);background:#fff;flex-direction:column;flex:1;align-items:center;gap:.15em;display:flex}.v3-stat-card.v3-stat-xp{border-color:var(--color-yellow);background:var(--color-yellow-soft)}.v3-stat-card.v3-stat-acc{border-color:var(--color-green);background:var(--color-green-soft)}.v3-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:700}.v3-stat-value{font-family:var(--font-display);color:var(--ink);font-size:1.4rem;font-weight:800}.v3-stat-xp .v3-stat-value{color:var(--edge-yellow)}.v3-stat-acc .v3-stat-value{color:var(--edge-green)}.rarity-common{border:2px solid var(--rarity-common)}.rarity-uncommon{border:2px solid var(--rarity-uncommon)}.rarity-rare{border:2px solid var(--rarity-rare);box-shadow:0 0 0 3px var(--color-purple-soft)}.rarity-legend{border:2px solid var(--rarity-legend);box-shadow:0 0 0 3px var(--color-yellow-soft)}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";width:35%;height:200%;animation:shine var(--dur-cele) var(--ease-out) infinite;pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff8c,#0000);position:absolute;top:-50%;left:-20%}.sparkle-overlay{position:relative}.sparkle-overlay:before{content:"";background:var(--color-yellow);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);width:13px;height:13px;animation:flicker var(--dur-cele) ease-in-out infinite;position:absolute;top:8px;right:8px}.tab-bar{z-index:20;background:var(--surface);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{min-height:58px;color:var(--muted);box-shadow:none;text-transform:none;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.15rem;padding:.4em .2em;font-weight:700;display:flex;position:relative}.tab-item:hover:not(:disabled){background:var(--paper-alt);filter:none;box-shadow:none;color:var(--muted);transform:none}.tab-item:active:not(:disabled){box-shadow:none;transform:none}.tab-item.active,.tab-item[aria-current=page]{color:var(--color-green)}.tab-icon{justify-content:center;align-items:center;line-height:0;display:flex}.tab-label{letter-spacing:0;font-size:.7rem;font-weight:700}.tab-item .badge-due{min-width:1.2em;height:1.2em;margin-left:0;font-size:.7em;position:absolute;top:.15em;right:50%;transform:translate(1.1em)}.tab-panel{max-width:640px;margin:0 auto;padding-bottom:76px}.v4-introword-card{border:2px solid var(--line);border-radius:var(--r-md);text-align:center;color:var(--ink);background:#fff;margin:1rem 0;padding:.85em 1em;font-weight:800}.v4-minicard-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0;list-style:none;display:grid}.v4-word-minicard{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);flex-direction:column;align-items:flex-start;gap:.25em;min-width:0;padding:.6em .75em;display:flex}.v4-minicard-icon{color:var(--color-blue);display:inline-flex}.v4-minicard-gloss{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--text-secondary);font-size:.85em;display:block;overflow:hidden}.v4-chip-removable{gap:.4em}.v4-chip-x{background:var(--paper-alt);width:1.4em;min-width:1.4em;height:1.4em;min-height:1.4em;color:var(--muted);text-transform:none;box-shadow:none;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:.9em;font-weight:800;line-height:1;display:inline-flex}.v4-chip-x:hover:not(:disabled){background:var(--line);color:var(--ink);filter:none;box-shadow:none;transform:none}.v4-chip-x:active:not(:disabled){box-shadow:none;transform:none}.v4-encourage{border-radius:var(--r-pill);background:var(--color-green-soft);width:fit-content;color:var(--edge-green);justify-content:center;align-items:center;gap:.4em;margin:1.25rem auto;padding:.4em .9em;font-size:.9em;font-weight:800;display:flex}.v5-hint-block{background:var(--paper-alt);border:2px dashed var(--line);border-radius:var(--r-md);margin:.9rem 0 .5rem;padding:.8rem .9rem}.v5-hint-label{color:var(--muted);margin:0 0 .5rem;font-size:.8em;font-weight:800}.v5-hint-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.v5-hint-chip{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);word-break:keep-all;align-items:center;padding:.3em .8em;font-size:.9em;font-weight:700;display:inline-flex}.v5-result-card{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:1rem 0;padding:1rem}.v5-result-target{background:var(--color-green-soft);border-color:var(--color-green)}.v5-result-other{background:var(--color-blue-soft);border-color:var(--color-blue-soft)}.v5-result-title{font-family:var(--font-display);color:var(--ink);word-break:keep-all;margin:0 0 .35rem;font-size:1em;font-weight:800}.v5-result-lead{color:var(--ink-2);word-break:keep-all;margin:0 0 .75rem;font-size:.85em;font-weight:700}.v5-result-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.v5-result-item{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);word-break:keep-all;align-items:center;gap:.5em;padding:.5em .7em;display:flex}.v5-result-word{color:var(--ink);font-weight:800}.v5-result-why{color:var(--muted);text-align:right;word-break:keep-all;margin-left:auto;font-size:.85em;font-weight:600}.v5-check{color:var(--edge-green);margin-left:auto;font-weight:800}.v5-result-note{color:var(--ink-2);word-break:keep-all;margin:.75rem 0 0;font-size:.8em;font-weight:700}.v5-result-unsure{background:var(--color-yellow-soft);border-color:var(--color-yellow-soft)}.v5-ai-badge{color:var(--ink-2);margin-left:auto;font-size:.75em;font-weight:700}.v5-ai-badge+.v5-check,.v5-ai-badge+.v5-result-why{margin-left:.4em}.v4-sort-columns{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.v4-sort-col h3{font-family:var(--font-display);color:var(--ink);margin-bottom:.5em;font-size:.95em;font-weight:800}.v4-sort-item{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:.5em;padding:.4em 0;font-weight:700;display:flex}.v4-sort-item:last-child{border-bottom:none}.v4-check{color:var(--color-green);font-weight:800}.v4-sort-gloss{color:var(--muted);font-size:.85em;font-weight:500}.v4-star-row{gap:.25em;margin:.5em 0 1rem;display:flex}.v4-star{color:var(--line);font-size:1.1em;line-height:1}.v4-star.on{color:var(--color-yellow)}.v4-reverse-tiles{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.v4-reverse-tile{background:var(--paper-alt);border:2px solid var(--line);border-radius:var(--r-md);min-width:3.2em;font-family:var(--font-brush);color:var(--ink);justify-content:center;align-items:center;padding:.5em .75em;font-size:1.1em;font-weight:800;display:inline-flex}.quiz-choices{counter-reset:qc}.quiz-choices li:before{counter-increment:qc;content:counter(qc) ". ";color:var(--muted);margin-right:.3em;font-weight:800}@media (width<=400px){.v4-minicard-grid,.v4-sort-columns{gap:.5rem}}.wizard-nav{justify-content:space-between;margin-top:.5rem;display:flex}.wizard-prev,.wizard-next{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.4em .2em;font-size:.9em;font-weight:700}.wizard-prev:disabled,.wizard-next:disabled{opacity:.4;cursor:not-allowed}.explore-unit{margin-top:1.5rem}.explore-unit-title{align-items:center;gap:.5rem;font-size:1.05em;display:flex}.explore-unit-progress{color:var(--muted);font-size:.75em;font-weight:700}.mine-badge{margin-right:.3em;font-size:.85em}.collection-unknown{background:var(--color-yellow-soft);border-color:var(--color-yellow-soft)}.unknown-word{opacity:.9}.v5-word-meaning{color:var(--muted);margin-left:.4em;font-size:.8em}.v2-gloss-plain{color:var(--muted);margin:.4rem 0 0;font-size:.85em}.v6-char-hints{color:var(--muted);margin:.5rem 0;font-size:.8em;font-weight:700}.auth-panel{align-items:stretch}.auth-title{font-family:var(--font-display);font-size:1.2em;font-weight:800}.auth-form{gap:var(--sp-3);flex-direction:column;display:flex}.auth-error{color:var(--color-red);font-size:.9em;font-weight:700}.auth-info{color:var(--color-blue);font-size:.9em;font-weight:700}.auth-info.payment-pending{color:var(--text-secondary);font-weight:600;line-height:1.5}button.btn-google{background:var(--surface);width:100%;color:var(--ink);border:2px solid var(--line)}button.btn-kakao{color:#000000d9;background:#fee500;border:2px solid #fee500;justify-content:center;align-items:center;gap:.4em;width:100%;display:flex}.btn-kakao-icon{flex-shrink:0}.auth-switch{box-shadow:none;color:var(--color-blue);background:0 0;border:none;padding:0;font-size:.9em;text-decoration:underline}.auth-consent{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:.5em;font-size:.85em;display:flex}.auth-consent input{flex-shrink:0;margin-top:.2em}.auth-consent a{color:var(--color-blue);text-decoration:underline}.auth-oauth-note{color:var(--muted);text-align:center;margin:.6em 0 0;font-size:.8em}.auth-oauth-note a{color:var(--color-blue);text-decoration:underline}.account-card{gap:var(--sp-2);flex-direction:column;display:flex}.account-email{word-break:break-all;font-weight:700}.sub-status-pill{border-radius:var(--r-pill);align-self:flex-start;padding:.25em .8em;font-size:.85em;font-weight:700;display:inline-flex}.sub-status-pill.paid{background:var(--color-green-soft);color:var(--color-green)}.sub-status-pill.free{background:var(--paper-alt);color:var(--text-secondary)}.sub-manage{gap:var(--sp-1);padding-top:var(--sp-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.sub-manage-title{color:var(--text-secondary);font-size:.85em;font-weight:700}.sub-manage-note{color:var(--muted);margin:0;font-size:.8em;line-height:1.5}.sub-manage-error{color:var(--danger,#e5484d)}button.btn-secondary{background:var(--surface);color:var(--ink);border:2px solid var(--line);box-shadow:none}.lesson-card.locked{opacity:.75}.lock-badge{color:var(--muted);align-items:center;gap:.2em;font-weight:700;display:inline-flex}.explore-unit-title .lock-badge{margin-left:.4em}.upsell-overlay{padding:var(--sp-4);z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upsell-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5);gap:var(--sp-3);text-align:center;flex-direction:column;width:100%;max-width:360px;display:flex}.upsell-card h2{font-family:var(--font-display);font-weight:800}.prepay-disclosure{background:var(--paper-alt);border-radius:var(--r-lg);padding:var(--sp-3);color:var(--text-secondary);text-align:left;font-size:.85em}.prepay-disclosure p{margin:.2em 0}.prepay-links a{color:var(--color-blue);text-decoration:underline}.prepay-note{color:var(--muted);font-size:.9em;margin-top:.5em!important}.auth-forgot{align-self:center}.auth-reset{gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.auth-reset-note{color:var(--text-secondary);margin:0;font-size:.85em}.recovery-overlay{padding:var(--sp-4);z-index:60;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.recovery-modal{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;width:100%;max-width:360px;display:flex}.account-danger{padding-top:var(--sp-2);border-top:1px solid var(--line)}button.danger-btn{box-shadow:none;color:var(--danger,#e5484d);background:0 0;border:none;padding:0;font-size:.85em;font-weight:700;text-decoration:underline}button.danger-btn.danger-btn-solid{background:var(--danger,#e5484d);color:#fff;border:2px solid var(--danger,#e5484d);font-size:1em;text-decoration:none}button.danger-btn.danger-btn-solid:disabled{opacity:.5}.confirm-modal{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;width:100%;max-width:360px;display:flex}.confirm-modal h2{font-family:var(--font-display);font-weight:800}.confirm-warning{color:var(--text-secondary);margin:0;font-size:.9em;line-height:1.5}.confirm-warning-strong{background:var(--paper-alt);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-3);color:var(--danger,#e5484d);font-weight:700}.confirm-instruction{color:var(--text-secondary);margin:0;font-size:.9em}.confirm-input{width:100%}.legal-footer{text-align:center;color:var(--muted);margin-top:var(--sp-4);padding:0 var(--sp-3);font-size:.8em}.legal-footer-links a{color:var(--color-blue);text-decoration:underline}.legal-footer-biz{margin-top:.4em}.tile-puzzle{align-items:center;gap:var(--sp-4);flex-direction:column;width:100%;display:flex}.tile-context{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--color-blue-soft);border-radius:var(--r-lg);color:var(--ink-2);text-align:center;margin:0;font-weight:600;line-height:1.5}.tile-hl{background:var(--color-yellow);color:var(--ink);border-radius:var(--r-sm);padding:.05em .3em;font-weight:800}.tile-instruction{color:var(--text-secondary);margin:0;font-size:.95em;font-weight:700}.tile-word{justify-content:center;align-items:flex-end;gap:var(--sp-2);display:flex}.tile-word-plus{color:var(--muted);align-self:center;padding-bottom:1.1em;font-size:1.4em;font-weight:800}.tile-col{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.tile-syl{flex-direction:column;align-items:center;line-height:1.1;display:flex}.tile-hanja{font-family:var(--font-brush);color:var(--text-secondary);font-size:.85em}.tile-kchar{font-family:var(--font-display);color:var(--ink);font-size:1.5em;font-weight:800}.tile-slot{min-width:84px;min-height:72px;padding:var(--sp-2) var(--sp-3);border:2px dashed var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);font-family:var(--font-display);color:var(--muted);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);background:#fff;font-size:1.25em;font-weight:800}.tile-slot.is-target{border-color:var(--color-purple);background:var(--color-purple-soft);color:var(--color-purple)}.tile-slot.is-selected{border-style:dashed;border-color:var(--color-blue);background:var(--color-blue-soft);color:var(--color-blue);animation:tile-slot-select-pulse 1.2s var(--ease-out) infinite;position:relative}.tile-slot.is-selected:before{content:"▾";color:var(--color-blue);animation:tile-slot-arrow-bounce 1.2s var(--ease-out) infinite;font-size:1em;line-height:1;position:absolute;top:-1.3em;left:50%}@keyframes tile-slot-select-pulse{0%,to{box-shadow:0 2px 0 var(--line);transform:scale(1)}50%{box-shadow:0 2px 0 var(--line), 0 0 0 4px var(--color-blue-soft);transform:scale(1.04)}}@keyframes tile-slot-arrow-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.tile-slot.is-filled{border-style:solid;border-color:var(--color-green);background:var(--color-green-soft);color:var(--edge-green)}.tile-slot.is-merged{border-color:var(--color-green);box-shadow:var(--shadow-pop);transform:scale(1.05)}.tile-tray{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;width:100%;margin:0;padding:0;list-style:none;display:flex}.tile-chip{min-width:72px;padding:var(--sp-3) var(--sp-4);color:var(--ink);border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);font-family:var(--font-display);background:#fff;font-size:1.1em;font-weight:800}.tile-chip:hover:not(:disabled){background:var(--paper-alt);border-color:#d0d0d0}.tile-chip:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translateY(2px)}.tile-chip:disabled{opacity:.35;color:var(--muted)}.tile-nudge,.slot-nudge{animation:tile-nudge-y var(--dur-med) var(--ease-bounce) both}@keyframes tile-nudge-y{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-4px)}}.tile-reveal{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);background:var(--color-green-soft);border-radius:var(--r-lg);text-align:center;flex-direction:column;display:flex}.tile-merge-eq{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;margin:0;font-size:1.1em;font-weight:800;display:flex}.tile-merge-eq .tile-plus,.tile-arrow{color:var(--text-secondary)}.tile-whole{color:var(--color-success);font-size:1.15em}.trail{max-width:480px;padding:var(--sp-4) var(--sp-3) 0;margin:0 auto}.trail-header{text-align:center;margin-bottom:var(--sp-3)}.trail-header h1{color:var(--ink);margin:0 0 var(--sp-1)}.trail-progress{color:var(--ink);background:var(--color-yellow-soft);border:2px solid var(--color-yellow);border-radius:var(--r-pill);margin:0;padding:.15rem .9rem;font-weight:800;display:inline-block}.trail-canvas{border-radius:var(--r-xl);border:1px solid var(--line);background:linear-gradient(#f4fbff 0%,#f6fbf2 55%,#f1f8ea 100%);width:100%;position:relative;overflow:hidden}.trail-svg{pointer-events:none;position:absolute;inset:0}.trail-road{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-road-remaining{stroke:#dcdfe3;stroke-width:13px;stroke-dasharray:.1 22}.trail-road-travelled{stroke:var(--color-green);stroke-width:15px}.trail-banner{align-items:center;gap:var(--sp-2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-1);white-space:nowrap;z-index:3;background:#ffffffdb;padding:.2rem .9rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.trail-banner.is-complete{border-color:color-mix(in srgb, var(--color-green) 45%, var(--line));background:color-mix(in srgb, var(--color-green-soft) 60%, #fff)}.trail-banner-label{color:var(--text-secondary);font-size:.82rem;font-weight:800}.trail-banner.is-complete .trail-banner-label{color:var(--edge-green)}.trail-banner-flag{color:var(--edge-green);font-size:.82rem;font-weight:800}.trail-node{cursor:pointer;z-index:2;background:0 0;border:none;width:68px;height:68px;padding:0;position:absolute}.trail-node-face{border-radius:var(--r-pill);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.trail-node.is-done .trail-node-face{background:var(--color-green);box-shadow:0 6px 0 var(--edge-green), 0 8px 10px #58a70047}.trail-node.is-current .trail-node-face{background:var(--surface);box-shadow:0 6px 0 var(--edge-grey), 0 0 0 4px var(--color-green), 0 8px 14px #58cc0247;animation:trail-pulse 1.8s var(--ease-out) infinite}.trail-node.is-locked .trail-node-face{background:#eceef0;box-shadow:0 5px #dcdfe3}.trail-node:active .trail-node-face{transform:translateY(4px)}.trail-node.is-done:active .trail-node-face{box-shadow:0 2px 0 var(--edge-green), 0 3px 6px #58a70047}.trail-node.is-current:active .trail-node-face{box-shadow:0 2px 0 var(--edge-grey), 0 0 0 4px var(--color-green);animation:none}.trail-node.is-locked:active .trail-node-face{box-shadow:0 1px #dcdfe3}.trail-node.treasure .trail-node-face{box-shadow:0 6px 0 var(--edge-green), var(--shadow-gold)}.trail-node-char{font-family:var(--font-brush);color:#fff;font-size:1.6rem;font-weight:800;line-height:1}.trail-node.is-current .trail-node-char{color:var(--ink)}.trail-node.is-locked .trail-node-char{color:var(--muted)}.trail-node-stamp{border-radius:var(--r-pill);background:var(--color-yellow);color:#fff;border:3px solid var(--surface);z-index:1;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:900;display:flex;position:absolute;bottom:2px;right:-2px}.trail-node-gem{opacity:.85;z-index:1;font-size:.9rem;position:absolute;bottom:0;left:-4px}.trail-start{background:var(--color-green);color:#fff;letter-spacing:.02em;border-radius:var(--r-pill);box-shadow:0 3px 0 var(--edge-green);white-space:nowrap;z-index:4;animation:trail-bob 1.6s var(--ease-out) infinite;padding:.12rem .55rem;font-size:.72rem;font-weight:900;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.trail-start:after{content:"";background:var(--color-green);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes trail-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes trail-pulse{0%,to{box-shadow:0 6px 0 var(--edge-grey), 0 0 0 4px var(--color-green), 0 8px 14px #58cc0247}50%{box-shadow:0 6px 0 var(--edge-grey), 0 0 0 7px #58cc0259, 0 8px 14px #58cc0247}}.trail-back{margin:var(--sp-4) auto var(--sp-8);display:block}.trail-sheet-scrim{z-index:40;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.trail-sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:480px;padding:var(--sp-3) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom,0));box-shadow:var(--shadow-2);animation:sheet-rise var(--dur-med) var(--ease-out)}.trail-sheet-handle{border-radius:var(--r-pill);background:var(--paper-deep);width:40px;height:4px;margin:0 auto var(--sp-3)}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.trail-start,.trail-node.is-current .trail-node-face,.trail-sheet{animation:none}}.board{max-width:480px;padding:var(--sp-4) var(--sp-3) 0;margin:0 auto}.board-header{text-align:center;margin-bottom:var(--sp-2)}.board-header h1{color:var(--ink);margin:0 0 var(--sp-1)}.board-progress{color:var(--edge-green);background:var(--color-green-soft);border:2px solid var(--color-green);border-radius:var(--r-pill);margin:0;padding:.15rem .9rem;font-weight:800;display:inline-block}.board-topbar{z-index:5;align-items:center;gap:var(--sp-2);margin:0 calc(-1 * var(--sp-3)) var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);flex-direction:column;display:flex;position:sticky;top:0}.board-topbar-track{border-radius:var(--r-pill);background:var(--color-green-soft);width:100%;max-width:240px;height:6px;overflow:hidden}.board-topbar-fill{border-radius:var(--r-pill);background:var(--color-green);height:100%;transition:width var(--dur-fast) var(--ease-out)}.board-rows{gap:var(--sp-3);flex-direction:column;display:flex}.board-row{gap:var(--sp-3);padding:var(--sp-4) var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-1);flex-direction:column;display:flex;position:relative}.board-row.is-complete{border-color:var(--color-yellow);background:linear-gradient(var(--color-yellow-soft), var(--surface) 68%)}.board-row-head{align-items:center;gap:var(--sp-2);display:flex}.board-complete{font-family:var(--font-display);color:var(--edge-yellow);background:var(--color-yellow-soft);border:1.5px solid var(--color-yellow);border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;flex:none;margin-left:auto;padding:.06rem .5rem;font-size:.72rem;font-weight:800}.board-lesson-label{font-family:var(--font-display);color:var(--ink);flex:none;font-size:1rem;font-weight:800}.board-score{color:#fff;background:var(--color-green);border-radius:var(--r-pill);text-align:center;font-variant-numeric:tabular-nums;flex:none;min-width:2.4rem;padding:.1rem .5rem;font-size:.8rem;font-weight:800}.board-score.is-zero{color:var(--muted);background:var(--paper-alt);box-shadow:inset 0 0 0 1px var(--line)}.board-score.is-complete{color:var(--edge-yellow);background:var(--color-yellow-soft);box-shadow:inset 0 0 0 1.5px var(--color-yellow)}.board-tiles{place-items:center;row-gap:var(--sp-3);grid-template-columns:repeat(5,1fr);min-width:0;display:grid}.board-tile{border-radius:var(--r-sm);cursor:pointer;width:38px;height:38px;transition:transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.board-tile:active{transform:scale(.92)}.board-tile-char{font-family:var(--font-brush);font-size:1.15rem;line-height:1}.board-tile.is-done{background:var(--color-green);border-color:var(--edge-green);box-shadow:0 3px 0 var(--edge-green)}.board-tile.is-done .board-tile-char{color:#fff}.board-tile.is-empty{background:var(--paper-alt);border-color:var(--line);box-shadow:0 3px 0 var(--edge-grey)}.board-tile.is-empty .board-tile-char{color:var(--muted)}.board-tile.is-unlearned{background:var(--paper);border:1.5px solid var(--edge-grey);box-shadow:none}.board-tile.is-unlearned .board-tile-char{color:var(--muted);opacity:.6}.board-tile.is-treasure{border-color:var(--color-yellow);box-shadow:0 0 0 1px var(--color-yellow-soft)}.board-tile.is-treasure.is-done{box-shadow:0 0 0 2px var(--color-yellow-soft)}.board-tile-spark{color:var(--color-yellow);text-shadow:0 0 1px var(--edge-yellow);font-size:9px;line-height:1;position:absolute;bottom:-3px;left:-3px}.board-unknown{color:var(--edge-orange);background:var(--color-orange-soft);border:1px solid var(--color-orange);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:.08rem .5rem;font-size:.72rem;font-weight:800}.board-unknown-global{margin-top:var(--sp-2);display:inline-block}.board-back{margin:var(--sp-4) auto 148px;display:block}.board-row.is-celebrating{animation:board-pop .62s var(--ease-out);z-index:1}@keyframes board-pop{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}.board-confetti{pointer-events:none;width:0;height:0;position:absolute;top:18%;left:50%;overflow:visible}.board-confetti-bit{opacity:0;width:8px;height:8px;animation:board-confetti-fly .9s var(--ease-out) forwards;border-radius:2px;margin:-4px 0 0 -4px;position:absolute;top:0;left:0}@keyframes board-confetti-fly{0%{opacity:1;transform:translate(0)scale(.5)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--cx), var(--cy)) scale(1) rotate(var(--cr))}}.board-tada{top:var(--sp-2);right:var(--sp-3);pointer-events:none;font-size:1.1rem;position:absolute}