:root{--bg:#0d2b36;--bg-deep:#07242c;--surface:#102f38;--surface-strong:#143a44;--surface-raised:#17424d;--ink:#fff7e6;--cream:#fff7e6;--muted:#9fb6b9;--muted-soft:#7d979b;--dark-text:#102328;--teal:#1e8b8f;--teal-deep:#165e63;--teal-soft:#2cc4b624;--mint:#2cc4b6;--coral:#ff6b5e;--coral-deep:#e5503f;--coral-soft:#ff6b5e29;--gold:#ffc857;--gold-deep:#c8922f;--gold-soft:#ffc85729;--green:#5ca87a;--line:#fff7e61f;--line-strong:#fff7e633;--radius:20px;--radius-lg:26px;--radius-sm:14px;--shadow:0 24px 60px #00000073;--shadow-soft:0 14px 34px #00000052;--glow-coral:0 16px 40px #ff6b5e57;--glow-gold:0 16px 40px #ffc8574d;--glow-mint:0 16px 40px #2cc4b647;--medallion:radial-gradient(circle at 34% 26%, #fff3c4 0 16%, #ffc857 44%, #b87518 100%);--medallion-locked:radial-gradient(circle at 34% 26%, #9fb6b980, #102f38b3 52%, #07242cf2 100%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -8%, #ffc85729, transparent 38%), radial-gradient(circle at 88% 12%, #2cc4b61f, transparent 36%), radial-gradient(circle at 8% 88%, #ff6b5e1a, transparent 40%), linear-gradient(160deg, #0f3540, var(--bg) 45%, var(--bg-deep));background-attachment:fixed;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone-shell{width:min(100%,460px);padding:max(20px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(38px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));margin:0 auto}.app-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, #17424d8c, #0d2b36eb 42%), var(--surface);box-shadow:var(--shadow);padding-bottom:92px;position:relative;overflow:hidden}.tab-view{display:none}.tab-view.active{animation:.22s ease-out both panel-rise;display:block}.view-head{padding:18px 20px 0}.view-head h2{letter-spacing:-.01em;margin:0 0 4px;font-size:1.7rem;line-height:1.05}.view-subline{color:var(--muted);margin:0;line-height:1.4}.onboarding-panel{z-index:20;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041217a8;place-items:center;display:grid;position:fixed;inset:0}.onboarding-panel[hidden]{display:none}.onboarding-card{border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(circle at 50% -10%, #ffc85729, transparent 46%), linear-gradient(180deg, var(--surface-strong), var(--surface));width:min(100%,420px);box-shadow:var(--shadow);padding:26px}.onboarding-mark{margin-bottom:16px;animation:4s ease-in-out infinite companion-glow}@keyframes companion-glow{0%,to{box-shadow:var(--glow-coral)}50%{box-shadow:0 18px 50px #ffc8576b}}.onboarding-card h2{margin-bottom:10px;font-size:2.1rem;line-height:1.04}.onboarding-card p{color:var(--muted);font-size:1rem;line-height:1.5}#onboardingStep{background:var(--teal-soft);color:var(--mint);border-radius:999px;margin-bottom:14px;padding:5px 12px;display:inline-block}.onboarding-actions{margin-top:20px}.onboarding-actions button{flex:150px}#onboardingPrimaryButton{background:linear-gradient(135deg, var(--coral), var(--coral-deep));box-shadow:var(--glow-coral)}#onboardingPrimaryButton:hover{background:linear-gradient(135deg, #ff7d70, var(--coral-deep))}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 0;display:flex}.brand-lockup{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.spark-mark{color:#fff;background:linear-gradient(145deg, #ffffff38, transparent 38%), linear-gradient(135deg, var(--coral), var(--gold));box-shadow:var(--glow-coral);place-items:center;display:grid}.spark-mark svg{fill:currentColor;filter:drop-shadow(0 2px 6px #0000004d);width:66%;height:66%}.brand-mark,.onboarding-mark{border-radius:14px;width:44px;height:44px}.topbar-badge-button{flex:none}.eyebrow,.moment-label,.move-topline,.level-pill{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.eyebrow{color:var(--coral)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.01em;max-width:520px;margin-bottom:0;font-size:1.4rem;line-height:1.1}.back-button,.secondary-button,.surprise-button{border:1px solid var(--line-strong);min-height:44px;color:var(--cream);background:#fff7e60f;border-radius:999px;padding:0 16px;font-weight:700;transition:transform .16s,border-color .16s,background .16s}.back-button:hover,.secondary-button:hover,.surprise-button:hover{border-color:var(--mint);background:#2cc4b61f;transform:translateY(-1px)}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 18%,#ffc8571f,#0000 42%),linear-gradient(#17424d66,#0000 70%);grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 20px 22px;display:grid;position:relative}.hero-greeting{color:var(--mint);align-items:center;gap:8px;margin:0 0 6px;font-size:.92rem;font-weight:700;display:inline-flex}.hero-copy h2{letter-spacing:-.02em;max-width:420px;margin:0 0 6px;font-size:2.4rem;line-height:1.02}.hero-subline{color:var(--muted);margin:0;font-size:1rem;line-height:1.4}.escape-button{color:#fff;background:linear-gradient(135deg, var(--coral), var(--coral-deep));width:100%;min-height:60px;box-shadow:var(--glow-coral);border-radius:18px;justify-content:flex-start;align-items:center;gap:14px;margin-top:18px;padding:0 20px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;animation:3.8s ease-in-out infinite cta-breathe;display:inline-flex}.escape-button>span[aria-hidden=true]{background:#ffffff2e;border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid}.escape-text{text-align:left;gap:2px;display:grid}.escape-text strong{letter-spacing:.02em;font-size:1.12rem}.escape-text small{opacity:.86;font-size:.82rem;font-weight:600}.escape-button:hover{background:linear-gradient(135deg, #ff7d70, var(--coral-deep));transform:translateY(-1px)}.escape-button:active{transform:translateY(1px)scale(.99)}.moment-label{color:var(--mint);margin-bottom:12px}.companion-wrap{place-items:center;display:grid;position:relative}.spark-companion{background:radial-gradient(circle at 50% 46%,#ffc85742,#ff6b5e1f 46%,#0000 70%);place-items:center;width:150px;height:150px;animation:4.6s ease-in-out infinite spark-float;display:grid;position:relative}.spark-character{object-fit:contain;filter:drop-shadow(0 12px 22px #00000073);width:84%;height:84%}@keyframes spark-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.companion{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 24px #0006);width:min(100%,150px)}.legacy-companion{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.level-pill{width:min(280px,100%);color:var(--cream);border:1px solid var(--line);background:#2cc4b61f;border-radius:14px;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 12px;display:flex}.stats-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);box-shadow:var(--shadow-soft);grid-template-columns:repeat(3,1fr);gap:12px 8px;margin-top:18px;padding:14px 16px;display:grid}.stat{text-align:center;gap:2px;display:grid}.stat-value{color:var(--cream);font-size:1.32rem;font-weight:800;line-height:1.05}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-weight:700}.stat-bar{background:#fff7e61a;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.stat-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--gold), var(--mint));width:0%;height:100%;transition:width .42s;display:block}.recent-win-card{border-radius:var(--radius-sm);background:radial-gradient(circle at 12% 30%, #ffc85729, transparent 60%), var(--surface-strong);box-shadow:var(--shadow-soft);border:1px solid #ffc85766;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px 20px 0;padding:14px 16px;animation:.22s ease-out both panel-rise;display:grid}.recent-win-card[hidden]{display:none}.recent-win-medallion{color:#3b2b06;background:var(--medallion);width:48px;height:48px;box-shadow:inset 0 2px 0 #ffffff70, var(--glow-gold);border:2px solid #fff6cdd1;border-radius:999px;place-items:center;font-size:1.2rem;display:grid}.recent-win-copy{gap:2px;min-width:0;display:grid}.recent-win-card .moment-label{margin-bottom:2px}.recent-win-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.15;overflow:hidden}.recent-win-copy span{color:var(--muted);font-size:.82rem}.recent-win-xp{color:var(--gold);background:var(--gold-soft);border-radius:999px;flex:none;padding:6px 12px;font-size:.9rem;font-weight:800}.progress{align-items:center;gap:8px;padding:16px 20px 4px;display:flex}.progress-dot{background:#fff7e61f;border-radius:999px;width:100%;height:8px}.progress-dot.active{background:var(--mint);transition:background .18s,box-shadow .18s}.progress-dot[aria-current=step]{background:var(--coral);box-shadow:0 0 0 3px #ff6b5e38}.screen{display:none}.screen.active{padding:16px 20px 20px;animation:.22s ease-out both panel-rise;display:block}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;background:var(--surface-strong);min-height:132px;box-shadow:var(--shadow-soft);color:var(--cream);align-content:center;justify-items:center;gap:10px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.choice-card:hover,.choice-card.selected{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 18px 34px #0006}.choice-icon,.move-visual{color:var(--mint);background:var(--teal-soft);place-items:center;display:grid}.choice-icon{border-radius:18px;width:60px;height:60px}.choice-icon svg{width:32px;height:32px}.choice-title{font-size:1.05rem;font-weight:800}.choice-subtitle{color:var(--muted);font-size:.82rem;line-height:1.25}.surprise-button,.back-button{margin-top:16px}.tune-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-soft);margin-bottom:16px;padding:18px}.tune-panel[hidden]{display:none}.tune-panel h3,.tune-panel p{margin-bottom:8px}.tune-panel p{color:var(--muted)}.tune-group{gap:8px;margin-top:14px;display:grid}.tune-group>span{color:var(--mint);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);min-height:44px;color:var(--muted);background:#fff7e60d;border-radius:999px;padding:0 14px;font-weight:700}.chip.selected{color:var(--dark-text);background:var(--mint);border-color:var(--mint)}.compact-actions{margin-top:16px}.move-panel{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 90% -10%, #2cc4b629, transparent 48%), linear-gradient(180deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow), 0 0 0 1px #2cc4b614;padding:22px}.move-visual{color:#fff;background:linear-gradient(135deg, var(--coral), var(--coral-deep));width:80px;height:80px;box-shadow:var(--glow-coral);border-radius:24px;margin-bottom:16px}.move-visual svg{width:44px;height:44px}.move-topline{color:var(--mint);justify-content:space-between;gap:16px;display:flex}.move-panel h2{letter-spacing:-.02em;margin:14px 0 10px;font-size:2.1rem;line-height:1.04}.move-panel p{color:var(--muted);line-height:1.55}.steps{counter-reset:step;gap:8px;margin:20px 0;padding-left:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff7e60a;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:10px;line-height:1.45;display:grid}.steps li:before{counter-increment:step;content:counter(step);color:#fff;background:var(--teal);border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.reason{border-radius:var(--radius-sm);background:var(--teal-soft);color:var(--muted);margin-bottom:0;padding:14px 16px}.reason summary{color:var(--mint);cursor:pointer;font-weight:800}.reason p{margin:10px 0 0}.moment-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.moment-strip article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);min-height:92px;box-shadow:var(--shadow-soft);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.strip-icon{color:#fff;background:var(--teal);border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.strip-icon svg{width:29px;height:29px}.moment-strip strong,.moment-strip span{display:block}.moment-strip strong{margin-bottom:4px}.moment-strip span{color:var(--muted);font-size:.88rem;line-height:1.25}.session-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;margin-top:16px;padding:18px;display:grid}.session-ring{--progress:0deg;width:92px;height:92px;color:var(--mint);background:radial-gradient(circle at center, var(--surface) 0 58%, transparent 59%), conic-gradient(var(--mint) var(--progress), #fff7e61f 0);border-radius:999px;place-items:center;font-weight:900;display:grid}.session-ring.active{color:#fff;background:radial-gradient(circle at center, var(--teal-deep) 0 58%, transparent 59%), conic-gradient(var(--coral) var(--progress), #fff7e624 0)}.session-panel h3{margin-bottom:6px;font-size:1.18rem}.session-label{color:var(--coral);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.74rem;font-weight:900;display:inline-block}.session-panel p{color:var(--muted);margin:0;line-height:1.4}.action-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.move-actions .primary-button{flex:2 190px}.move-actions .secondary-button{flex:112px}.primary-button{color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-deep));min-height:48px;box-shadow:var(--glow-mint);border-radius:999px;padding:0 22px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.primary-button:hover{background:linear-gradient(135deg, #239a9e, var(--teal-deep));transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.45;transform:none}.feedback{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-top:16px;padding:18px}#completionMessage{color:var(--cream);letter-spacing:0;text-transform:none;margin:0 0 14px;font-size:1.02rem;font-weight:700;line-height:1.35}.feedback-question{color:var(--mint);margin:0 0 2px;font-size:.95rem;font-weight:700}.feedback-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.35}.feedback-actions{margin-top:10px}.feedback-share{width:100%;margin-top:10px}.mission-reward-panel{border-radius:var(--radius);background:radial-gradient(circle at 50% -20%, #ffc8573d, transparent 52%), linear-gradient(180deg, var(--surface-strong), var(--surface));box-shadow:var(--glow-gold);border:1px solid #ffc85780;margin-top:16px;padding:20px;animation:.42s ease-out both reward-pop;position:relative;overflow:hidden}.mission-reward-panel h3{max-width:520px;margin:8px 0 12px;font-size:1.32rem;line-height:1.15}.reward-badge-visual{color:#3b2b06;background:var(--medallion);width:62px;height:62px;box-shadow:var(--glow-gold), inset 0 2px 0 #ffffff70;border:2px solid #fff6cdd1;border-radius:999px;place-items:center;margin:10px 0;font-size:1.05rem;font-weight:900;line-height:1;display:grid}.mission-reward-panel strong{min-height:36px;color:var(--gold);background:var(--gold-soft);border-radius:999px;align-items:center;margin-bottom:10px;padding:0 12px;font-size:.96rem;display:inline-flex}.mission-reward-panel span:not(.reward-burst),.mission-reward-panel p:not(.moment-label){color:var(--muted);margin:0 0 8px;line-height:1.4;display:block}.reward-burst{color:var(--gold);transform-origin:50%;font-size:2.8rem;line-height:1;animation:.9s ease-out both reward-star;position:absolute;top:16px;right:18px}.drawer{align-content:start;gap:16px;padding:0 20px 20px;display:grid}.drawer section{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-soft);padding:18px}.drawer h3{margin-bottom:12px;font-size:1rem}.settings-card h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:800}.level-meter{background:#fff7e61a;border-radius:999px;height:12px;overflow:hidden}.level-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--gold), var(--mint));width:0%;height:100%;transition:width .42s;display:block}.companion-note{color:var(--muted);margin:12px 0 0;font-size:.9rem;line-height:1.35}.identity-card,.mission-card{color:var(--muted);gap:10px;font-size:.9rem;line-height:1.35;display:grid}.mission-card strong{color:var(--ink)}.mission-reward-summary{border-radius:var(--radius-sm);color:var(--gold);background:var(--gold-soft);padding:10px;font-weight:800}.mini-list{gap:8px;display:grid}.badge-list{gap:10px;display:grid}.badge-entry-card{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);background:#fff7e60a;gap:4px;padding:12px;font-size:.88rem;line-height:1.3;display:grid}.badge-entry-count{color:var(--ink);font-size:.95rem}.badges-panel{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% -16%, #ffc85724, transparent 48%), linear-gradient(180deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow);margin:16px 20px 4px;padding:18px;animation:.22s ease-out both panel-rise}.badges-panel[hidden]{display:none}.badges-panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.badges-panel-aside{flex:none;justify-items:center;gap:8px;display:grid}.collection-ring{--progress:0deg;width:66px;height:66px;color:var(--cream);background:radial-gradient(circle at center, var(--surface-strong) 0 64%, transparent 65%), conic-gradient(var(--gold) var(--progress), #fff7e61f 0);box-shadow:var(--glow-gold);border-radius:999px;place-items:center;font-size:.82rem;font-weight:800;display:grid}.badges-panel h2{margin-bottom:4px;font-size:1.8rem;line-height:1.05}#badgeCount{color:var(--muted);font-size:.92rem;font-weight:800}.badge-featured{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);grid-template-columns:66px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:grid;position:relative}.badge-featured.earned{background:radial-gradient(circle at 16% 30%, #ffc85733, transparent 60%), var(--surface-strong);box-shadow:var(--glow-gold);border-color:#ffc8578c}.badge-featured.locked{background:var(--surface)}.badge-featured-label{color:var(--mint);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:.72rem;font-weight:900}.badge-featured-icon{color:#3b2b06;background:var(--medallion);width:66px;height:66px;box-shadow:inset 0 2px 0 #ffffff7a, var(--glow-gold);letter-spacing:.02em;border:2px solid #fff6cdd6;border-radius:999px;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.badge-featured.locked .badge-featured-icon{color:#cfe3e2;background:var(--medallion-locked);border-color:#9fb6b966;box-shadow:inset 0 1px #ffffff1f}.badge-featured strong,.badge-featured span{display:block}.badge-featured strong{color:var(--ink);margin-bottom:4px;font-size:1.1rem;line-height:1.1}.badge-featured div span{color:var(--muted);font-size:.9rem;line-height:1.35}.badge-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.badge-filter-chip{border:1px solid var(--line-strong);min-height:44px;color:var(--mint);font:inherit;cursor:pointer;background:#fff7e60d;border-radius:999px;padding:0 16px;font-weight:800}.badge-filter-chip.selected{border-color:var(--mint);color:var(--dark-text);background:var(--mint);box-shadow:var(--glow-mint)}.badge-list.full{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.badge-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);background:#fff7e60a;padding:12px;font-size:.9rem}.badge-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;align-items:start;gap:7px 10px;min-height:152px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.badge-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0006}.badge-card.earned{background:radial-gradient(circle at 16% 22%, #ffc85729, transparent 58%), var(--surface-strong);box-shadow:var(--glow-gold);border-color:#ffc85780}.badge-card.earned .badge-icon{box-shadow:inset 0 2px 0 #ffffff7a, var(--glow-gold);border:2px solid #fff6cdd6}.badge-card.locked{border-color:var(--line);background:var(--surface)}.badge-card.locked .badge-icon{color:#cfe3e2;background:var(--medallion-locked);box-shadow:inset 0 1px #ffffff1f}.badge-icon{color:#3b2b06;background:var(--medallion);letter-spacing:.03em;border-radius:999px;grid-column:1/2;place-items:center;width:54px;height:54px;font-size:.9rem;font-weight:900;display:grid}.badge-glyph{width:56%;height:56%}.badge-featured-icon .badge-glyph{width:54%;height:54%}.badge-progress{background:#fff7e61a;border-radius:999px;grid-column:1/-1;height:6px;margin-top:2px;overflow:hidden}.badge-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--gold));width:0%;height:100%;display:block}.badge-status{min-height:28px;color:var(--gold);background:var(--gold-soft);border-radius:999px;place-self:start end;padding:6px 9px;font-size:.72rem;font-weight:900;line-height:1}.badge-card.locked .badge-status{color:var(--mint);background:#2cc4b61f}.badge-card strong,.badge-card span,.badge-card small{display:block}.badge-card strong{color:var(--ink);grid-column:1/-1;margin-bottom:3px;font-size:.98rem;line-height:1.15}.badge-card small{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.82rem;line-height:1.3}.drawer-links{flex-wrap:wrap;gap:.85rem;padding-top:.25rem;font-size:.82rem;display:flex}.drawer-action{width:100%;margin-bottom:12px}.backup-card p{color:var(--muted);margin-bottom:12px;font-size:.86rem;line-height:1.35}.backup-actions{gap:8px;display:grid}.backup-actions .drawer-action{margin-bottom:0}.backup-status{min-height:20px;color:var(--mint);margin:10px 0 0;font-weight:800}.drawer-links a,.static-back-link{color:var(--mint);font-weight:800;text-decoration:none}.drawer-links a:hover,.static-back-link:hover{text-decoration:underline}.bottom-nav{z-index:12;width:min(100%,460px);padding:8px max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#07242cd1,#07242cfa);grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{min-height:56px;color:var(--muted-soft);letter-spacing:.02em;background:0 0;border-radius:14px;align-content:center;justify-items:center;gap:3px;padding:6px 2px;font-size:.66rem;font-weight:700;transition:color .16s,background .16s;display:grid}.nav-item svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-item:hover{color:var(--cream)}.nav-item.active{color:var(--mint);background:#2cc4b61f}.static-page{background:linear-gradient(160deg, #0f3540, var(--bg) 45%, var(--bg-deep));min-height:100vh;color:var(--ink);padding:1rem}.static-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(720px,100%);box-shadow:var(--shadow);margin:0 auto;padding:clamp(1.1rem,4vw,2.25rem)}.static-shell h1{margin:1.25rem 0 1rem;font-size:clamp(2rem,7vw,3.4rem);line-height:1}.static-shell h2{margin:1.5rem 0 .45rem;font-size:1.1rem}.static-shell p,.static-shell li{color:var(--muted);font-size:1rem;line-height:1.55}.static-shell ul{padding-left:1.1rem}.static-updated{margin-top:1.75rem;font-size:.85rem}.mini-item{border-top:1px solid var(--line);color:var(--muted);padding:10px 0;font-size:.9rem;line-height:1.35}.mini-item:first-child{border-top:0;padding-top:0}.mini-item.quiet{color:var(--muted-soft);padding:8px 0;font-size:.86rem}.toast{border-radius:var(--radius-sm);width:min(360px,100% - 32px);color:var(--bg-deep);background:var(--cream);box-shadow:var(--shadow);text-align:center;z-index:12;padding:14px 16px;font-weight:800;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.celebration{pointer-events:none;z-index:9;position:fixed;inset:0}.spark{background:var(--gold);border-radius:4px;width:12px;height:12px;animation:.76s ease-out forwards burst;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.spark:nth-child(2n){background:var(--coral)}.spark:nth-child(3n){background:var(--mint)}@keyframes burst{to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(150deg) scale(.65)}}@keyframes cta-breathe{0%,to{box-shadow:var(--glow-coral)}50%{box-shadow:0 18px 50px #ff6b5e75}}@keyframes spark-breathe{0%,to{transform:translateY(0)scale(1);box-shadow:0 22px 46px #0006,inset 0 1px #ffffff14}50%{transform:translateY(-3px)scale(1.015);box-shadow:0 26px 54px #00000075,0 0 40px #ffc8573d,inset 0 1px #ffffff1f}}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reward-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reward-star{0%{opacity:0;transform:rotate(-18deg)scale(.55)}50%{opacity:1;transform:rotate(10deg)scale(1.16)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes badge-unlock{0%{opacity:.4;filter:grayscale(.5)brightness(.7);transform:scale(.82)rotate(-6deg)}45%{opacity:1;filter:none;transform:scale(1.12)rotate(2deg)}70%{transform:scale(.97)rotate(0)}to{transform:scale(1)rotate(0)}}@keyframes badge-unlock-glow{0%{box-shadow:inset 0 2px #ffffff7a,0 0 #ffc85700}45%{box-shadow:inset 0 2px 0 #ffffff7a, 0 0 0 7px #ffc85752, var(--glow-gold)}to{box-shadow:inset 0 2px 0 #ffffff7a, 0 0 0 0 #ffc85700, var(--glow-gold)}}.badge-card.badge-unlock .badge-icon{animation:.9s ease-out both badge-unlock,1.1s ease-out both badge-unlock-glow}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.screen.active,.mission-reward-panel,.reward-burst,.escape-button,.spark-companion,.onboarding-mark,.badge-card.badge-unlock .badge-icon{animation:none}.level-meter span,.progress-dot,.badge-card,.escape-button{transition:none}}@media (max-width:540px){.phone-shell{padding:env(safe-area-inset-top) env(safe-area-inset-right) max(18px, env(safe-area-inset-bottom)) env(safe-area-inset-left)}.app-card{box-shadow:none;border-left:0;border-right:0;border-radius:0}.topbar{align-items:flex-start;gap:10px;padding:14px 14px 0}.brand-lockup{grid-template-columns:42px minmax(0,1fr);gap:10px}.brand-mark,.onboarding-mark{border-radius:14px;width:42px;height:42px}.topbar-badge-button{min-height:44px;padding:0 12px}.hero{gap:12px;padding:14px 14px 18px}.hero-copy h2{font-size:2.05rem}.escape-button{justify-content:flex-start}.move-panel h2{font-size:1.85rem}.screen.active,.drawer,.badges-panel,.view-head,.progress{padding-left:14px;padding-right:14px}.move-panel,.feedback,.mission-reward-panel,.drawer section,.badges-panel{padding:16px}.badges-panel{margin:14px 14px 4px}.recent-win-card{margin:14px 14px 0}.badges-panel-header{align-items:center}.badges-panel h2{font-size:1.6rem}.badge-list.full{grid-template-columns:repeat(2,minmax(0,1fr))}.session-panel{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:14px}.session-ring{width:76px;height:76px}.moment-strip{grid-template-columns:1fr}.companion{width:120px}.spark-companion{border-radius:34px;width:124px;height:124px}.spark-companion:before{border-radius:27px;inset:15px}.spark-companion:after{border-radius:22px;inset:28px}.spark-orbit{border-radius:25px;inset:20px}.spark-face{border-radius:22px;width:68px;height:68px}.level-pill{gap:6px;width:min(240px,100%);padding:8px 10px;font-size:.68rem}.choice-grid,.choice-grid.compact{grid-template-columns:1fr}.choice-card{text-align:left;grid-template-columns:52px minmax(0,1fr);justify-items:start;min-height:88px;padding:14px}.choice-icon{border-radius:16px;grid-row:span 2;width:52px;height:52px}.choice-icon svg{width:29px;height:29px}.action-row>button{flex:120px;min-height:44px;padding-left:12px;padding-right:12px}.move-actions .primary-button{flex-basis:100%}.mission-reward-panel h3{font-size:1.16rem}.reward-burst{font-size:2rem;top:12px;right:12px}.reward-badge-visual{width:54px;height:54px}.badge-card{min-height:142px;padding:12px}.badge-icon{width:48px;height:48px;font-size:1.38rem}.drawer{padding-bottom:max(18px, env(safe-area-inset-bottom));gap:12px}.drawer-links{padding:0 2px}}@media (max-width:340px){.badge-list.full{grid-template-columns:1fr}.hero-copy h2{font-size:1.85rem}.move-panel h2{font-size:1.7rem}.session-panel{grid-template-columns:68px minmax(0,1fr)}.session-ring{width:68px;height:68px;font-size:.84rem}.choice-title{font-size:1rem}}