@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PressStart2P-Regular.ttf)format("truetype")}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;font-family:Inter,system-ui,sans-serif}html{background:#0f0f0f}body{background:radial-gradient(circle at 16% 20%,#ffffff0b 0 1px,#0000 1.5px) 0 0/180px 180px,radial-gradient(circle at 82% 32%,#ffffff09 0 1px,#0000 1.5px) 0 0/220px 220px,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#1a1a1a 0%,#101010 46%,#0f0f0f 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(#ffffff06,#0000 18%),linear-gradient(#0000 78%,#ffffff08);position:fixed;inset:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box}button,input,textarea,select{font:inherit}::selection{color:#fff8d4;background:#facc1552}.app-shell{--tone-1:#a855f7;--tone-1-rgb:168, 85, 247;--tone-2:#f97316;--tone-2-rgb:249, 115, 22;--tone-3:#38bdf8;--tone-3-rgb:56, 189, 248;--tone-4:#facc15;--tone-4-rgb:250, 204, 21;--tone-5:#22c55e;--tone-5-rgb:34, 197, 94;--accent:var(--tone-1);--accent-rgb:var(--tone-1-rgb);--accent-border:rgba(var(--tone-1-rgb), .32);--accent-soft:rgba(var(--tone-1-rgb), .12);--accent-glow:rgba(var(--tone-1-rgb), .16);color:#f8fafc;min-height:100vh;position:relative;overflow:hidden}.palette-arcane{--tone-1:#a855f7;--tone-1-rgb:168, 85, 247;--tone-2:#f97316;--tone-2-rgb:249, 115, 22;--tone-3:#38bdf8;--tone-3-rgb:56, 189, 248;--tone-4:#facc15;--tone-4-rgb:250, 204, 21;--tone-5:#22c55e;--tone-5-rgb:34, 197, 94}.palette-cosmos{--tone-1:#38bdf8;--tone-1-rgb:56, 189, 248;--tone-2:#a855f7;--tone-2-rgb:168, 85, 247;--tone-3:#22c55e;--tone-3-rgb:34, 197, 94;--tone-4:#f97316;--tone-4-rgb:249, 115, 22;--tone-5:#ec4899;--tone-5-rgb:236, 72, 153}.palette-nether{--tone-1:#f97316;--tone-1-rgb:249, 115, 22;--tone-2:#a855f7;--tone-2-rgb:168, 85, 247;--tone-3:#14b8a6;--tone-3-rgb:20, 184, 166;--tone-4:#facc15;--tone-4-rgb:250, 204, 21;--tone-5:#4ade80;--tone-5-rgb:74, 222, 128}.palette-aurora{--tone-1:#22c55e;--tone-1-rgb:34, 197, 94;--tone-2:#a855f7;--tone-2-rgb:168, 85, 247;--tone-3:#60a5fa;--tone-3-rgb:96, 165, 250;--tone-4:#fb7185;--tone-4-rgb:251, 113, 133;--tone-5:#facc15;--tone-5-rgb:250, 204, 21}.palette-dusk{--tone-1:#ec4899;--tone-1-rgb:236, 72, 153;--tone-2:#a855f7;--tone-2-rgb:168, 85, 247;--tone-3:#38bdf8;--tone-3-rgb:56, 189, 248;--tone-4:#f97316;--tone-4-rgb:249, 115, 22;--tone-5:#4ade80;--tone-5-rgb:74, 222, 128}.app-shell__glow{pointer-events:none;filter:blur(90px);opacity:.58;border-radius:50%;position:absolute}.app-shell__glow--primary{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 72%);width:260px;height:260px;top:54px;left:-120px}.app-shell__glow--secondary{background:radial-gradient(circle,#ffffff0f 0%,#0000 72%);width:360px;height:360px;bottom:-120px;right:-160px}.app{width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 18px;position:relative}.dashboard{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:18px;display:grid}.dashboard__main,.dashboard__side{align-content:start;gap:18px;display:grid}.panel{background:linear-gradient(#19191dfa,#0b0b0dfa);border:1px solid #ffffff14;border-radius:20px;position:relative;box-shadow:0 14px 30px #0000002e}.panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff06,#0000 26%);position:absolute;inset:0}.panel--accent{border-color:var(--accent-border)}.panel--tone-2{border-color:rgba(var(--tone-2-rgb), .24)}.panel--tone-3{border-color:rgba(var(--tone-3-rgb), .24)}.panel--tone-4{border-color:rgba(var(--tone-4-rgb), .22)}.profile-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;padding:22px 24px;display:flex}.profile-header__content{min-width:0}.profile-header__meta{text-align:right;justify-items:end;gap:14px;display:grid}.eyebrow{letter-spacing:.26em;text-transform:uppercase;color:#ffffff5c;margin:0;font-family:"Press Start 2P",Courier New,monospace;font-size:10px}.profile-header__title{color:#fff;margin:18px 0 0;font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(1.7rem,4vw,2.9rem);line-height:1.28}.profile-header__subtitle{color:#ffffffa3;margin:0;font-size:.95rem;line-height:1.6}.phase-pill{border:1px solid var(--accent-border);background:rgba(var(--accent-rgb), .1);color:#ffffffeb;letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:10px 14px;font-size:.72rem;font-weight:700}.level-card{border-color:var(--accent-border);background:linear-gradient(90deg, rgba(var(--accent-rgb), .07), transparent 28%), linear-gradient(180deg, #19191dfa, #0b0b0dfa);padding:24px}.level-card__topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.level-card__label{letter-spacing:.22em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:.82rem}.level-card__phase-badge{color:#ffffffb3;background:#ffffff0d;border-radius:999px;padding:8px 12px;font-size:.8rem}.level-card__summary{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px;margin-top:22px;display:grid}.level-card__rank{align-items:flex-start;gap:18px;display:flex}.level-card__number{color:var(--accent);margin:0;font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(3rem,9vw,4.6rem);line-height:.95}.level-card__name{color:#fff;margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800}.level-card__phase{color:#ffffff94;margin:10px 0 0;font-size:.95rem}.level-card__facts{gap:10px;display:grid}.level-card__fact{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}.level-card__fact-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff75;font-size:.78rem;display:block}.level-card__fact-value{color:#fff;margin-top:8px;font-size:1rem;display:block}.level-card__progress-block{border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px}.level-card__progress-meta{color:#ffffffa3;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;font-size:.95rem;display:flex}.level-card__progress{appearance:none;background:#ffffff14;border:none;border-radius:999px;width:100%;height:12px;overflow:hidden}.level-card__progress::-webkit-progress-bar{background:#ffffff14;border-radius:999px}.level-card__progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), rgba(var(--accent-rgb), .58));border-radius:999px}.level-card__progress::-moz-progress-bar{background:linear-gradient(90deg, var(--accent), rgba(var(--accent-rgb), .58));border-radius:999px}.level-card__progress-caption{color:#ffffffbd;margin:12px 0 0;font-size:.94rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{padding:18px}.stat-card:after{content:"";background:var(--card-accent);opacity:.72;border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.stat-card--tone-2{--card-accent:var(--tone-2);border-color:rgba(var(--tone-2-rgb), .2)}.stat-card--tone-3{--card-accent:var(--tone-3);border-color:rgba(var(--tone-3-rgb), .2)}.stat-card--tone-4{--card-accent:var(--tone-4);border-color:rgba(var(--tone-4-rgb), .2)}.stat-card--tone-5{--card-accent:var(--tone-5);border-color:rgba(var(--tone-5-rgb), .2)}.stat-card__kicker{letter-spacing:.18em;text-transform:uppercase;color:#ffffff57;font-size:.7rem;display:inline-block}.stat-card__label{color:#fff9;margin:12px 0 0;font-size:.92rem}.stat-card__value{color:#fff;margin:14px 0 0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800}.section-panel{padding:22px}.section-heading{margin-bottom:18px}.section-heading__title{color:#fff;margin:14px 0 0;font-size:clamp(1.55rem,3vw,2.05rem);font-weight:800;line-height:1.18}.section-heading__description{color:#ffffff94;margin:10px 0 0;font-size:.94rem;line-height:1.65}.expeditions{gap:10px;display:grid}.expeditions--list{grid-template-columns:1fr}.expedition-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.panel--tone-2 .expedition-card.is-completed{border-color:rgba(var(--tone-2-rgb), .26);background:linear-gradient(90deg, rgba(var(--tone-2-rgb), .12), #ffffff08)}.expedition-card.is-locked{opacity:.48}.expedition-card__icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.3rem;line-height:1;display:grid}.expedition-card__body{min-width:0}.expedition-card__title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.expedition-card__status{letter-spacing:.18em;text-transform:uppercase;color:#ffffff75;margin:8px 0 0;font-size:.72rem}.biome-heading{color:#fff;margin:14px 0 0;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:800}.biome-strip{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;display:flex}.biome-strip__label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff70;font-size:.72rem}.biome-strip__value{color:#fff;font-size:.95rem;font-weight:700}.biome-badges{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.badge{color:#ffffffe0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:10px 14px;font-size:.88rem;display:inline-flex}.badge--tone-2{border-color:rgba(var(--tone-2-rgb), .32);background:rgba(var(--tone-2-rgb), .12)}.badge--tone-5{border-color:rgba(var(--tone-5-rgb), .32);background:rgba(var(--tone-5-rgb), .12)}.timeline{border-color:rgba(var(--tone-4-rgb), .2)}.timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.timeline-phase{--phase-color:#64748b;--phase-rgb:100, 116, 139;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:16px;transition:border-color .16s,opacity .16s;position:relative}.timeline-phase__rail{align-items:center;gap:10px;margin-bottom:14px;display:flex}.timeline-phase__dot{background:#475569d9;border-radius:50%;width:10px;height:10px}.timeline-phase__line{background:#ffffff1a;flex:1;height:1px}.timeline-phase__label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff6b;margin:0;font-size:.7rem}.timeline-phase__name{color:#fff;margin:10px 0 0;font-size:1rem;font-weight:700}.timeline-phase__range{color:#ffffff94;margin:8px 0 0;font-size:.88rem}.timeline-phase.is-completed,.timeline-phase.is-current{border-color:rgba(var(--phase-rgb), .24)}.timeline-phase.is-completed{background:linear-gradient(180deg, rgba(var(--phase-rgb), .08), #ffffff08)}.timeline-phase.is-current{background:linear-gradient(180deg, rgba(var(--phase-rgb), .14), #ffffff08)}.timeline-phase.is-completed .timeline-phase__dot,.timeline-phase.is-current .timeline-phase__dot{background:var(--phase-color)}.timeline-phase.is-completed .timeline-phase__line,.timeline-phase.is-current .timeline-phase__line{background:rgba(var(--phase-rgb), .44)}.timeline-phase.is-future{opacity:.46}.timeline-phase--tone-1{--phase-color:var(--tone-1);--phase-rgb:var(--tone-1-rgb)}.timeline-phase--tone-2{--phase-color:var(--tone-2);--phase-rgb:var(--tone-2-rgb)}.timeline-phase--tone-3{--phase-color:var(--tone-3);--phase-rgb:var(--tone-3-rgb)}.timeline-phase--tone-4{--phase-color:var(--tone-4);--phase-rgb:var(--tone-4-rgb)}.timeline-phase--tone-5{--phase-color:var(--tone-5);--phase-rgb:var(--tone-5-rgb)}.roadmap{border-color:rgba(var(--tone-4-rgb), .2);padding:24px}.roadmap__head{margin-bottom:22px}.roadmap__title{color:#fff;margin:14px 0 0;font-size:clamp(1.55rem,3vw,2rem);font-weight:800}.roadmap__desc{color:#ffffff8c;margin:10px 0 0;font-size:.94rem;line-height:1.65}.noise-status{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;padding:14px 16px;display:flex}.noise-status__label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff70;white-space:nowrap;margin:0;font-size:.78rem}.noise-status__chips{flex-wrap:wrap;gap:6px;display:flex}.noise-chip{color:#fff6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .16s}.noise-chip--active{border-color:color-mix(in srgb, var(--nc) 48%, transparent);background:color-mix(in srgb, var(--nc) 14%, transparent);color:color-mix(in srgb, var(--nc) 90%, white)}.noise-chip--locked{opacity:.4}.phases-list{flex-direction:column;gap:0;display:flex}.phase-row{opacity:1;grid-template-columns:28px 1fr;gap:0 18px;padding-bottom:28px;transition:opacity .16s;display:grid}.phase-row--future{opacity:.42}.phase-row__rail{flex-direction:column;align-items:center;padding-top:4px;display:flex}.phase-row__dot{background:#ffffff0f;border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .2s}.phase-row--current .phase-row__dot,.phase-row--done .phase-row__dot{border-color:var(--ph);background:color-mix(in srgb, var(--ph) 32%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--ph) 40%, transparent)}.phase-row--current .phase-row__dot{animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px color-mix(in srgb, var(--ph) 40%, transparent)}50%{box-shadow:0 0 18px color-mix(in srgb, var(--ph) 70%, transparent)}}.phase-row__line{background:#ffffff12;border-radius:2px;flex:1;width:2px;margin:6px 0;transition:background .2s}.phase-row--current .phase-row__line,.phase-row--done .phase-row__line{background:color-mix(in srgb, var(--ph) 36%, transparent)}.phase-row__body{background:#ffffff05;border:1px solid #ffffff12;border-radius:18px;padding:16px 18px;transition:border-color .16s,background .16s}.phase-row--current .phase-row__body{border-color:color-mix(in srgb, var(--ph) 36%, transparent);background:color-mix(in srgb, var(--ph) 6%, #ffffff05)}.phase-row--done .phase-row__body{border-color:color-mix(in srgb, var(--ph) 20%, transparent)}.phase-row__header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.phase-row__meta{align-items:center;gap:8px;display:flex}.phase-row__num{letter-spacing:.2em;text-transform:uppercase;color:#ffffff61;font-size:.72rem}.phase-row__range{color:#ffffff8f;background:#ffffff0f;border-radius:999px;padding:3px 9px;font-size:.72rem}.phase-row__name{color:var(--ph);flex:1;margin:0;font-size:1.1rem;font-weight:800}.phase-row__badge{letter-spacing:.1em;border:1px solid color-mix(in srgb, var(--ph) 42%, transparent);background:color-mix(in srgb, var(--ph) 14%, transparent);color:color-mix(in srgb, var(--ph) 90%, white);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700}.phase-row__badge--done{color:#4ade80;background:#4ade801a;border-color:#4ade805c}.phase-row__section-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff61;margin:0 0 8px;font-size:.72rem}.phase-row__blocks{margin-bottom:12px}.block-chips{flex-wrap:wrap;gap:6px;display:flex}.block-chip{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:5px 10px;font-size:.8rem}.block-chip--sm{padding:4px 8px;font-size:.73rem}.phase-row__noise{background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;margin-bottom:12px;padding:12px 14px}.noise-unlock{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:6px;display:flex}.noise-unlock__tag{border:1px solid color-mix(in srgb, var(--nc) 42%, transparent);background:color-mix(in srgb, var(--nc) 14%, transparent);color:color-mix(in srgb, var(--nc) 90%, white);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.73rem;font-weight:700}.noise-unlock__blocks{flex-wrap:wrap;gap:5px;display:flex}.noise-unlock__block{color:#ffffffad;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:3px 8px;font-size:.73rem}.phase-row__pool{margin-top:10px}.pool-bar{border-radius:999px;gap:4px;height:8px;display:flex;overflow:hidden}.pool-bar__segment{background:#ffffff14;border-radius:999px;flex:1;height:100%;transition:background .2s}.pool-bar__segment--active{background:color-mix(in srgb, var(--nc) 75%, transparent)}.noise-summary{background:#ffffff06;border:1px solid #ffffff14;border-radius:18px;margin-top:24px;padding:18px}.noise-summary__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:12px;display:grid}.noise-summary__group{flex-direction:column;gap:8px;display:flex}.noise-summary__tag{border:1px solid color-mix(in srgb, var(--nc) 42%, transparent);background:color-mix(in srgb, var(--nc) 14%, transparent);color:color-mix(in srgb, var(--nc) 90%, white);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.72rem;font-weight:700}.error-state{place-items:center;min-height:calc(100vh - 72px);display:grid}.error-state__card{text-align:center;width:min(720px,100%);padding:34px 30px}.error-state__title{color:#fff;margin:24px 0 0;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.error-state__text{color:#ffffffa8;margin:18px 0 0;font-size:1.02rem;line-height:1.7}.error-state__code{color:#fff;background:#ffffff14;border-radius:10px;padding:6px 10px;display:inline-block}.footer{text-align:center;letter-spacing:.28em;text-transform:uppercase;color:#ffffff57;margin:18px 0 0;padding-bottom:10px;font-size:.78rem}@media (width<=1120px){.dashboard{grid-template-columns:1fr}.dashboard__side{grid-template-columns:1fr 1fr}.dashboard__side>:first-child{grid-column:1/-1}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.profile-header{flex-direction:column}.profile-header__meta{text-align:left;justify-items:start}.level-card__summary{grid-template-columns:1fr}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.app{width:min(100% - 18px,100%);padding-top:14px}.profile-header,.level-card,.section-panel,.error-state__card{padding:18px}.dashboard__side,.stats-grid,.timeline-grid{grid-template-columns:1fr}.level-card__rank{flex-direction:column;gap:14px}.level-card__topline,.biome-strip{flex-direction:column;align-items:flex-start}.phase-pill{text-align:center;width:100%}}