:root{--story-sky:#9DDEFE;--story-sky-shadow:#098FD1;--story-sky-on:#1A1A22;--story-cloud:#DCF2FF;--story-cloud-shadow:#0DA1F8;--story-cloud-on:#1A1A22;--story-sun:#FFC851;--story-sun-shadow:#A87405;--story-sun-on:#1A1A22;--story-water:#6BC7E0;--story-water-shadow:#227890;--story-water-on:#1A1A22;--story-grass:#E1EC72;--story-grass-shadow:#8C9819;--story-grass-on:#1A1A22;--story-hill:#AFCF08;--story-hill-shadow:#677908;--story-hill-on:#1A1A22;--story-action:#2A29CC;--story-action-shadow:#7B7BE0;--story-action-on:#FFFFFF;--story-upgrade:#1F45CA;--story-upgrade-shadow:#091232;--story-upgrade-on:#FFFFFF;--story-adult:#5FC3A1;--story-adult-shadow:#30785F;--story-adult-on:#1A1A22;--story-highlight:#FF93A3;--story-highlight-shadow:#D40725;--story-highlight-on:#1A1A22;--story-paper:#F6F5F8;--story-paper-shadow:#8E82A6;--story-paper-on:#1A1A22;--story-keyline:#FFFFFF;--story-ink:#1A1A22;--story-mascot:#FCD04B;--story-radius-ratio:0.13;--story-keyline-ratio:0.033;--story-keyline-min:3px;--story-keyline-max:10px;--story-depth-flat:4px;--story-depth-flat-spread:0px;--story-depth-flat-pressed:2px;--story-depth-card:9px;--story-depth-card-spread:2px;--story-depth-card-pressed:2.97px;--story-depth-hero:12px;--story-depth-hero-spread:3px;--story-depth-hero-pressed:3.96px;--story-wave-amplitude:0.035;--story-band:var(--story-sky);--story-band-shadow:var(--story-sky-shadow);--story-band-on:var(--story-sky-on)}[data-story-brightness=dusk]{--story-sky:#195573;--story-sky-shadow:#3298CA;--story-sky-on:#FFFFFF;--story-cloud:#206F9E;--story-cloud-shadow:#113347;--story-cloud-on:#FFFFFF;--story-sun:#916D1E;--story-sun-shadow:#433310;--story-sun-on:#FFFFFF;--story-water:#295B68;--story-water-shadow:#4D9FB4;--story-water-on:#FFFFFF;--story-grass:#595F1F;--story-grass-shadow:#1F210C;--story-grass-on:#FFFFFF;--story-hill:#434C12;--story-hill-shadow:#7B8B25;--story-hill-on:#FFFFFF;--story-action:#8C8BFF;--story-action-shadow:#0907E5;--story-action-on:#1A1A22;--story-upgrade:#7E93F7;--story-upgrade-shadow:#1333CD;--story-upgrade-on:#1A1A22;--story-adult:#6FD4B0;--story-adult-shadow:#2C8867;--story-adult-on:#1A1A22;--story-highlight:#FF9FAE;--story-highlight-shadow:#DF0729;--story-highlight-on:#1A1A22;--story-paper:#16171D;--story-paper-shadow:#54586D;--story-paper-on:#FFFFFF;--story-keyline:#F2F4FA;--story-ink:#1A1A22;--story-mascot:#FCD04B}.sticker{--sticker-short-side:180px;--sticker-depth:var(--story-depth-card);--sticker-spread:var(--story-depth-card-spread);--sticker-pressed:var(--story-depth-card-pressed);position:relative;border-style:solid;border-color:var(--story-keyline);border-width:clamp(var(--story-keyline-min),calc(var(--sticker-short-side) * var(--story-keyline-ratio)),var(--story-keyline-max));border-radius:calc(var(--sticker-short-side) * var(--story-radius-ratio));box-shadow:0 var(--sticker-depth) 0 var(--sticker-spread) var(--story-band-shadow);transition:transform .12s cubic-bezier(.25,.4,.25,1),box-shadow .12s cubic-bezier(.25,.4,.25,1)}.sticker--flat{--sticker-depth:var(--story-depth-flat);--sticker-spread:var(--story-depth-flat-spread);--sticker-pressed:var(--story-depth-flat-pressed)}.sticker--hero{--sticker-depth:var(--story-depth-hero);--sticker-spread:var(--story-depth-hero-spread);--sticker-pressed:var(--story-depth-hero-pressed)}.sticker--pressable{cursor:pointer;user-select:none;-webkit-user-select:none}.sticker--pressable:active{transform:translateY(calc(var(--sticker-depth) - var(--sticker-pressed)));box-shadow:0 var(--sticker-pressed) 0 var(--sticker-spread) var(--story-band-shadow)}@media (hover:hover){.sticker--pressable:hover{transform:translateY(-2px);box-shadow:0 calc(var(--sticker-depth) + 2px) 0 var(--sticker-spread) var(--story-band-shadow)}.sticker--pressable:hover:active{transform:translateY(calc(var(--sticker-depth) - var(--sticker-pressed)));box-shadow:0 var(--sticker-pressed) 0 var(--sticker-spread) var(--story-band-shadow)}}@media (prefers-reduced-motion:reduce){.sticker{transition:none}}.sticker:focus-visible{outline:3px solid var(--story-ink);outline-offset:2px;box-shadow:0 0 0 2px var(--story-keyline),0 var(--sticker-depth) 0 var(--sticker-spread) var(--story-band-shadow)}.sticker--drained{filter:saturate(.25)}.sticker--drained-full{filter:saturate(0)}.story-heading{font-family:var(--font-baloo),"Baloo 2","Nunito",sans-serif;font-weight:800;line-height:1.15;text-shadow:0 2px 0 color-mix(in srgb,var(--story-band-shadow) 35%,transparent)}.story-heading--on-scene{text-shadow:0 0 3px var(--story-band),0 0 3px var(--story-band),0 0 6px var(--story-band),0 2px 0 color-mix(in srgb,var(--story-band-shadow) 45%,transparent)}.story-hud-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background:var(--story-keyline);color:var(--story-ink);box-shadow:0 var(--story-depth-flat) 0 0 var(--story-band-shadow);transition:transform .12s ease-out,box-shadow .12s ease-out}.story-hud-button:active{transform:translateY(calc(var(--story-depth-flat) - var(--story-depth-flat-pressed)));box-shadow:0 var(--story-depth-flat-pressed) 0 0 var(--story-band-shadow)}@media (prefers-reduced-motion:reduce){.story-hud-button{transition:none}}.theme-futuristic{--f-purple:#7858FD;--f-purple-light:#9D7CFF;--f-cyan:#45E0C4;--f-cyan-light:#6EECD9;--f-bg:#F7F6FC;--f-bg-mint:#DFF8F3;--f-bg-lavender:#EDE7FF;--f-glass-bg:rgba(255,255,255,0.65);--f-glass-border:rgba(255,255,255,0.5);--f-glass-shadow:0 10px 40px rgba(123,97,255,0.08),0 4px 12px rgba(0,0,0,0.04);--f-text-dark:#1E2B4A;--f-text-secondary:#4A5A78;--f-text-muted:#5B6B87;--f-border-glow:rgba(123,97,255,0.18);--f-radius-card:32px;--f-radius-btn:18px;--f-radius-sm:14px;--f-nav-height:90px;--f-sidebar-width:240px;--f-ease:cubic-bezier(0.22,1,0.36,1);font-family:var(--font-jakarta),"Plus Jakarta Sans","Inter",sans-serif;color:var(--f-text-dark)}.f-bg{background:radial-gradient(circle at top left,var(--f-bg-mint) 0,transparent 35%),radial-gradient(circle at top right,var(--f-bg-lavender) 0,transparent 40%),var(--f-bg)}.f-bg,.f-bg-dark{min-height:100dvh}.f-bg-dark{background:radial-gradient(ellipse at 20% 10%,rgba(123,97,255,.25) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(69,224,196,.12) 0,transparent 50%),linear-gradient(135deg,#1A1040,#0F0A2A 50%,#0C1425)}.f-glass{background:var(--f-glass-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--f-glass-border);border-radius:var(--f-radius-card);box-shadow:var(--f-glass-shadow);transition:all .45s var(--f-ease)}.f-glass:hover{box-shadow:0 14px 48px rgba(123,97,255,.12),0 6px 16px rgba(0,0,0,.06);transform:translateY(-2px)}.f-glass-dark{background:rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.12);border-radius:var(--f-radius-card);box-shadow:0 10px 40px rgba(0,0,0,.2)}.f-btn-gradient{background:linear-gradient(135deg,var(--f-purple),var(--f-cyan));color:white;font-weight:700;padding:14px 28px;border-radius:var(--f-radius-btn);border:none;cursor:pointer;transition:all .45s var(--f-ease);box-shadow:0 4px 16px rgba(123,97,255,.25)}.f-btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(123,97,255,.35)}.f-btn-gradient:active{transform:translateY(0) scale(.98)}.f-sidebar{width:var(--f-sidebar-width);background:rgba(255,255,255,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.5);padding:24px 16px;display:flex;flex-direction:column;gap:4px;height:100dvh;position:fixed;top:0;left:0;z-index:40;transition:transform .45s var(--f-ease)}.f-sidebar-dark{background:rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.08)}.f-sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;font-weight:600;font-size:15px;color:var(--f-text-secondary);transition:all .3s var(--f-ease);cursor:pointer;text-decoration:none}.f-sidebar-link:hover{background:rgba(123,97,255,.08);color:var(--f-purple)}.f-sidebar-link-active{background:linear-gradient(135deg,rgba(123,97,255,.12),rgba(69,224,196,.08));color:var(--f-purple);font-weight:700}.f-topnav{height:var(--f-nav-height);background:rgba(255,255,255,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.5);position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 40px}.f-progress-ring-bg{stroke:rgba(123,97,255,.12)}.f-progress-ring-fill{stroke:url(#f-gradient) var(--f-purple);stroke-linecap:round;transition:stroke-dashoffset 1s var(--f-ease);filter:drop-shadow(0 0 6px rgba(123,97,255,.3))}.f-stat-glow-purple{box-shadow:0 0 0 1px rgba(123,97,255,.15),0 8px 24px rgba(123,97,255,.1)}.f-stat-glow-cyan{box-shadow:0 0 0 1px rgba(69,224,196,.15),0 8px 24px rgba(69,224,196,.1)}.f-stat-glow-orange{box-shadow:0 0 0 1px rgba(251,146,60,.15),0 8px 24px rgba(251,146,60,.1)}.f-stat-glow-green{box-shadow:0 0 0 1px rgba(34,197,94,.15),0 8px 24px rgba(34,197,94,.1)}@keyframes f-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes f-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes f-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes f-glow-pulse{0%,to{box-shadow:0 0 20px rgba(123,97,255,.15)}50%{box-shadow:0 0 40px rgba(123,97,255,.3)}}.f-animate-breathe{animation:f-breathe 4s ease-in-out infinite}.f-animate-float{animation:f-float 5s ease-in-out infinite}.f-animate-glow{animation:f-glow-pulse 4s ease-in-out infinite}@media (max-width:1023px){.f-sidebar{transform:translateX(-100%)}.f-sidebar.f-sidebar-open{transform:translateX(0)}}.f-mission-bg{position:relative;overflow:hidden;border-radius:20px}.f-mission-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.6) 60%,transparent);pointer-events:none}.f-chat-bubble{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:20px 20px 20px 4px;padding:16px 20px}.f-chat-bubble-user{background:linear-gradient(135deg,var(--f-purple),var(--f-purple-light));color:white;border-radius:20px 20px 4px 20px;border:none}.f-memory-card{border-radius:20px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(123,97,255,.1);cursor:pointer;transition:all .4s var(--f-ease);perspective:600px;min-height:0}.f-memory-card:hover{border-color:rgba(123,97,255,.3);box-shadow:0 8px 24px rgba(123,97,255,.12);transform:translateY(-3px)}.f-badge-card{text-align:center;padding:24px 16px;border-radius:24px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);transition:all .45s var(--f-ease)}.f-badge-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(123,97,255,.12)}.f-badge-card-locked{opacity:.5;filter:grayscale(.6)}