:root{color-scheme:light;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;line-height:1.45;font-weight:600;color:#29232e;background:#fff8f7;--bg-main: #fff8f7;--surface: #ffffff;--surface-soft: #fffdfc;--surface-muted: #fbf2f4;--primary: #d94f7a;--primary-dark: #b83263;--primary-soft: #f7dde5;--text-main: #29232e;--text-muted: #8b7e86;--gold: #c8a45d;--gold-dark: #a88646;--border: #efdee4;--shadow-soft: 0 16px 32px rgba(185, 94, 124, .1);--shadow-flat: 0 8px 0 #efd4dc;--shadow-pressed: 0 10px 0 var(--primary-dark);--neutral-soft: #f7eef1;--neutral-line: #ecd9e0;--success-soft: #f5e8ee;--danger-soft: #f8e7ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at top center,rgba(255,255,255,.8),transparent 40%),linear-gradient(180deg,#fffdfc,#fff8f7,#fcf1f4)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:0 0 120px}.topbar{position:sticky;top:0;z-index:10;background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-inner{max-width:760px;margin:0 auto;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-badge{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--primary),#cc6a8d);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 8px 0 var(--primary-dark)}.brand-copy{display:grid;gap:2px}.brand-name{color:var(--primary);font-weight:900;font-size:2rem;font-style:italic;letter-spacing:-.05em;line-height:1}.brand-subtitle{color:var(--text-muted);font-size:.85rem}.topbar-stats{display:flex;align-items:center;gap:18px}.stat-pill{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:0}.stat-pill strong{font-size:1.6rem;font-weight:900;letter-spacing:-.04em}.stat-pill.fire{color:var(--gold)}.stat-pill.gem{color:var(--primary)}.stat-icon{display:inline-flex}.app-main{max-width:760px;margin:0 auto;padding:0 18px}.map-page,.page-stack{display:grid;gap:18px;padding-top:18px}.map-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-mini-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:14px 16px;box-shadow:var(--shadow-flat)}.status-mini-card span,.eyebrow,.level-title-card span,.world-kicker,.nav-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.status-mini-card span{color:var(--text-muted);display:block;margin-bottom:6px}.status-mini-card strong{font-size:1.08rem;letter-spacing:-.03em}.world-map{display:grid;gap:28px}.world-stage{display:grid;justify-items:center;gap:18px;padding:6px 0 20px}.world-stage.is-locked{opacity:.58}.world-banner{width:min(100%,580px);padding:22px 42px 26px;border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--world-accent) 88%,white 12%),var(--world-accent));color:#fff;box-shadow:0 10px 0 var(--world-shadow)}.world-kicker{display:block;margin-bottom:8px;color:#ffffffc2}.world-banner h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.02;font-weight:900;letter-spacing:-.06em;font-style:italic;text-transform:uppercase}.world-path{position:relative;width:100%;display:grid;justify-items:center;gap:0}.path-stop{position:relative;width:100%;display:grid;justify-items:center;transform:translate(var(--offset-x))}.path-stop.is-locked{opacity:.7}.level-title-card{min-width:280px;max-width:min(100%,320px);margin-bottom:14px;padding:14px 22px;border-radius:22px;background:var(--surface-soft);border:1px solid var(--border);box-shadow:var(--shadow-soft),0 5px #f1dbe3;text-align:center}.level-title-card:after{content:"";position:absolute;left:50%;top:100%;width:18px;height:18px;background:var(--surface-soft);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:translate(-50%,-10px) rotate(45deg)}.level-title-card span{color:var(--text-muted);display:block;margin-bottom:4px}.level-title-card strong{display:block;color:var(--text-main);font-size:1rem;font-weight:900;letter-spacing:-.05em;line-height:1.05;text-transform:uppercase;font-style:italic}.level-medal{position:relative;width:108px;height:108px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:transform .14s ease,filter .14s ease}.level-medal:hover:not(:disabled){transform:translateY(-2px)}.level-medal:disabled{cursor:not-allowed}.level-medal.is-unlocked{background:linear-gradient(180deg,color-mix(in srgb,var(--world-accent) 70%,white 30%),var(--world-accent));box-shadow:0 10px color-mix(in srgb,var(--world-shadow) 88%,#8c5670 12%);color:#fff}.level-medal.is-complete{background:linear-gradient(180deg,#e1bf7a,var(--gold));box-shadow:0 10px 0 var(--gold-dark);color:#fff6db}.level-medal.is-locked{background:linear-gradient(180deg,#f1e8eb,#ded0d6);box-shadow:0 10px #cdbcc4;color:#9f8d96}.level-medal-core{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:999px;background:#ffffff29}.level-check{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:5px solid var(--surface)}.path-connector{width:10px;height:62px;margin-top:12px;border-radius:999px;background:linear-gradient(180deg,#f1dfe5,#e5cfd8)}.hero-card,.section-card,.reward-card,.mini-stat,.showcase-card,.inline-message,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-flat)}.hero-card,.section-card{padding:22px}.hero-card h2,.section-card h3,.reward-card h3,.reward-modal h2{margin:0;font-size:2rem;line-height:1.02;font-weight:900;letter-spacing:-.05em}.hero-card p,.reward-card p,.reward-card small,.inline-message,.feedback-copy p,.showcase-card p,.empty-state p,.reward-modal p{margin:0;color:var(--text-muted)}.hero-badges,.reward-grid,.profile-highlights{display:flex;flex-wrap:wrap;gap:12px}.hero-badge,.section-chip{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--neutral-soft);border-radius:999px}.section-chip{border:0;font-weight:900}.is-active-chip{background:var(--primary);color:#fff}.section-header,.reward-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-copy{margin:8px 0 0;color:var(--text-muted)}.reward-list,.reward-showcase{display:grid;gap:14px}.shop-filter-row{display:flex;flex-wrap:wrap;gap:10px}.reward-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.reward-card{display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:20px;height:100%}.reward-card.is-unlocked{background:linear-gradient(180deg,#fff7f9,#fffdfd)}.reward-icon,.reward-badge{width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--primary),#cf6c8f);color:#fff;box-shadow:0 8px 0 var(--primary-dark)}.reward-copy{display:grid;gap:8px;align-content:start}.reward-title-row{align-items:flex-start}.reward-title-row h3{min-height:3.15em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reward-tag-row{display:flex;flex-wrap:wrap;gap:8px}.reward-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.reward-tag.is-recommended{background:var(--primary-soft);color:var(--primary-dark)}.reward-tag.is-unlocked{background:#f7edf0;color:var(--primary)}.reward-tag.is-limited{background:#f8f0e2;color:var(--gold-dark)}.reward-tag.is-level{background:#f5ecef;color:var(--text-muted)}.secondary-button,.ghost-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:18px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.reward-link-button{text-decoration:none;width:100%}.secondary-button{background:linear-gradient(180deg,var(--primary),#cf6c8f);color:#fff;box-shadow:0 8px 0 var(--primary-dark)}.secondary-button.is-complete{background:#f8ede3;color:var(--gold-dark);box-shadow:0 8px #e7d7bd}.ghost-button{background:#f6edf0;color:#6e5d66;box-shadow:0 8px #e6d5dc}.reward-close-button{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.mini-stat{padding:20px;display:grid;gap:8px}.mini-stat strong{font-size:1.6rem;letter-spacing:-.05em}.progress-strip{height:16px;margin-top:18px;overflow:hidden;border-radius:999px;background:#f3e6eb}.progress-strip>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#e17496)}.profile-highlights{margin-top:18px}.profile-highlight{flex:1 1 240px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;background:var(--surface-muted)}.reward-showcase{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.showcase-card,.empty-state,.inline-message{padding:18px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,760px);z-index:12;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fffcfbfa;border-top:1px solid var(--border);box-shadow:0 -12px 32px #b95e7c14}.nav-button{border:0;background:transparent;min-height:92px;display:grid;justify-items:center;align-content:center;gap:10px;color:#b9a7af}.nav-icon-wrap{width:56px;height:46px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center}.nav-button.is-active{color:var(--primary)}.nav-button.is-active .nav-icon-wrap{background:var(--primary-soft)}.runner-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--surface);overflow:hidden}.runner-screen{height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.runner-topbar{display:flex;align-items:center;gap:18px;padding:28px 28px 18px}.runner-close{border:0;background:transparent;color:var(--text-muted)}.runner-progress{flex:1;height:16px;border-radius:999px;background:#f4e8ed;overflow:hidden}.runner-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#e17f9f)}.runner-stage{position:relative;display:grid;align-content:start;justify-items:center;gap:28px;padding:20px 24px 180px;min-height:0;overflow-y:auto}.theory-bubble{width:min(100%,520px);padding:28px 34px;border-radius:28px;border:1px solid var(--border);background:var(--surface-soft);box-shadow:0 8px #f3e1e7;color:var(--text-muted);font-size:1rem;font-style:italic}.runner-question-card{width:min(100%,540px);display:grid;gap:30px}.runner-question-card h2{margin:0;color:var(--text-main);font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.02;font-weight:900;letter-spacing:-.06em;text-transform:uppercase}.runner-options{display:grid;gap:16px}.runner-option{width:100%;min-height:84px;padding:20px 28px;border-radius:22px;border:3px solid #f1e2e8;background:var(--surface);color:#574b53;text-align:left;font-size:1.1rem;font-weight:800;box-shadow:0 7px #f1e2e8;transition:transform .12s ease,border-color .12s ease,background .12s ease}.runner-option:hover:not(:disabled){transform:translateY(-1px)}.runner-option.is-active{border-color:#edc8d5;background:#fff1f5;box-shadow:0 7px #edc8d5}.runner-option.is-correct{border-color:var(--gold);background:linear-gradient(180deg,#d8b87a,var(--gold));color:#fff;box-shadow:0 7px 0 var(--gold-dark)}.runner-option.is-incorrect{border-color:#d99aae;background:#fff3f6;color:var(--primary-dark);box-shadow:0 7px #efd1db}.feedback-footer{position:sticky;bottom:0;display:grid;gap:18px;padding:0 24px 24px;background:var(--surface)}.feedback-footer.is-correct{border-top:6px solid var(--gold)}.feedback-footer.is-incorrect{border-top:6px solid var(--primary)}.feedback-banner{display:flex;align-items:center;gap:18px;padding:18px 8px 0}.feedback-icon-box{width:82px;height:82px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;background:#f8efe2;color:var(--gold-dark);font-size:2rem;flex:0 0 auto}.feedback-footer.is-incorrect .feedback-icon-box{background:var(--primary-soft);color:var(--primary-dark)}.feedback-copy{display:grid;gap:6px;color:var(--text-muted)}.feedback-copy strong{color:inherit;font-size:1.2rem;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:-.03em}.feedback-footer.is-correct .feedback-copy strong{color:var(--gold-dark)}.feedback-footer.is-incorrect .feedback-copy strong{color:var(--primary-dark)}.footer-action{width:100%;border:0;border-radius:20px;min-height:90px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:1.15rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff}.footer-action.is-idle{background:linear-gradient(180deg,var(--primary),#cf6c8f);box-shadow:0 10px 0 var(--primary-dark)}.footer-action.is-idle:disabled{background:#ead8df;box-shadow:0 10px #d6c0c8;color:#9b8a92}.footer-action.is-correct{background:linear-gradient(180deg,var(--primary),#cf6c8f);box-shadow:0 10px 0 var(--primary-dark)}.footer-action.is-incorrect{background:linear-gradient(180deg,#cf6c8f,var(--primary-dark));box-shadow:0 10px #95254f}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#4829383d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reward-modal{width:min(100%,460px);display:grid;gap:18px;justify-items:center;padding:28px;background:var(--surface);border-radius:28px;box-shadow:0 16px 48px #ab587729;text-align:center}.reward-modal .eyebrow{color:var(--primary)}.reward-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward-box{padding:16px 14px;border-radius:20px;background:var(--neutral-soft);display:grid;gap:8px;justify-items:center;text-align:center}.reward-box span{color:var(--text-muted)}.unlock-banner{width:100%;padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,var(--primary),#cf6c8f);color:#fff;display:grid;gap:4px}.confetti-layer{position:absolute;inset:0 0 auto;height:240px;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;left:var(--left);width:10px;height:18px;border-radius:4px;background:var(--primary);transform:rotate(var(--rotation));animation:confetti-fall var(--duration) linear infinite;animation-delay:var(--delay)}.confetti-piece:nth-child(4n){background:#d786a1}.confetti-piece:nth-child(4n+1){background:var(--gold)}.confetti-piece:nth-child(4n+2){background:#e8a8bc}.confetti-piece:nth-child(4n+3){background:#f2cfdd}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(var(--rotation));opacity:1}to{transform:translateY(260px) rotate(calc(var(--rotation) * 4));opacity:0}}@media (max-width: 760px){.topbar-inner,.app-main{max-width:100%}.brand-name{font-size:1.5rem}.map-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.world-banner{width:100%;padding:20px 24px 24px}.world-banner h2{font-size:2rem}.level-title-card{min-width:0;width:min(100%,290px)}.path-stop{transform:none}.runner-topbar{padding:20px 18px 16px}.runner-stage{padding:18px 18px 180px}.runner-question-card h2{font-size:2.2rem}.feedback-footer{padding:0 18px 18px}}@media (max-width: 520px){.topbar-inner{flex-wrap:wrap;justify-content:center;text-align:center}.topbar-stats{justify-content:center}.brand-lockup{width:100%;justify-content:center}.bottom-nav{width:100%}.nav-button{min-height:84px}.runner-question-card h2{font-size:1.75rem}.runner-option{min-height:74px;font-size:1rem}.feedback-banner{align-items:flex-start}.feedback-icon-box{width:64px;height:64px;border-radius:18px}.footer-action{min-height:76px;font-size:1rem}.reward-grid{grid-template-columns:1fr}}