@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--heading:"Nunito", sans-serif;--display:"Baloo 2", cursive;background:#0f0a18;font-family:Nunito,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ffffffdb}.app-shell{background:radial-gradient(circle at top,#709be833,#0000 24%),linear-gradient(#070b12 0%,#0a111a 100%);place-items:center;min-height:100svh;padding:1rem;display:grid}.phone-frame{width:min(100%,430px)}.phone-shell{background:linear-gradient(#ffffff0d,#0000 16%),linear-gradient(#111a28 0%,#090e16 100%);border:1px solid #ffffff14;border-radius:2rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 34px 90px #0000007a}.phone-shell__notch{z-index:8;background:#06080d;border-radius:999px;width:8.3rem;height:1.35rem;position:absolute;top:.7rem;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px #ffffff0d}.app-topbar{z-index:2;justify-content:space-between;align-items:flex-end;gap:1rem;padding:2.4rem 1.2rem .9rem;display:flex;position:relative}.app-topbar__brand{gap:.1rem;display:grid}.app-topbar__title{color:#fbfcff;font-size:1rem;font-weight:800}.app-topbar__subtitle{color:#dce4f3ad;font-size:.72rem}.app-topbar__stats{gap:.45rem;display:flex}.topbar-chip{text-align:center;color:#f7f9ff;background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;min-width:3.6rem;padding:.38rem .6rem;font-size:.76rem;font-weight:800}.topbar-chip--gold{color:#ffd66e}.topbar-chip--blue{color:#7cd7ff}.screen{isolation:isolate;color:#fffaf6;min-height:71svh;padding:0 1rem .95rem;position:relative}.screen:before,.screen:after{content:"";pointer-events:none;z-index:-1;position:absolute}.screen:before{background:radial-gradient(circle at 20% 14%, #ffd48314, transparent 22%), radial-gradient(circle at 84% 20%, #5faaff1f, transparent 26%), var(--screen-gradient);inset:0}.screen:after{background:linear-gradient(#0000,#04060a47);height:30%;inset:auto 0 0}.screen__body{z-index:1;max-height:71svh;padding-bottom:.15rem;position:relative;overflow:auto}.screen-stack{gap:.9rem;display:grid}.panel{background:linear-gradient(#ffffff0d,#0000 14%),#0a1019d6;border:1px solid #ffffff14;border-radius:1.35rem;padding:.9rem;box-shadow:inset 0 1px #ffffff0f,0 20px 40px #02040838}.panel--status{margin-bottom:.2rem}.section-header{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;display:flex}.section-header h2{color:#fff7ea;margin:0;font-size:1rem}.section-header p{color:#dae4f1ad;margin:.18rem 0 0;font-size:.74rem}.hero-layout{gap:.9rem;display:grid}.stats-panel{gap:.75rem;display:grid}.player-card__header{align-items:center;gap:.65rem;display:flex}.player-card__header strong,.item-meta strong,.mission-row strong,.concept-card strong,.product-card strong,.stage-caption strong,.status-banner strong,.rarity-card strong{color:#fff8ec;display:block}.player-card__header span,.item-meta span,.mission-row span,.concept-card span,.product-card span,.stage-caption span,.status-banner span,.rarity-card span{color:#dce3f0b3;display:block}.badge-shield{color:#ffde73;background:linear-gradient(#2d3e63 0%,#18253a 100%);border:1px solid #ffd76047;border-radius:.75rem;place-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:900;display:grid}.xp-bar{background:#ffffff12;border-radius:999px;height:.7rem;overflow:hidden}.xp-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#7f4cff 0%,#d35cff 100%);height:100%;box-shadow:0 0 18px #a860ff73}.xp-caption{color:#dae4f1b3;margin:-.3rem 0 0;font-size:.74rem}.stat-list{gap:.65rem;display:grid}.stat-row{justify-content:space-between;gap:.75rem;font-size:.88rem;display:flex}.stat-row span{color:#e2e8f1b8}.stat-row strong{color:#fff}.gold-button,.product-button,.mini-pill{font-family:var(--heading);letter-spacing:.03em;border:0;border-radius:.95rem;font-weight:900}.gold-button{color:#fff8ea;background:linear-gradient(#f4c845 0%,#d59721 100%);padding:.9rem 1rem;box-shadow:inset 0 2px #fff3}.stage-panel{gap:.65rem;display:grid}.stage-bg{background:radial-gradient(circle at 50% 15%, #ffffff2e, transparent 22%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 55%, #122032 100%);border-radius:1rem;place-items:end center;min-height:19rem;display:grid;position:relative;overflow:hidden}.stage-bg:before{content:"";background:radial-gradient(circle at 65% 18%, #ffffff2e, transparent 11%), linear-gradient(180deg, transparent 48%, var(--ground-tone) 100%);pointer-events:none;position:absolute;inset:0}.pixel-avatar{z-index:1;filter:drop-shadow(0 14px 28px #00000047);width:100%;max-width:13.8rem;position:relative}.stage-caption{justify-content:space-between;align-items:flex-end;gap:.6rem;display:flex}.journey-track{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:.4rem;display:grid}.journey-step{text-align:center;justify-items:center;gap:.45rem;display:grid}.journey-step__icon{color:#fff3d2;background:linear-gradient(#293c62 0%,#18253a 100%);border:1px solid #ffffff14;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-size:.74rem;font-weight:900;display:grid}.journey-step span{color:#dae4f1c7;font-size:.72rem}.journey-arrow{background:linear-gradient(90deg,#ffd66e1a,#ffd66ebf);border-radius:999px;height:2px}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.concept-card{background:#111824e6;border:1px solid #ffffff0f;border-radius:1rem;gap:.45rem;padding:.75rem;display:grid}.concept-card__art{background:linear-gradient(#2b3f62 0%,#121c2d 100%);border-radius:.9rem;min-height:5rem}.concept-card__art--adventurer{background:linear-gradient(#87404f 0%,#1b2130 100%)}.concept-card__art--elf-warrior{background:linear-gradient(#5b8d5b 0%,#1a2720 100%)}.concept-card__art--shadow-mage{background:linear-gradient(#7a5cff 0%,#211833 100%)}.concept-card__art--hunter{background:linear-gradient(#7b8f43 0%,#2b2d19 100%)}.status-banner{background:#151d2ae0;border:1px solid #ffffff0f;border-radius:1rem;gap:.3rem;padding:.8rem .9rem;display:grid}.status-banner.is-ready{background:#2e26139e;border-color:#f0c34d47}.segmented-switch{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.segmented-switch__item{color:#e1eaf4a8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:.9rem;padding:.72rem .8rem;font-weight:800}.segmented-switch__item.is-active{color:#fff6df;background:#ffffff14}.mission-list{gap:.65rem;margin-top:.8rem;display:grid}.mission-row{background:#121c2af2;border:1px solid #ffffff0f;border-radius:1rem;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;display:flex}.mission-row--success{background:#18351fdb;border-color:#6ed05d33}.mission-row__text{flex:1;min-width:0}.mission-row__text strong,.mission-row__meta strong{font-size:.92rem}.mission-row__text span,.mission-row__meta span{margin-top:.18rem;font-size:.76rem}.mission-row__meta{align-content:space-between;justify-items:end;display:grid}.mission-progress{background:#ffffff14;border-radius:999px;width:100%;height:.46rem;margin-top:.55rem;overflow:hidden}.mission-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#4f9dff 0%,#7fe5ff 100%);height:100%}.mini-pill{color:#0e2710;background:#6dcf5a;padding:.35rem .5rem}.mini-pill--muted{color:#e1eaf4c2;background:#ffffff14}.reward-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.loot-card{background:#121c2aeb;border:1px solid #ffffff0f;border-radius:1rem;justify-items:center;gap:.38rem;padding:.8rem .4rem;display:grid}.loot-card--blue{border-color:#409aff59}.loot-card--purple{border-color:#8f53ff59}.loot-card--gold{border-color:#f2be3a59}.loot-card__glyph{color:#fff5d9;font-size:.72rem;font-weight:900}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.product-card{background:#111824e6;border:1px solid #ffffff0f;border-radius:1rem;gap:.45rem;padding:.75rem;display:grid}.product-card__art{color:#fff6e7;background:linear-gradient(#253149 0%,#141d2b 100%);border-radius:.9rem;place-items:center;min-height:4.8rem;font-size:.72rem;font-weight:900;display:grid}.product-card--gold .product-card__art{background:linear-gradient(#6a4c18 0%,#2a1b10 100%)}.product-card--blue .product-card__art{background:linear-gradient(#295ea9 0%,#111f36 100%)}.product-card--purple .product-card__art{background:linear-gradient(#55309e 0%,#1b142c 100%)}.product-card--green .product-card__art{background:linear-gradient(#3f7a42 0%,#142317 100%)}.product-button{color:#fff8ea;background:linear-gradient(#f4c845 0%,#d59721 100%);padding:.72rem .8rem}.product-button:disabled,.item-slot:disabled{cursor:not-allowed;opacity:.55}.rarity-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.rarity-card{background:#111824e6;border:1px solid #ffffff14;border-radius:1rem;padding:.72rem}.rarity-card--gold{border-color:#f2be3a73}.rarity-card--blue{border-color:#409aff73}.rarity-card--purple{border-color:#8f53ff73}.rarity-card--green{border-color:#5bb46173}.style-tabs{gap:.45rem;padding-bottom:.2rem;display:flex;overflow:auto}.style-chip{color:#e8eef7cc;background:#ffffff08;border:1px solid #ffffff14;border-radius:.8rem;flex:none;padding:.6rem .8rem;font-size:.74rem;font-weight:800}.style-chip.is-active{border-color:#f2be3ab3;box-shadow:inset 0 0 0 1px #f2be3a3d}.customize-layout{gap:.8rem;margin-top:.8rem;display:grid}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.item-slot{text-align:left;color:#fff0c0;background:#111824eb;border:1px solid #ffffff17;border-radius:.95rem;min-height:5.4rem;padding:.8rem}.item-slot strong{font-size:.82rem;display:block}.item-slot span{color:#dce3f0b8;margin-top:.2rem;font-size:.72rem;display:block}.item-slot.is-selected{border-color:#f2be3ab3;box-shadow:inset 0 0 0 1px #f2be3a3d}.item-meta{text-align:center;margin-top:.7rem}.item-meta span{color:#c37cff}.bottom-nav{padding:.65rem .55rem calc(.8rem + env(safe-area-inset-bottom));background:#090e16f5;border-top:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);gap:.2rem;display:grid}.bottom-nav__item{color:#d0daeb8a;background:0 0;border:0;border-radius:.9rem;justify-items:center;gap:.22rem;padding:.45rem .25rem;display:grid}.bottom-nav__item svg{fill:currentColor;width:1.2rem;height:1.2rem}.bottom-nav__item span{font-size:.68rem;font-weight:700}.bottom-nav__item.is-active{color:#f0c34d;background:#f0c34d14}.phaser-backdrop{z-index:-2;opacity:.85;pointer-events:none;position:absolute;inset:0}.phaser-backdrop canvas{width:100%;height:100%;display:block}@media (width>=390px){.hero-layout{grid-template-columns:1fr 1.25fr}.customize-layout{grid-template-columns:1fr 1.15fr}}@media (width<=420px){.app-shell{padding:0}.phone-shell{border-inline:0;border-radius:0}.journey-track{grid-template-columns:repeat(4,minmax(0,1fr))}.journey-arrow{display:none}}