:root{color-scheme:dark}body{cursor:default;-webkit-user-select:none;user-select:none}button,a,[role=button]{cursor:pointer}input,textarea,select,button,[contenteditable=true]{-webkit-user-select:auto;user-select:auto}input,textarea,[contenteditable=true]{cursor:text}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#2b3a67;color:#fff;padding:10px 14px;border-radius:4px;cursor:pointer}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed}button[data-tab].active,.btn.active{background:#3a4b7d}.resource{font-variant-numeric:tabular-nums}.upgrades-root{display:flex;flex-direction:column;gap:12px}.upgrades-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px}.upgrades-toolbar .btn{padding:4px 8px}.upgrades-group{display:flex;flex-direction:column;gap:8px}.upgrades-group-header{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;display:flex;align-items:center;gap:8px;padding:6px 2px;margin:0;width:100%;text-align:left;cursor:pointer;border-bottom:1px solid #1b2432}.upgrades-group-header .title{font-weight:700;font-size:13px;opacity:.9;letter-spacing:.2px}.upgrades-group-header .caret{width:10px;height:10px;border-right:2px solid #7aa2f7;border-bottom:2px solid #7aa2f7;transform:rotate(-45deg);transition:transform .12s ease}.upgrades-group-header[aria-expanded=false] .caret{transform:rotate(135deg)}.upgrades-list{display:flex;flex-direction:column;gap:8px;overflow:hidden;max-height:9999px;opacity:1;transition:max-height .18s ease,opacity .14s ease}.upgrades-list.collapsed{max-height:0;opacity:0}.upgrade-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px;border:1px solid #1b2432;border-radius:10px;background:#0b0f16}.upgrade-card:hover{border-color:#2b3a67}.upgrade-card.affordable{border-color:#2b3a67;box-shadow:inset 0 0 0 1px #7aa2f740}.upgrade-main{display:flex;flex-direction:column;gap:6px;min-width:0}.upgrade-title{display:flex;align-items:center;gap:8px}.upgrade-title .name{font-weight:600}.upgrade-title .level{margin-left:8px;opacity:.8;font-size:12px}.upgrade-desc{opacity:.8;font-size:12px}.upgrade-effects{display:flex;flex-direction:column;gap:2px;font-size:12px;opacity:.9}.upgrade-effects .current{color:#a6e3a1}.upgrade-effects .next{color:#89b4fa}.upgrade-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.upgrade-actions .cost{opacity:.9;font-size:12px}.upgrade-card.affordable .upgrade-actions .cost{color:#7aa2f7}.upgrade-card[title]{cursor:help}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:600}.chip.mass{background:#7aa2f726;color:#7aa2f7;border:1px solid rgba(122,162,247,.3)}.chip.orbs{background:#8be9fd1f;color:#89dceb;border:1px solid rgba(137,220,235,.3)}.chip.celes{background:#fab3871f;color:#fab387;border:1px solid rgba(250,179,135,.3)}.chip.relics{background:#cba6f71f;color:#cba6f7;border:1px solid rgba(203,166,247,.3)}.floating-panels{position:absolute;top:8px;right:12px;bottom:8px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:20;pointer-events:none;width:clamp(240px,30vw,320px);max-height:calc(100vh - 16px);overflow-y:auto;padding-bottom:4px;scrollbar-gutter:stable}.floating-panels-left{left:12px;right:auto;align-items:flex-start}.floating-block{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;pointer-events:auto}.floating-panels .floating-panel{pointer-events:auto}.floating-toggle{width:100%;padding:6px 12px;font-size:12px;display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.3px;color:#f4f7ff;background:linear-gradient(135deg,#5679dceb,#7cc4ffe0);border:1px solid rgba(122,162,247,.85);box-shadow:0 10px 26px #4472c459;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.floating-toggle:hover{background:linear-gradient(135deg,#6294f0f0,#94d2ffe6);box-shadow:0 12px 32px #4a86dc66}.floating-toggle:active{transform:translateY(1px)}.floating-toggle:focus-visible{outline:2px solid rgba(137,180,250,.75);outline-offset:2px}#fire-button-container{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}.stage-fire-button{pointer-events:auto;min-width:180px;padding:12px 28px;font-size:14px;font-weight:600;box-shadow:0 16px 32px #040a1473}.stage-generator-toggle{pointer-events:auto;width:46px;height:46px;border-radius:999px;padding:6px;display:flex;align-items:center;justify-content:center;background:#0c121ce6;border:1px solid rgba(122,162,247,.4);box-shadow:0 12px 28px #040a147a;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.stage-generator-toggle:hover{background:#141e2ef0;box-shadow:0 16px 34px #040a148c}.stage-generator-toggle:focus-visible{outline:2px solid rgba(122,162,247,.7);outline-offset:3px}.stage-generator-toggle.active{background:#7aa2f738;border-color:#7aa2f799;box-shadow:0 18px 36px #7aa2f761}.stage-generator-toggle img,.stage-generator-toggle .stage-generator-toggle-icon{width:30px;height:30px;pointer-events:none}.stage-events-toggle{pointer-events:auto;width:46px;height:46px;border-radius:999px;padding:6px;background:#0c121ce6;border:1px solid rgba(137,180,250,.4);box-shadow:0 12px 28px #040a147a;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stage-events-toggle:hover{background:#181e2ef5;box-shadow:0 16px 34px #040a148c}.stage-events-toggle:focus-visible{outline:2px solid rgba(137,180,250,.7);outline-offset:3px}.stage-events-toggle.active{background:#89b4fa33;border-color:#89b4faa6;box-shadow:0 18px 36px #89b4fa61}.stage-events-toggle .events-toggle-icon{width:26px;height:26px;pointer-events:none}.floating-panel.generator-panel{position:absolute;top:72px;left:16px;width:clamp(280px,32vw,480px);max-width:clamp(280px,32vw,480px);max-height:calc(100vh - 120px);transform:translate(-115%);transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease;pointer-events:none;z-index:35;opacity:.98}.floating-panel.generator-panel.is-open{transform:translate(0);pointer-events:auto;box-shadow:0 18px 36px #0a0e188c}.floating-panel.events-panel{position:absolute;top:72px;left:16px;width:clamp(280px,32vw,420px);max-width:clamp(280px,32vw,420px);max-height:calc(100vh - 120px);transform:translate(-115%);transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease;pointer-events:none;z-index:36;opacity:.98}.floating-panel.events-panel.is-open{transform:translate(0);pointer-events:auto;box-shadow:0 18px 36px #0a0e188c}.floating-panel.generator-upgrades-panel{position:absolute;top:72px;left:calc(28px + clamp(280px,32vw,480px));width:clamp(260px,28vw,420px);max-width:clamp(260px,28vw,420px);max-height:calc(100vh - 120px);transform:translate(-115%);transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease;pointer-events:none;z-index:34;opacity:.98}.floating-panel.generator-upgrades-panel.is-open{transform:translate(0);pointer-events:auto;box-shadow:0 18px 36px #0a0e188c}.floating-panel.generator-panel:not(.is-open)~.floating-panel.generator-upgrades-panel{transform:translate(-230%);pointer-events:none}.floating-panel.generator-panel:not(.is-open)~.floating-panel.generator-upgrades-panel.is-open{transform:translate(-230%)}.floating-panel{position:relative;box-sizing:border-box;width:100%;max-width:100%;max-height:calc(100vh - 160px);display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid #1b2432;background:#0f1420eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 18px 40px #00000073;overflow:hidden}#events-panel{overflow-y:auto;overflow-x:hidden}.events-panel__header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.events-panel__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.events-panel__title{font-size:14px;font-weight:600;letter-spacing:.3px}.events-panel__subtitle{font-size:11px;opacity:.7}.events-panel__close{padding:4px 8px;font-size:11px}.celestial-panel{gap:12px}.celestial-panel__header{display:flex;flex-direction:column;gap:2px}.celestial-panel__title{font-size:14px;font-weight:600;letter-spacing:.3px}.celestial-panel__subtitle{font-size:11px;text-transform:capitalize;opacity:.7}.celestial-progress{display:flex;flex-direction:column;gap:6px}.celestial-progress-bar{position:relative;height:10px;border-radius:999px;background:#7aa2f72e;overflow:hidden}.celestial-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#89b4fa,#fab387);transform-origin:left center}.celestial-progress-label{font-size:12px;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;opacity:.86}.celestial-panel__metrics{display:flex;flex-direction:column;gap:6px;font-size:12px}.celestial-metric{display:flex;justify-content:space-between;gap:12px}.celestial-metric .label{opacity:.68}.celestial-metric .value{font-weight:600;font-variant-numeric:tabular-nums}.celestial-panel__actions{margin-top:8px;display:flex;flex-direction:column;gap:6px}.celestial-panel__actions--locked{align-items:flex-start}.celestial-panel__forge-btn{width:100%;font-weight:600;letter-spacing:.2px;background:linear-gradient(135deg,#cba6f7d9,#fab387d9);box-shadow:0 8px 20px #89b4fa40}.celestial-panel__forge-btn:hover:not([disabled]){background:linear-gradient(135deg,#c589faeb,#fabd87eb)}.celestial-panel__hint{font-size:11px;opacity:.75}#topbar .title{font-weight:800;font-size:16px;letter-spacing:.6px;background:linear-gradient(90deg,#89b4fa,#fab387);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 16px rgba(137,180,250,.15)}#topbar .stat{display:inline-flex;align-items:center;gap:8px}#topbar .stat .chip{padding:3px 8px;font-size:12px}#topbar .stat .label{opacity:.9;font-weight:700}#topbar .stat .val{font-weight:700}#panel{position:relative;padding-top:0}#tabs-bar{display:flex;justify-content:center;gap:8px;flex:1 1 auto}#panel .upgrades-header{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:6px;padding:8px 0 10px;margin-bottom:12px;background:#0f1420;border-bottom:1px solid #1b2432;text-align:center}#panel .panel-title{font-size:22px;font-weight:600;letter-spacing:.4px}#panel .upgrades-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#panel .upgrades-toolbar>.buy-mult{margin-left:auto}#panel .resource-tabs{display:flex;flex-wrap:wrap;gap:8px}#panel .buy-mult{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#panel .buy-mult-label{opacity:.8;font-size:12px}.gm-dd-menu{min-width:240px;border-radius:10px;padding:8px;box-shadow:0 12px 28px #00000080;position:fixed;pointer-events:auto;max-height:min(320px,60vh);overflow:auto;z-index:2000}.gm-stats-summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}.gm-stats-summary .caret{width:10px;height:10px;border-right:2px solid #7aa2f7;border-bottom:2px solid #7aa2f7;transform:rotate(-45deg);transition:transform .12s ease}details.gm-stats:not([open]) .gm-stats-summary .caret{transform:rotate(135deg)}.gm-alloc-panel{display:flex;flex-wrap:wrap;gap:12px;padding:10px;border:1px solid #1b2432;border-radius:12px;background:#0d121c59;margin-bottom:12px;justify-content:center}.gm-alloc-card{flex:1 1 calc(50% - 12px);min-width:160px;max-width:calc(40% - 12px);padding:10px;border-radius:10px;border:1px solid #1b2432;background:#080c1699;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;box-shadow:0 8px 20px #00000059}.gm-alloc-type{font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:11px;opacity:.8}.gm-alloc-icon-row{display:flex;align-items:center;justify-content:center;gap:6px}.gm-alloc-icon{display:flex;align-items:center;justify-content:center}.gm-alloc-btn{width:32px;height:32px;border-radius:999px;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .12s ease,opacity .12s ease}.gm-alloc-btn--add{background:#7aa2f738;border:1px solid rgba(122,162,247,.45);color:#7aa2f7}.gm-alloc-btn--remove{background:#f8878733;border:1px solid rgba(248,135,135,.4);color:#f38ba8}.gm-alloc-btn:disabled{cursor:not-allowed;opacity:.4}.gm-alloc-count{font-weight:600;letter-spacing:.2px}.gm-upgrades-btn{width:100%;margin-top:4px;padding:6px 10px;font-size:12px;background:#cba6f729;border:1px solid rgba(203,166,247,.35);color:#cba6f7}.gm-upgrades-btn:hover{background:#cba6f738}.gm-upgrades-btn:active{transform:translateY(1px)}.gm-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.gm-panel__title{font-weight:600;letter-spacing:.3px;color:#cdd6f4}.gm-panel__close{padding:4px 8px;font-size:11px}.gm-available-note{font-size:11px;opacity:.82;margin-bottom:6px;padding:4px 8px;border-radius:6px;border:1px solid rgba(122,162,247,.35);color:#b4c8f5;letter-spacing:.12px}.gm-available-note span{font-weight:700;color:#a6e3a1}.gm-alloc-card--spotlight{box-shadow:0 0 0 2px #7aa2f799,0 0 18px #7aa2f773;animation:gm-alloc-spotlight 1.6s ease-in-out infinite alternate}@keyframes gm-alloc-spotlight{0%{box-shadow:0 0 0 1px #7aa2f780,0 0 10px #7aa2f759}to{box-shadow:0 0 0 3px #7aa2f7cc,0 0 22px #7aa2f799}}.gu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.gu-panel__title{display:flex;align-items:center;gap:8px;font-weight:600}.gu-panel__icon{flex:0 0 auto}.gu-panel__close{padding:6px 10px;font-size:12px}.gu-buy-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:4px 8px;border-radius:8px;background:#0e1420a6;border:1px solid rgba(122,162,247,.25)}.gu-buy-toolbar__label{font-size:11px;text-transform:uppercase;letter-spacing:.3px;opacity:.8;color:#bac8ff}.gu-buy-toolbar__btn{padding:4px 10px;font-size:11px;border-radius:6px;border:1px solid rgba(122,162,247,.35);background:#0a0e1aa6;color:#cdd6f4;font-weight:600;line-height:1.2}.gu-buy-toolbar__btn.is-active{background:#7aa2f738;border-color:#7aa2f7b3;color:#89b4fa;box-shadow:0 0 0 1px #7aa2f740}#panel button[data-tab]{padding:6px 10px;border-radius:6px;font-size:12px;font-weight:700;background:transparent;border:1px solid #1b2432;color:#cdd6f4}#panel button[data-tab].active{box-shadow:inset 0 0 0 1px #7aa2f740}#panel button[data-tab=mass]{background:#7aa2f726;color:#7aa2f7;border-color:#7aa2f74d}#panel button[data-tab=mass].active{background:#7aa2f738}#panel button[data-tab=orbs]{background:#8be9fd1f;color:#89dceb;border-color:#89dceb4d}#panel button[data-tab=orbs].active{background:#8be9fd2e}#panel button[data-tab=celes]{background:#fab3871f;color:#fab387;border-color:#fab3874d}#panel button[data-tab=celes].active{background:#fab3872e}#panel button[data-tab=relics]{background:#cba6f71f;color:#cba6f7;border-color:#cba6f74d}#panel button[data-tab=relics].active{background:#cba6f72e}#info-window-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4000;--info-window-offset: clamp(16px, 3vw, 44px);font-family:inherit}#info-window-layer.info-window-layer--active{pointer-events:auto}.info-window{position:absolute;display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px;min-width:220px;max-width:min(90vw,360px);border-radius:14px;background:#0f1420f5;border:1px solid rgba(122,162,247,.25);box-shadow:0 18px 42px #0000008c;color:#dbe4ff;pointer-events:auto;transition:opacity .14s ease,transform .14s ease}.info-window[data-size=xs]{max-width:min(90vw,240px)}.info-window[data-size=sm]{max-width:min(90vw,300px)}.info-window[data-size=md]{max-width:min(90vw,380px)}.info-window[data-size=lg]{max-width:min(90vw,660px)}.info-window[data-size=xl]{max-width:min(90vw,560px)}.info-window[data-size=custom]{max-width:none}.info-window[data-placement=center]{top:50%;left:50%;transform:translate(-50%,-50%)}.info-window[data-placement=top-left]{top:var(--info-window-offset);left:var(--info-window-offset);transform:translate(0)}.info-window[data-placement=top-right]{top:var(--info-window-offset);right:var(--info-window-offset);transform:translate(0)}.info-window[data-placement=bottom-left]{bottom:var(--info-window-offset);left:var(--info-window-offset);transform:translate(0)}.info-window[data-placement=bottom-right]{bottom:var(--info-window-offset);right:var(--info-window-offset);transform:translate(0)}.info-window[data-placement=top-center]{top:var(--info-window-offset);left:50%;transform:translate(-50%)}.info-window[data-placement=bottom-center]{bottom:var(--info-window-offset);left:50%;transform:translate(-50%)}.info-window[data-placement=custom]{transform:none}.info-window__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;letter-spacing:.2px}.info-window__title{font-size:16px;font-weight:600;color:#f4f7ff}.info-window__body{font-size:14px;line-height:1.55;opacity:.92;display:flex;flex-direction:column;gap:8px}.info-window__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#cdd6f4;width:28px;height:28px;border-radius:6px;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.info-window__close:hover{background:#7aa2f729;color:#fff}.info-window__close:focus-visible{outline:2px solid rgba(122,162,247,.55);outline-offset:2px}.info-window[data-dismissible=false] .info-window__close{display:none}.tutorial-window__body{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.5}.tutorial-window__body p{margin:0}.tutorial-window__body p+p{margin-top:4px}.tutorial-window__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.tutorial-window__actions{margin-top:12px;display:flex;justify-content:flex-end}.tutorial-window--forge .tutorial-window__actions{gap:12px}.tutorial-window__close{min-width:96px}.tutorial-window__layout{display:flex;flex-direction:row;gap:16px;align-items:stretch}.tutorial-window__content{flex:2;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.6}.tutorial-window__content p{margin:0}.tutorial-window__steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.tutorial-window__media{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center}.tutorial-window__media-placeholder{width:100%;min-height:180px;border:1px solid rgba(255,255,255,.3);border-radius:0;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#dbe4ffa6;background:#1a223459}@media (max-width: 720px){.tutorial-window__layout{flex-direction:column}.tutorial-window__media{min-height:140px}}.achievements-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;background:#0000008c;z-index:1000;box-sizing:border-box}.achievements-panel{width:min(920px,94vw);max-height:min(85vh,720px);background:#0f1420;border:1px solid #1b2432;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 48px #00000073}.achievements-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.achievements-title{font-size:1.1rem;font-weight:600;color:#e3e7ff}.achievements-content{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.achievements-section{display:flex;flex-direction:column;gap:12px}.achievements-section__title{font-size:1.05rem;font-weight:600;color:#d0d7f0;margin:0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.achievement-card{display:flex;gap:12px;padding:12px;border:1px solid #1a2234;border-radius:12px;background:#0a0e18d9;transition:border-color .2s ease,background .2s ease}.achievement-card--unlocked{border-color:#3a5f3d;background:#0f1c14e6}.achievement-card__icon{flex:0 0 auto;width:56px;height:56px;border-radius:10px;overflow:hidden;background:#0f1624;display:flex;align-items:center;justify-content:center}.achievement-card__icon img{width:100%;height:100%;object-fit:cover}.achievement-card__body{flex:1 1 auto;display:flex;flex-direction:column;gap:6px}.achievement-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.achievement-card__title{font-size:1rem;font-weight:600;color:#e3e7ff;margin:0}.achievement-card__status{font-size:.75rem;padding:2px 6px;border-radius:999px;background:#40507e59;color:#c7cff2;text-transform:uppercase;letter-spacing:.04em}.achievement-card--unlocked .achievement-card__status{background:#3a784f73;color:#d5f2d9}.achievement-card__description{font-size:.85rem;line-height:1.35;color:#c2c9e2;margin:0}.achievement-card__progress{display:flex;flex-direction:column;gap:6px}.achievement-card__progress-bar{position:relative;width:100%;height:6px;border-radius:4px;overflow:hidden;background:#182030e6}.achievement-card__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#5674dce6,#7ec8ade6);transition:width .35s ease}.achievement-card--unlocked .achievement-card__progress-fill{background:linear-gradient(90deg,#6eb686f2,#c3ecacf2)}.achievement-card__progress-text{font-size:.75rem;color:#9aa6c8}.achievement-card--unlocked .achievement-card__progress-text{color:#cde7d2}.achievement-empty{padding:12px;border:1px dashed #2a3246;border-radius:10px;color:#a5acc8;text-align:center;font-size:.85rem}.achievement-popup-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;max-width:min(360px,calc(100vw - 48px));pointer-events:none;z-index:1100}.achievement-popup{display:flex;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid rgba(58,94,126,.6);background:#0e1420eb;box-shadow:0 14px 34px #040a1473;pointer-events:auto;opacity:0;transform:translate(24px);transition:opacity .25s ease,transform .25s ease}.achievement-popup--visible{opacity:1;transform:translate(0)}.achievement-popup--hide{opacity:0;transform:translate(24px)}.achievement-popup__icon-wrap{flex:0 0 auto;width:48px;height:48px;border-radius:10px;overflow:hidden;border:1px solid rgba(78,110,146,.6);background:#111a2e;display:flex;align-items:center;justify-content:center}.achievement-popup__icon{width:100%;height:100%;object-fit:cover}.achievement-popup__body{display:flex;flex-direction:column;gap:4px;color:#d7dff9}.achievement-popup__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#96d7a6;font-weight:600}.achievement-popup__title{font-size:.95rem;font-weight:600;color:#ecf2ff}.achievement-popup__description{font-size:.78rem;color:#aeb8d6;line-height:1.3}@media (max-width: 600px){.achievement-popup-container{left:16px;right:16px;bottom:16px;max-width:unset}.achievement-popup{width:100%}}