:root{--ink:#f2fff8;--muted:#9bb8b1;--panel:#051213c7;--panel-solid:#071f1f;--line:#7df5e533;--gold:#f4d35e;--green:#69f47d;--cyan:#52f1e4;--danger:#ff5da9;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050807;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,#root{width:100%;max-width:100%;min-height:100%;overflow:hidden}body{background:#050807;width:100%;min-width:320px;max-width:100%;min-height:100svh;margin:0;overflow:hidden}button{border:1px solid var(--line);color:var(--ink);min-height:42px;font:inherit;cursor:pointer;background:#0f2b2ae6;border-radius:8px;padding:0 14px}button:hover{border-color:#f4d35ebd}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}[data-high-contrast=true] :focus-visible{outline-color:#fff}.welcome-screen{background:radial-gradient(circle at 24% 22%,#f4d35e38,#0000 42%),radial-gradient(circle at 78% 70%,#c57bff33,#0000 46%),radial-gradient(circle at 60% 38%,#ff734729,#0000 38%),linear-gradient(160deg,#0a0712 0%,#06120f 52%,#050807 100%);min-height:100dvh;position:relative;overflow:hidden}.welcome-screen:before{content:"";background:radial-gradient(circle at 62% 44%,#69f47d2e,#0000 27%),linear-gradient(90deg,#050807eb 0%,#05080752 56%,#0508079e 100%);position:absolute;inset:0}.welcome-scrim{grid-template-rows:1fr auto auto;align-items:end;gap:20px;min-height:100dvh;padding:clamp(22px,5vw,64px);display:grid;position:relative}.title-lockup{align-self:center;align-items:center;gap:18px;display:flex}.brand-mark{aspect-ratio:1;clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);background:radial-gradient(circle,#f4d35e8c,#69f47d1f);border:2px solid #c7ffe8bf;place-items:center;width:74px;font-size:2.2rem;font-weight:950;display:grid}.title-lockup p{color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-weight:900}.title-lockup h1{margin:0;font-size:clamp(4rem,12vw,9rem);line-height:.86}.start-dock{grid-template-columns:1fr repeat(4,.45fr);gap:10px;width:min(100%,720px);display:grid}.start-dock button,.reward-actions button{justify-content:center;align-items:center;gap:8px;min-height:58px;font-weight:900;display:inline-flex}.start-primary{color:#06100a;background:linear-gradient(135deg,#69f47d,#f4d35e);box-shadow:0 18px 44px #69f47d2e}.welcome-progress{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051213a8;border-radius:8px;align-items:center;gap:14px;width:min(100%,520px);padding:12px;display:flex}.welcome-progress span{width:76px;height:76px;color:var(--gold);border:1px solid #f4d35e59;border-radius:50%;place-items:center;font-weight:950;display:grid}.welcome-wallet{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,520px);display:grid}.welcome-wallet.welcome-wallet-solo{grid-template-columns:1fr}.welcome-wallet.welcome-wallet-solo span{justify-content:space-between;align-items:center;gap:10px;display:flex}.welcome-wallet.welcome-wallet-solo strong{font-size:1.3rem}.welcome-wallet span,.wallet-card span,.album-wallet span,.reward-wallet span{min-width:0;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);background:#05121394;border-radius:8px;gap:2px;padding:9px;font-size:.68rem;font-weight:850;display:grid}.welcome-wallet strong,.wallet-card strong{color:var(--gold);letter-spacing:0;font-size:1rem}.app-shell{grid-template-rows:minmax(0,1fr) auto;min-height:100svh;display:grid;overflow:hidden}.play-surface{background:radial-gradient(circle at 26% 18%, color-mix(in srgb, var(--biome-primary) 26%, transparent), transparent 44%), radial-gradient(circle at 80% 76%, color-mix(in srgb, var(--biome-secondary) 24%, transparent), transparent 48%), radial-gradient(circle at 60% 44%, color-mix(in srgb, var(--biome-accent) 16%, transparent), transparent 40%), linear-gradient(160deg, var(--biome-shadow,#050807) 0%, var(--biome-horizon,#06120f) 48%, var(--biome-surface,#050807) 100%);min-height:0;transition:background .4s;position:relative}.play-surface.skin-equipped{background:radial-gradient(circle at 26% 18%, color-mix(in srgb, color-mix(in srgb, var(--skin-accent) 34%, var(--biome-primary)) 26%, transparent), transparent 44%), radial-gradient(circle at 80% 76%, color-mix(in srgb, color-mix(in srgb, var(--skin-accent) 26%, var(--biome-secondary)) 24%, transparent), transparent 48%), radial-gradient(circle at 60% 44%, color-mix(in srgb, color-mix(in srgb, var(--skin-accent) 40%, var(--biome-accent)) 16%, transparent), transparent 40%), linear-gradient(160deg, var(--biome-shadow,#050807) 0%, color-mix(in srgb, var(--skin-accent) 18%, var(--biome-horizon,#06120f)) 48%, var(--biome-surface,#050807) 100%)}.play-surface:before{content:"";background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--biome-primary) 24%, transparent), transparent 28%), linear-gradient(90deg, color-mix(in srgb, var(--biome-shadow,#050807) 92%, transparent), color-mix(in srgb, var(--biome-foundation,#06120f) 34%, transparent), color-mix(in srgb, var(--biome-shadow,#050807) 86%, transparent));position:absolute;inset:0}.play-surface:after{content:"";pointer-events:none;opacity:.11;background:repeating-linear-gradient(115deg, transparent 0 34px, color-mix(in srgb, var(--biome-socket,var(--biome-secondary)) 16%, transparent) 35px 36px), radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--biome-accent) 18%, transparent), transparent 24%);mix-blend-mode:screen;position:absolute;inset:0}.play-surface.skin-equipped:after{opacity:.34;background:linear-gradient(115deg, transparent 0 18%, color-mix(in srgb, var(--skin-accent) 24%, transparent) 28% 31%, transparent 42%), repeating-linear-gradient(115deg, transparent 0 18px, color-mix(in srgb, var(--biome-secondary) 26%, transparent) 19px 20px), radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--skin-accent) 24%, transparent), transparent 24%)}.biome-stone:after,.biome-crystal:after{background:repeating-linear-gradient(45deg, transparent 0 26px, color-mix(in srgb, var(--biome-primary) 22%, transparent) 27px 29px), repeating-linear-gradient(135deg, transparent 0 38px, color-mix(in srgb, var(--biome-secondary) 16%, transparent) 39px 41px)}.biome-tide:after,.biome-frost:after{background:radial-gradient(ellipse at 30% 70%, color-mix(in srgb, var(--biome-primary) 18%, transparent), transparent 34%), repeating-radial-gradient(circle at 68% 34%, transparent 0 30px, color-mix(in srgb, var(--biome-secondary) 18%, transparent) 31px 33px)}.biome-ember:after{background:radial-gradient(circle at 60% 72%, color-mix(in srgb, var(--biome-primary) 24%, transparent), transparent 28%), repeating-linear-gradient(100deg, transparent 0 24px, color-mix(in srgb, var(--biome-accent) 18%, transparent) 25px 27px)}.surface-glass{grid-template-columns:minmax(240px,300px) minmax(360px,1fr) minmax(220px,280px);gap:16px;min-height:calc(100svh - 150px);padding:16px;display:grid;position:relative;overflow:hidden}.mission-panel,.meta-panel,.board-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 80px #00000059}.mission-panel,.meta-panel{padding:18px}.mission-panel{flex-direction:column;gap:18px;display:flex}.mission-panel.move-pressure{border-color:#ff5da980;box-shadow:0 20px 80px #00000059,inset 0 0 34px #ff5da914}.mechanic-runes{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mechanic-runes i{border:1px solid var(--line);min-width:48px;height:34px;color:var(--cyan);background:#52f1e414;border-radius:999px;place-items:center;padding:0 10px;font-size:.72rem;font-style:normal;font-weight:900;display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}h1,h2,p{margin:0}h1{margin-top:8px;font-size:1.8rem;line-height:1.05}h2{font-size:1.32rem}p{color:var(--muted)}.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.forge-meter{border:1px solid var(--line);background:radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--biome-primary) 18%, transparent), #092323d1);border-radius:8px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.forge-ring{aspect-ratio:1;background:radial-gradient(circle, #051213eb 0 54%, transparent 55%), conic-gradient(var(--biome-accent) var(--meter), #ffffff1a 0);border-radius:50%;place-items:center;width:92px;display:grid;box-shadow:inset 0 0 28px #00000073}.forge-ring svg{color:var(--gold);grid-area:1/1}.forge-ring strong{color:var(--ink);grid-area:1/1;font-size:.84rem;transform:translateY(18px)}.forge-meter.ready .forge-ring{animation:1.2s ease-in-out infinite alternate ring-ready}.forge-bars{gap:10px;display:grid}.forge-bars span{color:var(--cyan);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;display:grid}.forge-bars i{background:linear-gradient(90deg, var(--biome-primary) var(--bar), #ffffff17 0), #ffffff14;height:8px;box-shadow:0 0 14px color-mix(in srgb, var(--biome-primary) 22%, transparent);border-radius:999px}.goal-tile{border:1px solid var(--line);background:#092323d1;border-radius:8px;place-items:center;min-height:86px;display:grid;position:relative;overflow:hidden}.goal-tile:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.62;height:3px;position:absolute;inset:auto 8px 8px}.goal-tile span{font-size:1.2rem;font-weight:900}.goal-tile strong{font-size:1.25rem}.goal-tile em{color:var(--gold);font-size:.78rem;font-style:normal}.mechanic-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mechanic-state{border:1px solid var(--line);background:#09232394;border-radius:8px;align-content:center;gap:2px;min-height:46px;padding:8px 10px;display:grid}.mechanic-state span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:850}.mechanic-state strong{color:var(--ink)}.mechanic-state.active{border-color:color-mix(in srgb, var(--biome-accent) 58%, transparent);background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--biome-primary) 24%, transparent), transparent 42%), #092323c7;box-shadow:inset 0 0 24px color-mix(in srgb, var(--biome-primary) 12%, transparent)}.status-stack{gap:8px;display:grid}.status-stack div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.status-stack span{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.danger-value{color:#ffb7d6}.sync-readout{color:#ffd2e6;background:#5d082b42;border:1px solid #ff5da95c;border-radius:8px;gap:3px;margin-top:auto;padding:12px;display:grid}.sync-readout strong,.sync-readout span{display:block}.sync-readout strong{color:var(--ink)}.sync-readout span{color:color-mix(in srgb, var(--ink) 70%, var(--muted));font-size:.82rem}.sync-readout.ready{color:#d9ffe0;background:#104b1e52;border-color:#69f47d8c}.sync-readout.partial{color:#fff2b6;background:#5943073d;border-color:#f4d35e6b}.sync-readout.conflict,.sync-readout.pressure{color:#ffd2e6;background:radial-gradient(circle at 12%,#ff5da92e,#0000 34%),#5d082b42;border-color:#ff5da975}.board-panel{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.board-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.board-status-pills{justify-content:end;align-items:center;gap:8px;min-width:max-content;display:inline-flex}.play-hud{display:none}.move-pill{color:#071311;border:1px solid color-mix(in srgb, var(--biome-primary) 50%, transparent);background:linear-gradient(135deg, var(--biome-primary), var(--biome-secondary));min-height:36px;box-shadow:0 0 20px color-mix(in srgb, var(--biome-primary) 24%, transparent);border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:6px;padding:0 10px;display:inline-grid}.move-pill strong{font-size:1.05rem;line-height:1}.move-pill span{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:950}.move-pill.danger{color:#24000f;background:linear-gradient(135deg,#ff5da9,#f4d35e);border-color:#ffb7d6b8;animation:.78s ease-in-out infinite alternate move-danger-pulse}.stage-pill,.pulse-chip{color:var(--gold);background:#f4d35e14;border:1px solid #f4d35e6b;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800}.board-canvas{touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--biome-primary) 22%, transparent), transparent 30%), radial-gradient(circle at 50% 76%, color-mix(in srgb, var(--biome-accent) 10%, transparent), transparent 26%), linear-gradient(180deg, #09272757, #00000029);width:100%;height:100%;min-height:420px}.board-canvas[data-skin]:not([data-skin=none]){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--skin-accent) 40%, transparent), inset 0 0 48px color-mix(in srgb, var(--skin-accent) 14%, transparent);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, color-mix(in srgb, var(--skin-accent) 35%, var(--biome-primary)) 22%, transparent), transparent 30%), radial-gradient(circle at 50% 76%, color-mix(in srgb, color-mix(in srgb, var(--skin-accent) 35%, var(--biome-accent)) 10%, transparent), transparent 26%), linear-gradient(180deg, #09272757, #00000029)}.board-canvas:active{cursor:grabbing}.board-canvas[data-sync-ready=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--biome-accent) 26%, transparent), inset 0 0 46px color-mix(in srgb, var(--biome-accent) 10%, transparent);animation:2.6s ease-in-out infinite board-sync-ready-breathe}@keyframes board-sync-ready-breathe{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--biome-accent) 26%, transparent), inset 0 0 46px color-mix(in srgb, var(--biome-accent) 10%, transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--biome-accent) 46%, transparent), inset 0 0 88px color-mix(in srgb, var(--biome-accent) 20%, transparent)}}@media (prefers-reduced-motion:reduce){.board-canvas[data-sync-ready=true]{animation:none}}[data-reduced-motion=true] .board-canvas[data-sync-ready=true],[data-high-contrast=true] .board-canvas[data-sync-ready=true]{animation:none}.board-awakening{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--biome-primary) 22%, transparent), transparent 30%), linear-gradient(180deg, #09272757, #00000029);place-items:center;width:100%;height:100%;min-height:420px;display:grid;position:relative;overflow:hidden}.board-awakening-shimmer{background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--biome-primary) 16%, transparent) 50%, transparent 70%);background-size:220% 100%;animation:1.6s ease-in-out infinite board-awakening-sweep;position:absolute;inset:0}.board-awakening-label{color:var(--ink);letter-spacing:.12em;text-transform:lowercase;opacity:.82;font-weight:700;position:relative}@keyframes board-awakening-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}[data-reduced-motion=true] .board-awakening-shimmer{animation:none}@media (prefers-reduced-motion:reduce){.board-awakening-shimmer{animation:none}}.board-canvas canvas{width:100%;height:100%;display:block}.sync-surge:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--biome-accent) 52%, transparent), transparent 22%), repeating-radial-gradient(circle at 50% 48%, transparent 0 46px, color-mix(in srgb, var(--biome-primary) 36%, transparent) 47px 49px);mix-blend-mode:screen;animation:1.05s ease-out both sync-surge;position:absolute;inset:56px 0 66px}.sync-surge:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--biome-primary) 60%, white 20%), transparent 60%);mix-blend-mode:screen;opacity:0;animation:.62s ease-out both sync-flash;position:absolute;inset:0}@keyframes sync-flash{0%{opacity:0}18%{opacity:.7}to{opacity:0}}.snap-pop:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--biome-primary) 32%, transparent), inset 0 0 64px color-mix(in srgb, var(--biome-primary) 14%, transparent);opacity:0;animation:.42s ease-out both snap-pop;position:absolute;inset:0}.snap-pop-combo:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--biome-accent) 52%, transparent), inset 0 0 84px color-mix(in srgb, var(--biome-accent) 22%, transparent)}@keyframes snap-pop{0%{opacity:0}24%{opacity:1}to{opacity:0}}.booster-surge:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--biome-primary) 36%, transparent), transparent 26%), linear-gradient(120deg, transparent 0 36%, color-mix(in srgb, var(--biome-accent) 30%, transparent) 44% 54%, transparent 62%);mix-blend-mode:screen;animation:.82s ease-out both booster-surge;position:absolute;inset:56px 0 66px}.booster-pulse:before{background:radial-gradient(circle,#f4d35e52,#0000 24%),repeating-radial-gradient(circle,#0000 0 32px,#f4d35e47 33px 36px)}.booster-cleanse:before{background:radial-gradient(circle,#ff5da938,#0000 24%),linear-gradient(90deg,#0000 0 28%,#7df5e547 50%,#0000 72%)}.command-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.command-bar button{justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;display:inline-flex}.dock-boosters{align-items:center;gap:8px;display:inline-flex}.dock-booster{align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:900;display:inline-flex}.dock-booster strong{font-size:.92rem}.dock-booster span{color:#071311;background:linear-gradient(135deg, var(--biome-primary), var(--gold));border-radius:50%;place-items:center;min-width:24px;height:24px;font-weight:950;display:grid}.dock-booster:disabled{cursor:not-allowed;opacity:.42}.skill-intro{z-index:40;border:1px solid color-mix(in srgb, var(--biome-accent) 40%, transparent);text-align:left;background:linear-gradient(135deg,#061616f5,#08100ef5);border-radius:16px;gap:4px;max-width:min(340px,100% - 32px);padding:12px 16px;display:grid;position:absolute;bottom:210px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000073}.skill-intro .eyebrow{color:var(--gold)}.skill-intro strong{font-size:.96rem;line-height:1.3}.skill-intro button{color:#071311;background:linear-gradient(135deg, var(--biome-primary), var(--gold));border-radius:999px;justify-self:end;min-height:36px;margin-top:4px;padding:0 16px;font-weight:800}.dock-booster:disabled span{color:var(--muted);background:#ffffff14}.primary-command{color:#06100a;background:linear-gradient(135deg,#69f47d,#f4d35e);font-weight:900}.hint-command.ready{color:var(--gold);background:#f4d35e1a;border-color:#f4d35e9e}.turn-command.ready{border-color:color-mix(in srgb, var(--biome-primary) 60%, transparent);color:var(--biome-primary);background:color-mix(in srgb, var(--biome-primary) 10%, #092323c7);box-shadow:0 0 18px color-mix(in srgb, var(--biome-primary) 18%, transparent)}.turn-command:disabled{opacity:.46}.debug-command{color:#ffc6df;background:#5d082b52;border-color:#ff5da973}.primary-command.sync-ready{box-shadow:0 0 0 1px #f4d35e73, 0 0 28px color-mix(in srgb, var(--biome-primary) 48%, transparent);animation:1.4s ease-in-out infinite sync-ready-pulse}.primary-command.sync-check{animation:.26s cubic-bezier(.2,1.18,.24,1) both sync-command-arrive;box-shadow:0 0 0 1px #f4d35e52,0 16px 34px #0000005c,inset 0 1px #ffffff47}.command-bar .sync-anchor{animation:.32s cubic-bezier(.16,1.18,.28,1) both sync-command-arrive}.pulse-chip{align-items:center;gap:6px;display:inline-flex}.meta-panel{flex-direction:column;gap:14px;display:flex}.specimen-card,.collection-card,.wallet-card{border:1px solid var(--line);background:#081d1db8;border-radius:8px;padding:14px}.specimen-card strong{text-transform:capitalize;margin:8px 0;display:block}.specimen-card em{border:1px solid color-mix(in srgb, var(--skin-accent) 52%, transparent);max-width:100%;color:var(--skin-accent);background:color-mix(in srgb, var(--skin-accent) 12%, #081d1dbf);text-transform:capitalize;border-radius:999px;margin-top:10px;padding:6px 9px;font-size:.74rem;font-style:normal;font-weight:900;display:inline-flex}.cell-inspector{border:1px solid color-mix(in srgb, var(--biome-primary) 24%, var(--line));background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--biome-primary) 18%, transparent), transparent 34%), #081d1db8;border-radius:8px;gap:10px;padding:14px;display:grid}.cell-inspector.selected{border-color:color-mix(in srgb, var(--biome-accent) 62%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--biome-primary) 12%, transparent), 0 0 24px color-mix(in srgb, var(--biome-accent) 12%, transparent)}.cell-inspector.empty strong{color:var(--muted)}.cell-inspector-header,.cell-core-line,.cell-inspector-foot{align-items:center;gap:10px;display:flex}.cell-inspector-header{justify-content:space-between}.cell-inspector-header strong{color:var(--gold);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}.cell-core-line>div:last-child{min-width:0}.cell-core-line strong{line-height:1;display:block}.cell-core-line p{margin-top:4px;font-size:.78rem}.cell-preview{aspect-ratio:1;color:#061311;background:linear-gradient(135deg, var(--biome-primary), var(--biome-accent));clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);filter:drop-shadow(8px 10px #00000047);flex:none;place-items:center;width:56px;font-weight:950;display:grid;position:relative}.cell-preview:after{content:"";clip-path:inherit;border:1px solid #06131170;position:absolute;inset:8px}.cell-preview.rarity-rare,.cell-preview.rarity-mythic{background:linear-gradient(135deg, var(--gold), var(--biome-accent))}.attribute-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.attribute-chips span{min-height:32px;color:var(--ink);border:1px solid color-mix(in srgb, var(--chip-color) 42%, transparent);background:color-mix(in srgb, var(--chip-color) 14%, transparent);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:900;display:inline-flex}.attribute-chips b{color:var(--chip-color)}.edge-radar{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.edge-radar i{background:var(--edge-color);height:20px;box-shadow:0 0 14px color-mix(in srgb, var(--edge-color) 42%, transparent);border-radius:999px}.edge-radar i.empty{opacity:.32;box-shadow:none}.cell-inspector-foot{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;font-size:.72rem;font-weight:850}.cell-inspector-foot svg{color:var(--gold)}.booster-row{gap:8px;display:grid}.booster-button{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:54px;display:grid}.booster-button strong{font-size:.96rem}.booster-button span{color:#071311;background:linear-gradient(135deg, var(--biome-primary), var(--gold));border-radius:50%;place-items:center;min-width:30px;height:30px;font-weight:950;display:grid}.booster-button:disabled{cursor:not-allowed;opacity:.42}.booster-button:disabled span{color:var(--muted);background:#ffffff14}.collection-card span{color:var(--gold);font-size:2rem;font-weight:900;line-height:1;display:block}.wallet-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.wallet-card.wallet-solo{grid-template-columns:1fr}.wallet-card span{text-align:center;padding:8px}.wallet-card.wallet-solo span{text-align:left;justify-content:space-between;align-items:center;gap:10px;font-size:.74rem;display:flex}.wallet-card.wallet-solo strong{font-size:1.4rem}.world-map{border-top:1px solid var(--line);background:#061111;gap:10px;padding:12px 16px;display:flex;overflow-x:auto}.training-coach{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#051213e0;border:1px solid #f4d35e6b;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;width:min(58%,420px);padding:10px;display:grid;position:absolute;top:86px;left:16px;transform:none;box-shadow:0 18px 40px #00000057}.coach-steps{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.coach-oracle{min-height:32px;color:var(--ink);grid-column:1;align-items:center;gap:8px;display:flex}.coach-helper{width:48px;height:48px;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--biome-primary) 38%, transparent));place-items:center;display:grid;position:absolute;top:-24px;left:12px}.coach-helper i,.coach-helper b{clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);border:1px solid #e8f8f19e;display:block;position:absolute}.coach-helper i{opacity:.9;width:44px;height:44px;animation:1.5s ease-in-out infinite alternate specimen-core}.coach-helper b{background:var(--gold);width:18px;height:18px;transform:translate(16px,-15px)rotate(14deg)}.coach-oracle span{color:#06100a;background:var(--gold);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;place-items:center;width:38px;height:22px;margin-left:38px;font-size:.72rem;font-weight:950;display:grid;box-shadow:0 0 18px #f4d35e38}.coach-oracle strong{font-size:.82rem}.coach-step{min-height:30px;color:var(--muted);border:1px solid var(--line);background:#0f2b2a9e;border-radius:8px;place-items:center;display:grid}.coach-step.active{color:#071311;background:linear-gradient(135deg,#69f47d,#f4d35e)}.coach-step.done{color:var(--green);background:#104b1e47;border-color:#69f47d57}.guide-sync{box-shadow:0 18px 40px #00000057, 0 0 28px color-mix(in srgb, var(--biome-primary) 22%, transparent);border-color:#69f47d9e}.coach-step span{font-size:.72rem;font-weight:900}.training-coach p{color:color-mix(in srgb, var(--ink) 82%, transparent);grid-column:1/-1;align-items:center;gap:6px;font-size:.8rem;font-weight:650;display:inline-flex}.coach-close{pointer-events:auto;grid-area:1/2;align-self:start;padding:0 10px}.level-overlay,.briefing-overlay,.reward-overlay,.failure-overlay,.story-overlay{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020505bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.story-overlay{z-index:30;background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--biome-primary,#69f47d) 18%, transparent), transparent 34%), #020708db}.story-panel{background:linear-gradient(135deg,#f4d35e14,#0000 36%),#051213f2;border:1px solid #f4d35e6b;border-radius:8px;gap:14px;width:min(920px,100% - 24px);padding:18px;display:grid;box-shadow:0 30px 100px #0000008f}.story-panel header{justify-content:space-between;align-items:end;gap:14px;display:flex}.story-panel h2{font-size:clamp(1.8rem,5vw,3.2rem);line-height:.95}.comic-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.comic-panel{border:1px solid var(--line);background:repeating-linear-gradient(115deg,#0000 0 12px,#7df5e50f 13px 14px),#081d1dc7;border-radius:8px;grid-template-rows:minmax(160px,1fr) auto auto auto;gap:8px;min-height:330px;padding:12px;display:grid;overflow:hidden}.comic-panel span{color:#06100a;background:var(--gold);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-self:start;padding:5px 8px;font-size:.68rem;font-weight:950}.comic-panel strong{font-size:1.15rem;line-height:1.08}.comic-panel p{font-size:.9rem;line-height:1.35}.comic-art{border:1px solid color-mix(in srgb, var(--biome-primary,#69f47d) 26%, transparent);background:radial-gradient(120% 82% at 50% 122%, color-mix(in srgb, var(--biome-primary,#69f47d) 30%, transparent), transparent 62%), radial-gradient(78% 58% at 50% -12%, color-mix(in srgb, var(--biome-accent,#f4d35e) 24%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--biome-horizon,#0e3a3a) 55%, #05121a) 0%, #04101a 55%, #030a0e 100%);border-radius:10px;min-height:160px;position:relative;overflow:hidden}.comic-art i{background:radial-gradient(circle at 40% 34%, #fff, var(--biome-primary,#69f47d) 46%, color-mix(in srgb, var(--biome-primary,#69f47d) 42%, #041014));width:76px;height:76px;box-shadow:0 0 42px color-mix(in srgb, var(--biome-primary,#69f47d) 62%, transparent), 0 0 0 1px #ffffff38;border-radius:999px;animation:2.6s ease-in-out infinite alternate specimen-core;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.comic-art b{background:var(--biome-accent,#f4d35e);width:12px;height:12px;box-shadow:0 0 14px var(--biome-accent,#f4d35e);border-radius:999px;position:absolute;top:22%;right:20%}.comic-art em{background:linear-gradient(180deg, color-mix(in srgb, var(--biome-primary,#69f47d) 26%, #041014), #030a0e);height:62%;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--biome-primary,#69f47d) 44%, transparent);border-radius:50% 50% 0 0;position:absolute;bottom:-34%;left:-12%;right:-12%}.panel-2 .comic-art i{width:62px;height:62px;top:40%;left:42%}.panel-2 .comic-art b{top:30%;right:26%}.panel-3 .comic-art i{width:96px;height:96px;box-shadow:0 0 56px color-mix(in srgb, var(--biome-primary,#69f47d) 72%, transparent), 0 0 0 1px #ffffff47;top:52%}.story-continue{justify-content:center;justify-self:end;align-items:center;gap:8px;min-width:190px;min-height:52px;display:inline-flex}.briefing-overlay{z-index:18;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--biome-primary) 18%, transparent), transparent 32%), #020505ad}.briefing-panel{border:1px solid color-mix(in srgb, var(--biome-primary) 34%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--biome-primary) 12%, transparent), transparent 42%), #051213f2;width:min(620px,100%);box-shadow:0 24px 90px #0000006b, inset 0 0 42px color-mix(in srgb, var(--biome-secondary) 8%, transparent);border-radius:8px;grid-template-columns:minmax(128px,.48fr) minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.briefing-copy h2{text-transform:capitalize;margin-top:4px;font-size:clamp(2rem,5vw,3.7rem);line-height:.94}.briefing-copy p{color:var(--muted);margin-top:10px}.briefing-objectives,.briefing-goals{flex-wrap:wrap;gap:8px;display:flex}.briefing-objectives span,.briefing-goals span{border:1px solid var(--line);background:#081d1db8;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:7px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.briefing-goals span{color:var(--goal-color);border-color:color-mix(in srgb, var(--goal-color) 48%, transparent);background:color-mix(in srgb, var(--goal-color) 12%, #081d1db8)}.briefing-goals b{font-size:1rem}.briefing-mechanic{border:1px solid color-mix(in srgb, var(--biome-accent) 36%, transparent);background:color-mix(in srgb, var(--biome-accent) 8%, #030a0bc2);border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.briefing-mechanic strong{color:var(--biome-accent)}.briefing-mechanic span{min-width:0;color:var(--ink);font-size:.84rem;font-weight:780}.briefing-start{justify-self:start;min-width:132px;min-height:46px}.level-panel,.collection-panel{border:1px solid var(--line);background:#051213f0;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100%);max-height:min(820px,92svh);display:grid;overflow:hidden}.level-panel header,.collection-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.collection-panel{width:min(980px,100%)}.album-totals{justify-items:end;gap:2px;margin-left:auto;margin-right:8px;display:grid}.album-totals strong{color:var(--gold);font-size:1.1rem}.album-totals span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.album-wallet{gap:6px;margin-right:8px;display:flex}.album-wallet span{white-space:nowrap;padding:7px 9px}.album-worlds{gap:10px;padding:14px;display:grid;overflow:auto}.album-world{border:1px solid var(--line);background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--biome-primary) 12%, transparent), transparent 34%), #081d1dc7;border-radius:8px;padding:12px}.album-world-title{grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;margin-bottom:10px;display:grid}.album-world-title span,.album-world-title em{color:var(--muted);font-size:.78rem;font-style:normal}.specimen-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.specimen-tile{text-align:center;min-height:112px;color:var(--muted);background:#030a0bb8;border:1px solid #7df5e524;border-radius:8px;align-content:center;justify-items:center;gap:7px;padding:10px;display:grid}.specimen-tile.unlocked{color:var(--ink);border-color:color-mix(in srgb, var(--biome-accent) 44%, transparent);background:radial-gradient(circle at 50% 22%, color-mix(in srgb, var(--biome-primary) 26%, transparent), transparent 38%), #092323d6;box-shadow:inset 0 0 26px color-mix(in srgb, var(--biome-primary) 10%, transparent)}.specimen-tile.recent{box-shadow:inset 0 0 32px color-mix(in srgb, var(--biome-primary) 16%, transparent), 0 0 30px #f4d35e24;border-color:#f4d35eb8}.specimen-glyph{aspect-ratio:1;width:42px;color:var(--gold);clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);background:#f4d35e14;border:1px solid;place-items:center;display:grid}.specimen-tile[data-rarity=uncommon] .specimen-glyph-locked{color:#69f47d;background:#69f47d17}.specimen-tile[data-rarity=rare] .specimen-glyph-locked{color:#78f5ff;background:#78f5ff1a}.specimen-tile[data-rarity=mythic] .specimen-glyph-locked{color:#c57bff;background:#c57bff1f}.specimen-tile[data-rarity=rare]:not(.unlocked){border-color:#78f5ff3d}.specimen-tile[data-rarity=mythic]:not(.unlocked){border-color:#c57bff4d;box-shadow:inset 0 0 22px #c57bff14}.specimen-figure{perspective:500px;place-items:center;width:64px;height:64px;display:grid;position:relative}.specimen-figure.large{width:178px;height:142px;margin:-4px 0 4px}.specimen-figure.has-hero{perspective:none}.specimen-figure.has-hero.large{width:148px;height:148px}.specimen-figure.has-hero .specimen-hero{place-items:center;display:grid}.specimen-figure.has-hero .specimen-sparkline{bottom:2px;right:4px}.specimen-figure.has-hero.large .specimen-sparkline{bottom:6px;right:8px}.specimen-stage{width:58px;height:58px;transform-style:preserve-3d;filter:drop-shadow(0 18px 18px #00000052);position:relative;transform:rotateX(58deg)rotate(-32deg)}.specimen-figure.large .specimen-stage{width:126px;height:126px}.specimen-stage i,.specimen-stage b,.specimen-stage em,.specimen-stage span{border:2px solid color-mix(in srgb, var(--biome-accent,#f4d35e) 70%, white);clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);display:block;position:absolute;inset:0}.specimen-stage i{background:radial-gradient(circle at 42% 36%, #ffffff6b, transparent 18%), radial-gradient(circle at 50% 50%, var(--biome-primary,#69f47d), #05121338);animation:1.7s ease-in-out infinite alternate specimen-core;transform:translateZ(22px)}.specimen-stage b{background:linear-gradient(135deg, var(--gold), var(--biome-secondary,#7df5e5));opacity:.92;inset:18%;transform:translateZ(42px)rotate(18deg)}.specimen-stage em{border-color:color-mix(in srgb, var(--biome-primary,#69f47d) 62%, transparent);background:color-mix(in srgb, var(--biome-primary,#69f47d) 12%, transparent);inset:10%;transform:translateZ(8px)scale(1.22)}.specimen-stage span{background:#e8f8f133;border-color:#e8f8f1b8;inset:28%;transform:translateZ(54px)}.specimen-type-2 .specimen-stage i{clip-path:none;border-radius:50%}.specimen-type-3 .specimen-stage i{transform:translateZ(22px)rotate(90deg)scaleX(1.25)}.specimen-type-4 .specimen-stage b{inset:8%;transform:translateZ(46px)rotate(45deg)scale(.7)}.specimen-type-5 .specimen-stage em{transform:translateZ(8px)scale(1.34)rotate(30deg)}.specimen-type-6 .specimen-stage i{transform:translateZ(22px)rotate(30deg)scaleY(1.24)}.specimen-type-7 .specimen-stage b{clip-path:none;border-radius:50%;inset:24%;transform:translateZ(46px)scale(1.12)}.specimen-pose-glider .specimen-stage em{transform:translateZ(8px)scaleX(1.55)scaleY(.82)rotate(-8deg)}.specimen-pose-bloom .specimen-stage b{transform:translateZ(46px)rotate(18deg)scale(1.16)}.specimen-pose-core .specimen-stage span{clip-path:none;border-radius:50%;inset:22%}.specimen-rarity-uncommon .specimen-stage{filter:drop-shadow(0 18px 18px #00000052) drop-shadow(0 0 14px color-mix(in srgb, var(--biome-primary,#69f47d) 26%, transparent))}.specimen-rarity-rare .specimen-stage,.specimen-rarity-mythic .specimen-stage{filter:drop-shadow(0 18px 18px #00000057)drop-shadow(0 0 22px #f4d35e5c)}.specimen-rarity-mythic .specimen-stage i{animation-duration:1.05s}.specimen-motion-drift .specimen-stage{animation:2.6s ease-in-out infinite alternate specimen-drift}.specimen-motion-flutter .specimen-stage b{animation:.82s ease-in-out infinite alternate specimen-wing}.specimen-motion-charge .specimen-stage span{animation:1.4s linear infinite specimen-scan}.specimen-sparkline{color:var(--gold);gap:1px;display:flex;position:absolute;bottom:-4px;right:-3px}.specimen-figure.large .specimen-sparkline{gap:4px;bottom:10px;right:20px}.specimen-figure.locked{opacity:.48;filter:grayscale(.8)}.specimen-tile strong{text-transform:capitalize;max-width:100%;font-size:.82rem;line-height:1.15}.specimen-tile span{color:var(--muted);font-size:.72rem}.specimen-tile em{color:#071311;background:linear-gradient(135deg, var(--gold), var(--biome-primary));text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:4px 7px;font-size:.62rem;font-style:normal;font-weight:950}.world-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:14px;display:grid;overflow:auto}.world-card{border:1px solid var(--line);background:linear-gradient(145deg,#0b2a2aeb,#071415eb);border-radius:8px;padding:12px}.world-card.preview{background:linear-gradient(145deg,#09181ccc,#050d0feb);border-color:#8ea9b238}.world-card div:first-child{grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;margin-bottom:8px;display:grid}.world-card span,.world-card em{color:var(--muted);font-size:.78rem;font-style:normal}.world-card-status{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.68rem;font-weight:900;display:inline-flex}.world-card.preview .world-card-status{color:var(--muted)}.world-levels{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.world-levels button{border-radius:50%;min-height:38px;padding:0}.world-levels button.active{color:#071311;background:var(--gold)}.world-levels button.path-completed,.level-dots button.path-completed{color:#061311;background:linear-gradient(135deg, var(--green), var(--gold))}.world-levels button.path-next,.level-dots button.path-next{color:#061311;background:var(--gold);border-color:#f4d35edb;box-shadow:0 0 24px #f4d35e3d}.world-levels button.path-preview,.level-dots button.path-preview{color:#e8f8f175;background:#0b1b1e8a;border-style:dashed}.world-levels button.locked,.level-dots button.locked{color:#0000;cursor:not-allowed;opacity:.5;position:relative}.world-levels button.locked:before,.level-dots button.locked:before{content:"";border:2px solid #e8f8f16b;border-top-width:4px;border-radius:2px;width:8px;height:8px}.settings-overlay{z-index:20;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--biome-primary,#69f47d) 18%, transparent), transparent 34%), #020707b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;display:grid;position:fixed;inset:0}.settings-card{background:radial-gradient(circle at 20% 0,#69f47d24,#0000 30%),#051213f5;border:1px solid #f4d35e6b;border-radius:8px;gap:14px;width:min(430px,100%);padding:24px;display:grid;position:relative;box-shadow:0 30px 100px #00000080}.settings-card h2{padding-right:42px}.settings-close{min-height:38px;padding:0 10px;position:absolute;top:12px;right:12px}.settings-list{gap:10px;display:grid}.settings-toggle{text-align:left;background:#0c2222d1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px;display:grid}.settings-toggle svg{color:var(--cyan)}.settings-toggle span{gap:3px;display:grid}.settings-toggle strong{color:var(--ink);font-size:.98rem}.settings-toggle em{color:var(--muted);font-size:.78rem;font-style:normal;line-height:1.25}.settings-toggle i{background:#020a0b94;border:1px solid #7df5e53d;border-radius:999px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.settings-toggle.enabled{background:linear-gradient(135deg,#69f47d2e,#52f1e414),#0c2222e0;border-color:#69f47d94}.settings-toggle.enabled i{color:#06100a;background:linear-gradient(135deg, var(--green), var(--gold));border-color:#0000}.hint-offer-backdrop{z-index:28;padding:max(18px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--biome-primary,#69f47d) 22%, transparent), transparent 35%), #020707bd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);place-items:end center;display:grid;position:fixed;inset:0}.hint-offer-modal{border:1px solid color-mix(in srgb, var(--biome-primary,#69f47d) 38%, #f4d35e5c);background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--biome-primary,#69f47d) 18%, transparent), transparent 32%), #051213f7;border-radius:18px;gap:14px;width:min(520px,100%);padding:20px;display:grid;position:relative;box-shadow:0 30px 100px #0000008a,inset 0 1px #ffffff14}.modal-icon-button{min-width:42px;min-height:42px;padding:0;position:absolute;top:12px;right:12px}.hint-offer-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding-right:48px;display:grid}.hint-offer-head>span{color:#06100a;background:linear-gradient(135deg, var(--gold), var(--green));width:48px;height:48px;box-shadow:0 0 26px color-mix(in srgb, var(--biome-primary,#69f47d) 32%, transparent);border-radius:16px;place-items:center;display:grid}.hint-offer-head h2{font-size:clamp(1.25rem,4.8vw,1.8rem);line-height:1}.hint-offer-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hint-offer-option{text-align:left;opacity:.66;background:#0c2222b8;border-color:#e8f8f11f;align-content:center;justify-items:start;gap:6px;min-height:114px;padding:12px;display:grid}.hint-offer-option svg{color:var(--gold)}.hint-offer-option strong{color:var(--ink);font-size:1.02rem}.hint-offer-option span{color:var(--muted);font-size:.72rem;line-height:1.2}.hint-offer-option.ready{border-color:color-mix(in srgb, var(--biome-primary,#69f47d) 42%, #f4d35e47);background:linear-gradient(135deg, color-mix(in srgb, var(--biome-primary,#69f47d) 13%, transparent), #f4d35e0d), #0c2222db;opacity:1}.hint-offer-note{color:var(--muted);justify-self:center;font-size:.78rem;font-weight:850}[data-high-contrast=true]{--line:#cefff075;--muted:#d0eee4}[data-high-contrast=true] button,[data-high-contrast=true] .mission-panel,[data-high-contrast=true] .meta-panel,[data-high-contrast=true] .board-panel,[data-high-contrast=true] .settings-card,[data-high-contrast=true] .settings-toggle,[data-high-contrast=true] .hint-offer-modal,[data-high-contrast=true] .hint-offer-option{border-color:#e8f8f194}[data-high-contrast=true] .board-canvas{box-shadow:inset 0 0 0 1px #e8f8f161, inset 0 0 52px color-mix(in srgb, var(--biome-primary) 18%, transparent)}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after,.welcome-screen[data-reduced-motion=true] *,.welcome-screen[data-reduced-motion=true] :before,.welcome-screen[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reward-card{text-align:center;background:radial-gradient(circle at 50% 20%,#f4d35e38,#0000 34%),#051213f2;border:1px solid #f4d35e73;border-radius:8px;place-items:center;gap:12px;width:min(500px,100%);min-height:430px;padding:34px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000080}.failure-card{text-align:center;background:radial-gradient(circle at 50% 18%,#ff5da933,#0000 32%),#12060df5;border:1px solid #ff5da97a;border-radius:8px;place-items:center;gap:13px;width:min(430px,100%);padding:30px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000080}.failure-overlay--repair{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, calc(env(safe-area-inset-bottom) + 18px)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:linear-gradient(#0000 0%,#02050533 58%,#020505b8 100%);place-items:end center}.failure-card--repair{text-align:left;pointer-events:auto;background:linear-gradient(135deg,#35091cf0,#071314f0),#12060deb;border-color:#ff5da994;border-radius:18px;place-items:stretch stretch;gap:12px;width:min(560px,100%);padding:16px;box-shadow:0 18px 58px #00000085,inset 0 1px #ffffff1f}.failure-head{justify-content:center;align-items:center;gap:10px;display:flex}.failure-card--repair .failure-head{justify-content:flex-start;padding-right:42px}.failure-head>svg{color:#ff8abd;flex:none}.failure-card h2{color:#ffe2ef}.failure-card--repair h2{margin:0;font-size:clamp(1.15rem,4vw,1.55rem);line-height:1}.failure-copy{color:#ffd2e6;max-width:34ch;font-size:.94rem;line-height:1.35}.failure-card--repair .failure-copy{color:#ffe2efdb;max-width:none;margin:0;font-size:.86rem}.failure-close{min-height:38px;padding:0 10px;position:absolute;top:12px;right:12px}.failure-specimen{opacity:.86;filter:drop-shadow(0 0 18px #ff5da947);place-items:center;width:126px;height:92px;display:grid;position:relative}.failure-specimen b,.failure-specimen i{clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);background:radial-gradient(circle,#ff5da957,#05121366);border:2px solid #ff5da9c2;display:block;position:absolute}.failure-specimen b{width:74px;height:74px;animation:.76s ease-in-out infinite alternate failure-shiver}.failure-specimen i{width:46px;height:46px}.failure-specimen i:first-child{transform:translate(-44px,14px)rotate(-18deg)}.failure-specimen i:last-child{transform:translate(44px,14px)rotate(18deg)}.failure-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.failure-card--repair .failure-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.failure-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#ff5da90f;border:1px solid #ff5da933;border-radius:8px;gap:3px;padding:10px;font-size:.76rem;display:grid}.failure-stats strong{color:#ffe2ef;font-size:1rem}.failure-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;display:grid}.failure-card--repair .failure-actions{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))}.failure-actions button{justify-content:center;align-items:center;gap:7px;min-height:52px;padding:0 10px;font-weight:900;display:inline-flex}.failure-card--repair .failure-actions button{min-height:46px}.reward-card h2{text-transform:capitalize;margin-bottom:0}.reward-card>svg{color:var(--gold)}.reward-worldline{text-align:center;justify-items:center;gap:3px;margin-top:-2px;display:grid}.reward-worldline span{color:var(--biome-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:950}.reward-worldline strong{color:var(--ink);text-transform:capitalize;font-size:.86rem}.specimen-lore{text-align:left;border:1px solid color-mix(in srgb, var(--biome-primary) 28%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--biome-primary) 10%, transparent), transparent), #09232375;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.specimen-lore strong{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.specimen-lore span{color:var(--ink);font-size:.86rem;line-height:1.25}.reward-specimen{width:148px;height:112px;filter:drop-shadow(0 0 24px color-mix(in srgb, var(--biome-primary) 42%, transparent));place-items:center;display:grid;position:relative}.reward-specimen b,.reward-specimen i{border:2px solid color-mix(in srgb, var(--biome-accent) 72%, white);background:radial-gradient(circle, var(--biome-primary), #0512134d);clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);display:block;position:absolute}.reward-specimen b{width:84px;height:84px;animation:1.7s ease-in-out infinite alternate specimen-core}.reward-specimen i{opacity:.8;width:52px;height:52px;animation:1.4s ease-in-out infinite alternate specimen-wing}.reward-specimen i:first-child{transform:translate(-52px,18px)rotate(-18deg)}.reward-specimen i:last-child{animation-delay:.18s;transform:translate(52px,18px)rotate(18deg)}@keyframes specimen-core{0%{transform:translateY(2px)scale(.96)}to{transform:translateY(-6px)scale(1.06)}}@keyframes specimen-wing{0%{opacity:.48}to{opacity:1}}@keyframes specimen-scan{0%{opacity:.34;transform:rotate(0)scale(.92)}50%{opacity:.82}to{opacity:.34;transform:rotate(360deg)scale(1.04)}}@keyframes failure-shiver{0%{transform:translate(-2px)rotate(-2deg)}to{transform:translate(2px)rotate(2deg)}}.star-row,.reward-stats,.reward-actions{justify-content:center;align-items:center;gap:10px;display:flex}.star-row{color:var(--muted)}.star-row svg{stroke:#e8f8f161;fill:#e8f8f124;filter:drop-shadow(0 4px 10px #00000047)}.star-row svg.earned{stroke:#ffe99d;fill:var(--gold);filter:drop-shadow(0 0 14px #f4d35e8a)}.reward-stats{border:1px solid var(--line);background:#09232394;border-radius:8px;grid-template-columns:1fr 1fr 1fr;width:100%;padding:10px;display:grid}.soft-sync-note{color:#fff2b6;background:#5943073d;border:1px solid #f4d35e66;border-radius:8px;gap:3px;width:100%;padding:10px 12px;display:grid}.soft-sync-note strong{color:var(--gold);font-size:.86rem}.soft-sync-note span{color:#fff7cf;font-size:.78rem}.reward-stats strong{color:var(--gold);font-size:1.4rem}.reward-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:2px;font-size:.76rem;display:grid}.reward-stats b{color:var(--ink);font-size:1rem}.reward-wallet{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.reward-wallet span{text-align:center}.shard-ribbon{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;background:#f4d35e14;border:1px solid #f4d35e57;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.stage-chest{text-align:left;width:100%;color:var(--ink);background:radial-gradient(circle at 12%,#f4d35e38,#0000 34%),#f4d35e14;border:1px solid #f4d35e75;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:0 0 30px #f4d35e1f}.stage-chest svg{color:var(--gold)}.stage-chest strong,.stage-chest span{display:block}.stage-chest strong{text-transform:uppercase;letter-spacing:.06em;font-size:.86rem}.stage-chest span{color:var(--muted);font-size:.76rem}.stage-chest em{color:var(--gold);text-transform:capitalize;border:1px solid #f4d35e4d;border-radius:999px;margin-top:6px;padding:4px 7px;font-size:.68rem;font-style:normal;font-weight:900;display:inline-flex}.unlock-ribbon{color:#071311;background:linear-gradient(135deg, var(--biome-primary), var(--gold));text-transform:uppercase;letter-spacing:.08em;box-shadow:0 14px 34px color-mix(in srgb, var(--biome-primary) 26%, transparent);border-radius:999px;margin-top:-6px;padding:7px 12px;font-size:.78rem;font-weight:950;position:relative}.reward-actions{width:100%}.reward-actions button{flex:1}.reward-orbit{pointer-events:none;position:absolute;inset:0}.reward-orbit i{--angle:calc(var(--burst-index) * 22.5deg);width:8px;height:26px;transform:rotate(var(--angle)) translateY(-190px);transform-origin:50% 190px;background:linear-gradient(#f4d35e,#69f47d);border-radius:999px;animation:1.15s ease-out infinite alternate burst;position:absolute;top:50%;left:50%}.reward-overlay{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--biome-primary) 22%, transparent), transparent 34%), radial-gradient(circle at 14% 78%, color-mix(in srgb, var(--biome-accent) 14%, transparent), transparent 30%), #010506db;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);place-items:stretch stretch;padding:clamp(12px,3vw,28px)}.reward-card{border-color:color-mix(in srgb, var(--biome-primary) 36%, #f4d35e73);background:radial-gradient(circle at 26% 34%, color-mix(in srgb, var(--biome-primary) 22%, transparent), transparent 34%), radial-gradient(circle at 72% 72%, #f4d35e1f, transparent 32%), linear-gradient(145deg, #092323f0, #030b0cf7);width:min(1080px,100%);min-height:min(700px,100svh - 56px);max-height:calc(100svh - 56px);box-shadow:0 36px 120px #0000009e, inset 0 1px 0 #ffffff24, inset 0 0 90px color-mix(in srgb, var(--biome-primary) 8%, transparent);border-radius:28px;grid-template:"top top""creature info"minmax(0,1fr)"actions actions"/minmax(300px,1.12fr) minmax(280px,.88fr);place-items:center stretch;gap:clamp(14px,2.4vw,28px);margin:auto;padding:clamp(18px,3vw,34px);overflow-y:auto}.reward-overlay[data-rarity=rare] .reward-card,.reward-overlay[data-rarity=mythic] .reward-card{border-color:color-mix(in srgb, var(--gold) 54%, var(--biome-primary));box-shadow:0 36px 120px #0000009e,0 0 80px #f4d35e1a,inset 0 1px #ffffff24,inset 0 0 120px #f4d35e14}.reward-topline{z-index:1;grid-area:top;justify-content:space-between;align-items:center;gap:12px;display:flex}.reward-sync-pill,.reward-level-pill{border:1px solid color-mix(in srgb, var(--biome-primary) 34%, transparent);min-height:38px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff1a,#ffffff06),#030c0d9e;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:.76rem;font-weight:950;display:inline-flex;box-shadow:0 14px 34px #00000047,inset 0 1px #ffffff24}.reward-sync-pill{color:var(--gold)}.reward-creature-stage{z-index:1;text-align:center;grid-area:creature;align-content:center;place-items:center;gap:clamp(10px,2vw,18px);min-height:0;display:grid}.reward-creature-stage .unlock-ribbon{order:-1;margin:0}.reward-hero{place-items:center;width:min(440px,86vw);min-height:clamp(170px,28vw,290px);margin:0;display:grid;position:relative}.reward-hero:before,.reward-hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.reward-hero:before{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--biome-primary) 30%, transparent), transparent 56%), repeating-radial-gradient(circle, transparent 0 44px, color-mix(in srgb, var(--biome-primary) 18%, transparent) 45px 47px);filter:blur(1px);opacity:.88;width:min(440px,86vw);animation:8s linear infinite specimen-scan}.reward-hero:after{aspect-ratio:1;width:min(300px,66vw);box-shadow:0 0 90px color-mix(in srgb, var(--biome-primary) 28%, transparent);background:radial-gradient(circle,#f4d35e33,#0000 68%)}.reward-hero .specimen-figure{z-index:1;filter:drop-shadow(0 20px 42px #00000075);position:relative;transform:scale(1.5)}.reward-card h2{text-wrap:balance;max-width:10ch;font-size:clamp(2rem,5vw,4.6rem);line-height:.92}.reward-worldline{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:0;display:flex}.reward-worldline span,.reward-worldline strong,.reward-worldline em{border:1px solid color-mix(in srgb, var(--biome-primary) 26%, transparent);min-height:30px;color:color-mix(in srgb, var(--ink) 84%, var(--muted));letter-spacing:.05em;text-transform:uppercase;background:#030c0d70;border-radius:999px;align-items:center;padding:0 10px;font-size:.72rem;font-style:normal;font-weight:900;display:inline-flex}.reward-worldline span{color:var(--gold)}.star-row{background:#f4d35e14;border-radius:999px;gap:12px;padding:7px 13px;box-shadow:0 16px 40px #f4d35e14}.reward-info-panel{z-index:1;grid-area:info;align-content:center;gap:12px;min-width:0;display:grid}.reward-info-panel .specimen-lore{border-radius:18px;padding:14px 16px}.reward-stats{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.reward-wallet{display:none}.stage-chest,.soft-sync-note,.replay-ribbon{border-radius:18px}.replay-ribbon{color:#fff4bf;background:radial-gradient(circle at 10%,#f4d35e33,#0000 34%),#4c38063d;border:1px solid #f4d35e7a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:12px 14px;display:grid;box-shadow:inset 0 0 28px #f4d35e0f}.replay-ribbon strong{color:var(--gold);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:950}.replay-ribbon span{color:#fff8d7;font-size:.82rem;line-height:1.2}.reward-actions{z-index:1;grid-area:actions;grid-template-columns:minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.25fr);align-self:end;gap:10px;display:grid}.reward-actions.has-retry{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.15fr)}.reward-actions button{border-radius:999px;min-height:58px;font-size:.96rem;font-weight:950}.reward-actions button:not(.primary-command){border-color:color-mix(in srgb, var(--biome-primary) 28%, transparent);background:linear-gradient(135deg,#ffffff14,#ffffff05),#030c0da3}.reward-actions .primary-command{color:#061311;background:radial-gradient(circle at 34% 18%, #ffffff5c, transparent 30%), linear-gradient(135deg, var(--biome-primary), var(--gold));box-shadow:0 18px 42px color-mix(in srgb, var(--biome-primary) 26%, transparent), inset 0 1px 0 #ffffff57;border-color:#f4d35eb3;gap:8px}.reward-actions .retry-command{color:var(--gold);background:radial-gradient(circle at 34% 18%,#ffffff2e,#0000 30%),#47350880;border-color:#f4d35e8f;box-shadow:0 14px 34px #0000004d,inset 0 0 24px #f4d35e14}.reward-orbit{opacity:.72}.reward-orbit i{height:34px;transform:rotate(var(--angle)) translateY(clamp(-340px, -28vw, -190px));transform-origin:50% clamp(190px,28vw,340px)}.reward-overlay[data-reduced-motion=true] .reward-hero:before,.reward-overlay[data-reduced-motion=true] .reward-orbit i{animation:none}@media (width<=760px){.reward-overlay{padding:0;overflow-y:auto}.reward-card{width:100%;min-height:100svh;max-height:none;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));border:0;border-radius:0;grid-template:"top""creature"minmax(min-content,1fr)"info""actions"/1fr;gap:10px;overflow-y:visible}.reward-topline{align-items:start}.reward-sync-pill,.reward-level-pill{min-height:34px;padding:0 10px;font-size:.68rem}.reward-creature-stage{gap:8px}.reward-hero{width:min(300px,80vw);min-height:min(220px,26svh)}.reward-hero:before{width:min(260px,62vw)}.reward-hero:after{width:min(210px,52vw)}.reward-hero .specimen-figure{transform:scale(1.2)}.reward-card h2{max-width:12ch;font-size:clamp(1.9rem,10vw,3rem)}.reward-info-panel{gap:8px}.reward-info-panel .specimen-lore{padding:11px 12px}.specimen-lore span{font-size:.78rem}.reward-stats{padding:9px}.reward-actions{grid-template-columns:.8fr .9fr 1.25fr}.reward-actions.has-retry{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-actions button{min-height:54px;padding:0 10px}}.combo-toast{z-index:5;pointer-events:none;border:1px solid color-mix(in srgb, var(--biome-accent) 62%, transparent);color:#06100a;background:linear-gradient(135deg, var(--biome-primary), var(--biome-accent));min-height:46px;box-shadow:0 18px 44px color-mix(in srgb, var(--biome-primary) 22%, transparent);border-radius:999px;align-items:center;gap:8px;padding:0 16px;animation:1s ease-out both combo-pop;display:inline-flex;position:absolute;top:92px;right:16px}.combo-toast.fail{color:#ffe7f4;background:linear-gradient(135deg,#4a0d29,#ff5da9)}.combo-toast.snap{color:var(--ink);background:#051213e6}.combo-toast.combo,.combo-toast.sync{box-shadow:0 18px 44px color-mix(in srgb, var(--biome-primary) 26%, transparent), 0 0 0 1px color-mix(in srgb, var(--biome-accent) 40%, transparent), 0 0 28px color-mix(in srgb, var(--biome-accent) 28%, transparent);animation:1s ease-out both combo-pop-strong}@keyframes combo-pop-strong{0%{opacity:0;transform:translateY(14px)scale(.7)}16%{opacity:1;transform:translateY(0)scale(1.16)}34%{transform:translateY(0)scale(.98)}72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.96)}}.snap-streak{z-index:5;pointer-events:none;border:1px solid color-mix(in srgb, var(--biome-accent) 58%, transparent);background:radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--biome-primary) 24%, transparent), transparent 36%), #051213e6;min-width:190px;box-shadow:0 18px 44px #00000057, inset 0 0 24px color-mix(in srgb, var(--biome-primary) 12%, transparent);border-radius:8px;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:10px 12px;animation:1.75s ease-out both streak-rise;display:grid;position:absolute;top:84px;left:16px}.snap-streak span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.snap-streak strong{color:var(--gold);grid-area:1/2/span 2;font-size:1.6rem;line-height:1}.snap-streak em{color:var(--ink);font-size:.82rem;font-style:normal;font-weight:850}@keyframes combo-pop{0%{opacity:0;transform:translateY(12px)scale(.84)}18%{opacity:1;transform:translateY(0)scale(1.08)}72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.96)}}@keyframes streak-rise{0%{opacity:0;transform:translateY(12px)scale(.92)}16%{opacity:1;transform:translateY(0)scale(1.04)}76%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes burst{0%{opacity:.35;transform:rotate(var(--angle)) translateY(-120px) scaleY(.6)}to{opacity:1;transform:rotate(var(--angle)) translateY(-190px) scaleY(1)}}@keyframes sync-ready-pulse{0%,to{filter:saturate()}50%{filter:saturate(1.35)brightness(1.06)}}@keyframes sync-command-arrive{0%{opacity:0;filter:saturate(.8);transform:translateY(-8px)scale(.76)}70%{opacity:1;filter:saturate(1.18);transform:translateY(1px)scale(1.08)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}@keyframes move-danger-pulse{0%{filter:saturate();transform:translateY(0)scale(1)}to{filter:saturate(1.3)brightness(1.05);transform:translateY(-1px)scale(1.035)}}@keyframes sync-surge{0%{opacity:0;transform:scale(.64)}28%{opacity:.92}to{opacity:0;transform:scale(1.5)}}@keyframes booster-surge{0%{opacity:0;transform:translateY(16px)scale(.9)}34%{opacity:.78}to{opacity:0;transform:translateY(-12px)scale(1.18)}}@keyframes ring-ready{0%{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--biome-primary) 26%, transparent))}to{filter:drop-shadow(0 0 24px color-mix(in srgb, var(--biome-accent) 52%, transparent))}}.stage-strip{border:1px solid var(--line);background:#091c1df2;border-radius:8px;min-width:260px;padding:10px}.stage-strip.next-path{border-color:#f4d35e66;box-shadow:inset 0 0 24px #f4d35e12}.stage-label{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.stage-label span,.stage-strip em{color:var(--muted);font-size:.78rem;font-style:normal}.stage-label i{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.68rem;font-style:normal;font-weight:900}.level-dots{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.level-dots button{border-radius:999px;min-height:34px;padding:0;font-size:.76rem}.level-dots button.active{color:#071311;background:var(--gold)}@media (width<=980px){body{overflow:hidden}.welcome-screen,.welcome-scrim{height:100dvh;max-height:100dvh;overflow:hidden}.welcome-scrim{padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(10px,2.2svh,18px)}.title-lockup,.welcome-progress,.welcome-wallet{min-width:0}.brand-mark{width:clamp(54px,16vw,68px)}.title-lockup h1{font-size:clamp(3.2rem,18vw,5.2rem)}.app-shell{height:100dvh;overflow:hidden}.play-surface{min-height:0;overflow:hidden}.surface-glass{height:100%;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:0;min-height:0;overflow:hidden}.mission-panel,.meta-panel{display:none}.board-panel{border-color:color-mix(in srgb, var(--biome-primary) 34%, var(--line));height:100%;min-height:0;box-shadow:0 16px 58px #0000006b, inset 0 0 70px color-mix(in srgb, var(--biome-primary) 8%, transparent);order:1;grid-template-rows:minmax(0,1fr) auto}.board-canvas{background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--biome-primary) 28%, transparent), transparent 34%), radial-gradient(ellipse at 50% 78%, color-mix(in srgb, var(--biome-accent) 15%, transparent), transparent 28%), linear-gradient(180deg, #08201f38, #0000002e);height:100%;min-height:0}.play-hud{z-index:5;pointer-events:none;grid-template-columns:auto auto;grid-template-areas:"moves goals""readouts readouts";justify-content:space-between;gap:7px;display:grid;position:absolute;top:10px;left:10px;right:10px}.hud-moves,.hud-goals,.hud-readouts{border:1px solid color-mix(in srgb, var(--biome-primary) 26%, transparent);box-shadow:0 12px 34px #00000057, inset 0 0 20px color-mix(in srgb, var(--biome-primary) 7%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff0e,#ffffff05),#041011c7}.hud-moves{min-width:76px;min-height:54px;color:var(--biome-primary);border-radius:16px;grid-area:moves;grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:5px;padding:7px 10px;display:grid}.hud-moves svg{grid-row:1/span 2}.hud-moves strong{color:var(--ink);font-size:1.22rem;line-height:1}.hud-moves span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;font-weight:950}.hud-moves.danger{color:#2a0515;background:linear-gradient(135deg,#ff5da9d6,#f4d35ec7);border-color:#ffb7d69e;animation:.78s ease-in-out infinite alternate move-danger-pulse}.hud-moves.danger strong,.hud-moves.danger span{color:#260410}.hud-goals{border-radius:16px;grid-area:goals;justify-content:end;justify-self:end;align-items:center;gap:6px;min-width:0;padding:7px;display:flex}.hud-goals span{border:1px solid color-mix(in srgb, var(--goal-color) 42%, transparent);min-width:50px;min-height:40px;color:var(--goal-color);background:color-mix(in srgb, var(--goal-color) 10%, #030c0dbd);border-radius:12px;grid-template-columns:auto auto;place-items:center;gap:4px;padding:0 8px;display:inline-grid}.hud-goals b{font-size:1rem}.hud-goals strong{color:var(--ink);font-size:.86rem}.hud-readouts{border-radius:999px;grid-area:readouts;justify-content:center;gap:6px;padding:6px;display:flex}.hud-readouts span{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.68rem;font-weight:850;display:inline-flex}.hud-readouts .hud-build-status{color:var(--ink);font-weight:950}.hud-readouts .hud-build-status.ready{color:var(--biome-primary)}.hud-readouts .hud-build-status.partial{color:var(--gold)}.hud-readouts .hud-build-status.conflict,.hud-readouts .hud-build-status.pressure,.hud-readouts .danger{color:#ffb7d6}.play-surface:after{opacity:.045;background:radial-gradient(circle at 22% 78%, color-mix(in srgb, var(--biome-accent) 18%, transparent), transparent 28%), radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 30%)}.play-surface.skin-equipped:after{opacity:.22}.board-header{display:none}.command-bar{padding:8px 8px max(8px, env(safe-area-inset-bottom));background:linear-gradient(180deg, #030a0bd1, #030a0bf5), radial-gradient(circle at 50% 0, color-mix(in srgb, var(--biome-primary) 18%, transparent), transparent 58%);grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.command-bar button{border-radius:12px;min-width:0;min-height:44px;padding:0 8px}.command-bar .dock-boosters{order:1;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.command-bar .dock-booster{justify-content:center;min-width:0;padding:0 6px}.command-bar .dock-booster strong{font-size:.84rem}.command-bar .dock-booster span{min-width:22px;height:22px}.command-bar .turn-command{order:2;grid-column:span 2;min-height:50px;font-weight:950}.command-bar .hint-command{order:3;grid-column:span 2;min-height:50px;font-weight:950}.command-bar .primary-command{order:4;grid-column:span 2;min-height:50px;font-weight:950}.command-bar .more-command{opacity:.86;order:5;grid-column:1/-1;min-height:44px}.command-bar .dock-extra{display:none}.mission-panel{background:#051213c7;gap:10px;padding:12px}.mission-panel>div:first-child{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.mission-panel h1{margin-top:4px;font-size:1.28rem}.mechanic-runes{justify-content:end;margin-top:0}.forge-meter{grid-template-columns:82px minmax(0,1fr);padding:8px}.forge-ring{width:72px}.goal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.goal-tile{min-height:58px}.status-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.status-stack div{border:1px solid var(--line);background:#09232394;border-radius:8px;justify-items:center;gap:2px;padding:7px 6px;display:grid}.status-stack span{font-size:.7rem}.sync-readout{text-align:center;margin-top:0;padding:8px 10px}.world-map{max-height:48px;padding:4px 8px max(4px, env(safe-area-inset-bottom))}.board-panel .pip-corner{justify-items:end;bottom:200px;right:8px}.board-panel .pip-corner .pip-spark{width:44px;height:44px}.board-panel .pip-corner .pip-bubble{max-width:min(62vw,220px)}.stage-strip:not(.next-path){display:none}.stage-strip{min-width:100%;padding:6px 7px}.stage-label{margin-bottom:0}.stage-label span,.stage-label strong{font-size:.72rem}.level-dots button{min-height:30px}.training-coach{width:min(90%,390px);box-shadow:0 18px 38px #0000006b, 0 0 28px color-mix(in srgb, var(--biome-primary) 18%, transparent);background:#051213eb;border-color:#f4d35e8f;grid-template-columns:1fr;padding:9px 44px 9px 10px;top:126px;bottom:auto;left:50%;transform:translate(-50%)}.combo-toast{top:168px;right:18px}.training-coach p{display:none}.coach-oracle{grid-column:1;min-height:28px;padding-right:0}.coach-steps{display:none}.coach-close{min-height:32px;position:absolute;top:8px;right:8px}.start-dock{grid-template-columns:1fr;gap:8px;width:100%;max-width:100%}.start-dock button{min-width:0;min-height:44px}.briefing-panel{grid-template-columns:1fr;gap:12px;max-height:92svh;overflow:auto}.story-panel{max-height:92svh;padding:12px;overflow:hidden}.story-panel header{gap:4px;display:grid}.comic-strip{scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.comic-panel{scroll-snap-align:start;flex:0 0 min(82vw,310px);grid-template-rows:minmax(112px,1fr) auto auto auto;min-height:min(430px,56svh)}.comic-art{min-height:112px}.comic-art i{width:74px;height:74px}.story-continue{justify-self:stretch}.briefing-specimen{grid-row:auto;min-height:172px}.briefing-copy h2{font-size:2.25rem}.briefing-mechanic{grid-template-columns:auto 1fr}.briefing-mechanic span{grid-column:1/-1}.briefing-start{justify-self:stretch}.specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-overlay.collection-overlay{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.collection-panel{width:100%;max-width:100%;max-height:calc(100svh - max(20px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))));max-height:calc(100dvh - max(20px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))))}.collection-panel header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:12px;display:grid}.collection-panel header>div:first-child{min-width:0}.collection-panel header h2{font-size:clamp(1.35rem,7vw,2rem);line-height:1}.album-totals,.album-wallet{justify-items:start;margin:0}.album-totals{grid-area:2/1}.album-wallet{grid-area:3/1}.collection-panel header>button{grid-area:1/2;min-width:42px;min-height:42px;padding:0}.album-worlds{padding:10px}.album-world-title{grid-template-columns:auto minmax(0,1fr) auto}.album-world-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.specimen-tile{min-width:0;min-height:104px;padding:8px 6px}.failure-actions{grid-template-columns:1fr}.failure-card--repair .failure-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px) and (orientation:landscape){body,.app-shell{overflow:hidden}.app-shell{grid-template-rows:minmax(0,1fr)}.play-surface{min-height:0}.surface-glass{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:0;height:100dvh;min-height:0;padding:0;overflow:hidden}.board-panel{border-radius:0;grid-area:1/1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;height:100%;min-height:0}.board-canvas{grid-area:1/1;height:100%;min-height:0}.board-header{display:none}.board-panel .play-hud{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));grid-template-columns:auto auto;grid-template-areas:"moves goals""readouts readouts";gap:6px;width:auto;max-width:60vw;right:auto}.board-panel .play-hud .hud-readouts{justify-content:start}.command-bar{width:clamp(132px,22vw,168px);height:100%;padding:10px max(8px, env(safe-area-inset-right)) 10px 10px;border-top:none;border-left:1px solid var(--line);background:linear-gradient(270deg, #030a0beb, #030a0bb3), radial-gradient(circle at 100% 50%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 60%);grid-area:1/2;grid-template-columns:1fr;grid-auto-flow:row;align-content:center;justify-items:stretch;gap:6px;display:grid;overflow-y:auto}.command-bar button{border-radius:12px;min-width:0;min-height:42px;padding:0 8px}.command-bar .dock-boosters{order:1;grid-template-columns:1fr;gap:6px;display:grid}.command-bar .dock-booster{justify-content:space-between;min-height:40px;padding:0 12px}.command-bar .turn-command{order:2}.command-bar .hint-command{order:3}.command-bar .primary-command{order:4;min-height:50px;font-weight:950}.command-bar .more-command{opacity:.86;order:5;min-height:38px}.command-bar .dock-extra{display:none}.board-panel .pip-corner{bottom:14px;right:calc(clamp(132px,22vw,168px) + 12px)}.combo-toast{top:14px;right:calc(clamp(132px,22vw,168px) + 14px)}.snap-streak{top:96px;bottom:auto;left:50%;transform:translate(-50%)}.training-coach{top:max(8px, env(safe-area-inset-top));width:min(56%,380px);left:50%;transform:translate(-50%)}.world-map{display:none}}@media (width<=980px){.app-shell{grid-template-rows:minmax(0,1fr)}.surface-glass{padding:0}.board-panel{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 42%), #030a0b8f;box-shadow:inset 0 0 84px color-mix(in srgb, var(--biome-primary) 10%, transparent), inset 0 -90px 80px #00000061;border:0;border-radius:0;grid-template-rows:minmax(0,1fr)}.board-canvas,.board-awakening{grid-row:1;height:100%;min-height:0}.play-hud{z-index:9;top:max(10px, env(safe-area-inset-top));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"moves goals""readouts readouts";justify-content:center;align-items:start;gap:6px;left:78px;right:92px}.hud-moves,.hud-goals,.hud-readouts{border-color:color-mix(in srgb, var(--biome-primary) 32%, #ffffff1f);background:linear-gradient(135deg,#ffffff1f,#ffffff06),#030c0d9e;border-radius:999px;box-shadow:0 12px 30px #00000057,inset 0 1px #ffffff2e,inset 0 -12px 22px #0000002e}.hud-moves{min-width:64px;min-height:44px;padding:4px 10px}.hud-goals{justify-self:stretch;overflow:hidden}.hud-goals span{border-radius:999px;min-width:42px;min-height:34px;padding:0 7px}.hud-readouts{justify-self:center;max-width:100%;padding:5px 10px}.hud-readouts span:not(.hud-build-status){display:none}.command-bar{z-index:10;pointer-events:none;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.command-bar button{pointer-events:auto;border:1px solid color-mix(in srgb, var(--biome-primary) 40%, #ffffff2e);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 35% 18%,#ffffff47,#0000 30%),linear-gradient(#0c2425db,#030c0dc2);border-radius:999px;min-width:48px;min-height:48px;padding:0;position:absolute;box-shadow:0 14px 34px #0000006b,inset 0 1px #ffffff2e,inset 0 -10px 18px #00000038}.command-bar button:active{transform:translateY(1px)scale(.98)}.command-label{display:none}.command-bar .hint-command{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));width:54px;height:54px;color:var(--gold);border-color:#f4d35e94}.command-bar .hint-command.ready{color:#071311;background:radial-gradient(circle at 35% 18%,#ffffff57,#0000 30%),linear-gradient(160deg,#f4d35ecc,#69f47d75)}.command-bar .primary-command{right:max(12px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 78px);color:#071311;background:radial-gradient(circle at 34% 18%, #ffffff6b, transparent 30%), linear-gradient(135deg, var(--biome-primary), var(--gold));border-color:#f4d35eb8;width:82px;height:62px}.command-bar .primary-command.sync-ready{width:90px;box-shadow:0 0 0 1px #f4d35e8c, 0 0 32px color-mix(in srgb, var(--biome-primary) 62%, transparent), 0 18px 42px #0000007a, inset 0 1px 0 #ffffff5c}.command-bar .turn-command{right:max(14px, env(safe-area-inset-right));top:calc(max(12px, env(safe-area-inset-top)) + 68px);width:48px;height:48px;color:var(--biome-primary);opacity:.56}.command-bar .turn-command.ready{opacity:1;background:radial-gradient(circle at 35% 18%, #ffffff52, transparent 30%), linear-gradient(160deg, color-mix(in srgb, var(--biome-primary) 72%, #fff), color-mix(in srgb, var(--biome-accent) 42%, #071311));color:#061311}.command-bar .turn-command:disabled{opacity:.34}.command-bar .more-command{left:max(12px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));opacity:.9;width:50px;height:50px}.command-bar .dock-boosters{right:max(10px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 158px);pointer-events:auto;justify-content:center;gap:5px;display:grid;position:absolute}.command-bar .dock-booster{justify-content:center;width:44px;height:44px;position:relative;overflow:visible}.command-bar .dock-booster span{border:2px solid #030c0de6;min-width:18px;height:18px;font-size:.66rem;position:absolute;top:-4px;right:-3px}.command-bar .dock-extra,.command-bar .pulse-chip,.world-map{display:none}.board-panel .pip-corner{right:max(10px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 70px)}.board-panel .pip-corner .pip-bubble{max-width:min(58vw,210px)}.training-coach{z-index:11;top:calc(max(12px, env(safe-area-inset-top)) + 58px);background:linear-gradient(135deg,#ffffff14,#ffffff05),#041011d1;border-radius:18px;width:min(76vw,320px);left:50%;transform:translate(-50%)}.combo-toast{z-index:12;top:calc(max(12px, env(safe-area-inset-top)) + 68px);right:78px}.snap-streak{z-index:12;left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px);transform:translate(-50%)}.skill-intro{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 122px)}}@media (width<=430px){.play-hud{left:74px;right:84px}.hud-goals span{min-width:34px;padding:0 5px}}@media (width<=980px) and (orientation:landscape){.board-panel{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.board-canvas{grid-column:1}.board-panel .play-hud{max-width:none;left:78px;right:92px}.command-bar{grid-area:1/1;width:auto;height:auto;overflow:visible}.command-bar .dock-boosters{left:auto;right:max(14px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 150px);transform:none}.command-bar .more-command{left:auto;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom))}.board-panel .pip-corner{left:max(14px, env(safe-area-inset-left));right:auto;top:calc(max(12px, env(safe-area-inset-top)) + 66px);flex-direction:column-reverse;align-items:flex-start;gap:8px;max-width:min(72vw,300px);display:flex;bottom:auto}.board-panel .pip-corner .pip-bubble{border-radius:4px 14px 14px}.training-coach{width:min(44vw,360px)}}@media (width<=980px){.command-bar>.holdtip-anchor{pointer-events:auto}.command-bar .hint-anchor,.command-bar .sync-anchor,.command-bar .turn-anchor,.command-bar .more-anchor{display:block;position:absolute}.command-bar .hint-anchor{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));width:54px;height:54px}.command-bar .sync-anchor{right:max(12px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 78px);width:82px;height:62px}.command-bar .turn-anchor{right:max(14px, env(safe-area-inset-right));top:calc(max(12px, env(safe-area-inset-top)) + 68px);width:48px;height:48px}.command-bar .more-anchor{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));width:50px;height:50px;bottom:auto;left:auto}.command-bar button{width:100%;height:100%;position:relative}.command-bar .hint-command,.command-bar .primary-command,.command-bar .turn-command,.command-bar .more-command{width:100%;height:100%;inset:auto}.command-bar .sync-anchor:has(.sync-ready){width:90px}.command-bar .dock-boosters .holdtip-anchor{width:44px;height:44px;position:relative}}@media (width<=980px) and (orientation:landscape){.command-bar .more-anchor{left:auto;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom))}}@media (width>=981px){.more-command{display:none}}.stats-sheet-backdrop{z-index:26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020707a8;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.stats-sheet{width:min(560px,100%);max-height:86svh;padding:10px 14px max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 42%), #051213f7;border-bottom:none;border-radius:20px 20px 0 0;grid-template-rows:auto auto minmax(0,1fr);gap:12px;animation:.24s cubic-bezier(.2,.9,.3,1) both sheet-rise;display:grid;box-shadow:0 -24px 80px #00000080}[data-reduced-motion=true] .stats-sheet{animation:none}.stats-sheet-handle{background:#e8f8f166;border-radius:999px;justify-self:center;width:42px;height:4px;margin-top:4px}.stats-sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.stats-sheet-head h2{font-size:1.1rem}.stats-sheet-close{min-height:44px;padding:0 16px;font-weight:900}.stats-sheet-body{gap:12px;padding-bottom:4px;display:grid;overflow:auto}.stats-sheet .collection-card{display:grid}.stats-sheet .collection-card span{font-size:2rem}.sheet-mission{border:1px solid var(--line);background:#0818188c;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.sheet-mission strong{font-size:1.14rem}.sheet-mission-stats{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:.82rem;display:flex}.sheet-mission-stats b{color:var(--ink);font-weight:800}.settings-danger{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.settings-howto{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#08181899;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:inline-flex}.settings-danger-open{color:#ffb4a0;background:#3c141059;border:1px solid #f0785a80;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.settings-danger-confirm{background:#32100e8c;border:1px solid #f0785a9e;border-radius:14px;gap:8px;padding:14px;display:grid}.settings-danger-confirm strong{color:#ffd0c4;font-size:1rem}.settings-danger-confirm p{color:var(--muted);font-size:.82rem;line-height:1.32}.settings-danger-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-danger-actions button{border-radius:12px;min-height:44px;padding:0 16px;font-weight:800}.settings-danger-go{color:#fff;background:linear-gradient(#d9503c,#a5301f);border:1px solid #f05a46d9}.pause-head{align-items:flex-start}.pause-title h2{font-size:1.3rem;line-height:1.1}.pause-resume{color:#04201d;background:linear-gradient(#7ff0c0,#35c88f);border:none;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:800;display:inline-flex}.pause-specimen{border:1px solid var(--line);background:radial-gradient(120% 90% at 12% 0%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 60%), #0818188c;border-radius:18px;justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.pause-specimen .specimen-figure{flex:none}.pause-specimen-text{justify-items:center;gap:4px;display:grid}.pause-specimen-text strong{font-size:1.1rem}.pause-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pause-stats>div{border:1px solid var(--line);text-align:center;background:#06141480;border-radius:12px;gap:2px;padding:10px 4px;display:grid}.pause-stats b{color:var(--ink);font-size:1.08rem}.pause-stats span{color:var(--muted);font-size:.64rem}.pause-restart{min-height:52px;color:var(--ink);background:linear-gradient(#20302aeb,#0c1614f5);border:1px solid #f4d35e6b;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:800;display:inline-flex}.pause-nav{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;display:grid}.pause-dev{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.pause-tile{border:1px solid var(--line);min-height:70px;color:var(--ink);background:#081a1c8c;border-radius:14px;align-content:center;justify-items:center;gap:6px;padding:10px 4px;font-size:.76rem;font-weight:600;display:grid}.pause-tile:active{transform:scale(.97)}@media (width<=380px){.pause-stats{grid-template-columns:repeat(2,1fr)}}.briefing-specimen{background:0 0;place-items:center;gap:8px;display:grid}.briefing-specimen .specimen-figure{filter:drop-shadow(0 8px 18px #00000073)}.briefing-specimen-tag{color:var(--gold,#f4d35e);letter-spacing:.04em;text-transform:uppercase;border:1px solid #f4d35e66;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.briefing-pip{border:1px solid color-mix(in srgb, var(--gold,#f4d35e) 30%, var(--line));text-align:left;background:#06141480;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.briefing-pip-avatar{background:radial-gradient(circle at 40% 34%, var(--gold,#f4d35e), var(--cyan,#52f1e4));border-radius:999px;flex:none;width:26px;height:26px;margin-top:2px;box-shadow:0 0 10px #52f1e480}.briefing-pip p{font-size:.86rem;line-height:1.32}.briefing-pip strong{color:var(--ink)}.briefing-pip span{color:var(--muted)}.rotate-controls{z-index:8;border:1px solid color-mix(in srgb, var(--gold,#f4d35e) 36%, var(--line));background:#051213e0;border-radius:999px;align-items:center;gap:12px;padding:6px 12px;animation:.2s ease-out both rotate-controls-pop;display:flex;position:absolute;bottom:132px;left:50%;box-shadow:0 12px 34px #00000073}[data-reduced-motion=true] .rotate-controls{animation:none;transform:translate(-50%)}.rotate-btn{width:52px;height:52px;min-height:52px;color:var(--gold,#f4d35e);background:radial-gradient(circle at 50% 32%,#28361ef5,#0c1614fa);border:1px solid #f4d35e8c;border-radius:999px;place-items:center;padding:0;display:grid}.rotate-btn:active{transform:scale(.94)}.rotate-controls--hint .rotate-btn{animation:1.2s ease-in-out infinite rotate-hint-pulse}@keyframes rotate-hint-pulse{0%,to{box-shadow:0 0 #f4d35e00}50%{box-shadow:0 0 0 9px #f4d35e80}}[data-reduced-motion=true] .rotate-controls--hint .rotate-btn{animation:none}.rotate-controls--hint{border-color:var(--gold,#f4d35e);box-shadow:0 12px 34px #00000073, 0 0 0 2px color-mix(in srgb, var(--gold,#f4d35e) 45%, transparent), 0 0 28px color-mix(in srgb, var(--gold,#f4d35e) 42%, transparent)}.rotate-hint-label{background:var(--gold,#f4d35e);color:#08140c;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.76rem;font-weight:900;animation:1.2s ease-in-out infinite rotate-hint-bounce;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0000006b}.rotate-hint-label:after{content:"";border:6px solid #0000;border-top-color:var(--gold,#f4d35e);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes rotate-hint-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}[data-reduced-motion=true] .rotate-hint-label{animation:none}.rotate-controls-label{letter-spacing:.03em;color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800}@keyframes rotate-controls-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sheet-rise{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.play-dock-message{display:contents}.pip{z-index:8;pointer-events:none;justify-items:end;gap:8px;display:grid}.pip-corner{left:max(12px, env(safe-area-inset-left));right:auto;bottom:max(96px, calc(env(safe-area-inset-bottom) + 96px));align-items:flex-start;position:absolute}.pip-inline{right:max(14px, calc(env(safe-area-inset-right) + 14px));bottom:max(14px, calc(env(safe-area-inset-bottom) + 14px));z-index:14;width:min(320px, calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)));contain:layout paint;align-items:flex-end;max-width:calc(100vw - 28px);position:fixed}.pip-bubble{border:1px solid color-mix(in srgb, var(--gold,#f4d35e) 50%, var(--line));background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--cyan,#52f1e4) 14%, transparent), transparent 36%), #051213f5;pointer-events:auto;border-radius:14px 14px 4px;gap:2px;max-width:min(100%,260px);padding:10px 34px 10px 14px;animation:.22s ease-out both pip-bubble-pop;display:grid;position:relative;box-shadow:0 14px 38px #0006}[data-reduced-motion=true] .pip-bubble{animation:none}.pip-bubble strong{color:var(--ink);font-size:.92rem;line-height:1.15}.pip-bubble span{color:var(--muted);font-size:.78rem;line-height:1.2}.pip-bubble-close{border-radius:999px;place-items:center;min-width:28px;min-height:28px;padding:0;display:grid;position:absolute;top:6px;right:6px}.pip-spark{filter:drop-shadow(0 6px 16px #080e1c73);pointer-events:auto;background:0 0;border:none;border-radius:999px;place-items:center;width:56px;height:56px;min-height:0;padding:0;display:grid}.pip-inline .pip-spark{width:72px;height:72px}.pip-svg{width:100%;height:100%;overflow:visible}.pip-rays{transform-box:fill-box;transform-origin:50%;animation:16s linear infinite pip-spin}[data-reduced-motion=true] .pip-glow,[data-reduced-motion=true] .pip-rays{animation:none}.pip-corner .pip-spark{width:62px;height:62px;animation:7s ease-in-out infinite pip-pop}@keyframes pip-pop{0%,86%,to{transform:translateY(0)scale(1)}90%{transform:translateY(-7px)scale(1.09)}94%{transform:translateY(0)scale(1)}}[data-reduced-motion=true] .pip-corner .pip-spark{animation:none}@keyframes pip-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pip-bubble-pop{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.pip-glow,.pip-rays,.pip-bubble,.stats-sheet{animation:none!important}}@media (width>=981px){.app-shell{grid-template-rows:minmax(0,1fr);height:100svh}.play-surface{min-height:0;overflow:hidden}.surface-glass{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:0;height:100svh;min-height:0;padding:0}.surface-glass>.mission-panel,.surface-glass>.meta-panel,.app-shell>.world-map{display:none}.board-panel{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 42%), #030a0b94;height:100%;min-height:0;box-shadow:inset 0 0 104px color-mix(in srgb, var(--biome-primary) 10%, transparent), inset 0 -120px 94px #0000006b;border:0;border-radius:0;grid-area:1/1;grid-template-rows:minmax(0,1fr)}.board-header{display:none}.board-canvas,.board-awakening{background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--biome-primary) 24%, transparent), transparent 34%), radial-gradient(ellipse at 50% 82%, color-mix(in srgb, var(--biome-accent) 13%, transparent), transparent 30%), linear-gradient(180deg, #08201f2e, #00000029);grid-row:1;height:100%;min-height:0}.play-hud{z-index:9;pointer-events:none;grid-template-columns:auto minmax(220px,auto);grid-template-areas:"moves goals""readouts readouts";justify-content:center;align-items:start;gap:8px;display:grid;position:absolute;top:18px;left:104px;right:124px}.hud-moves,.hud-goals,.hud-readouts{border:1px solid color-mix(in srgb, var(--biome-primary) 34%, #ffffff1f);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff1f,#ffffff06),#030c0d9e;border-radius:999px;box-shadow:0 14px 36px #00000057,inset 0 1px #ffffff2e,inset 0 -12px 22px #0000002e}.hud-moves{min-width:76px;min-height:50px;color:var(--biome-primary);grid-area:moves;grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:6px;padding:6px 12px;display:grid}.hud-moves svg{grid-row:1/span 2}.hud-moves strong{color:var(--ink);font-size:1.24rem;line-height:1}.hud-moves span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:950}.hud-goals{grid-area:goals;justify-content:center;align-items:center;gap:7px;padding:7px;display:flex}.hud-goals span{border:1px solid color-mix(in srgb, var(--goal-color) 42%, transparent);min-width:58px;min-height:38px;color:var(--goal-color);background:color-mix(in srgb, var(--goal-color) 10%, #030c0dbd);border-radius:999px;grid-template-columns:auto auto;place-items:center;gap:5px;padding:0 10px;display:inline-grid}.hud-readouts{grid-area:readouts;justify-self:center;gap:8px;max-width:min(680px,100%);padding:6px 12px;display:flex}.hud-readouts span{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:.72rem;font-weight:850;display:inline-flex}.hud-readouts .hud-build-status.ready{color:var(--biome-primary)}.hud-readouts .hud-build-status.partial{color:var(--gold)}.command-bar{z-index:10;pointer-events:none;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.command-bar>.holdtip-anchor{pointer-events:auto}.command-bar button{border:1px solid color-mix(in srgb, var(--biome-primary) 40%, #ffffff2e);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 35% 18%,#ffffff47,#0000 30%),linear-gradient(#0c2425db,#030c0dc2);border-radius:999px;width:100%;min-width:0;height:100%;min-height:0;padding:0;position:relative;box-shadow:0 16px 38px #0000006b,inset 0 1px #ffffff2e,inset 0 -10px 18px #00000038}.command-label{display:none}.command-bar .hint-anchor,.command-bar .sync-anchor,.command-bar .turn-anchor,.command-bar .more-anchor{display:block;position:absolute}.command-bar .hint-anchor{width:58px;height:58px;top:22px;left:22px}.command-bar .sync-anchor{width:90px;height:64px;bottom:92px;right:22px}.command-bar .turn-anchor{width:52px;height:52px;top:94px;right:28px}.command-bar .more-anchor{width:52px;height:52px;inset:22px 22px auto auto}.command-bar .hint-command{color:var(--gold);border-color:#f4d35e94}.command-bar .hint-command.ready{color:#071311;background:radial-gradient(circle at 35% 18%,#ffffff57,#0000 30%),linear-gradient(160deg,#f4d35ecc,#69f47d75)}.command-bar .primary-command{color:#071311;background:radial-gradient(circle at 34% 18%, #ffffff6b, transparent 30%), linear-gradient(135deg, var(--biome-primary), var(--gold));border-color:#f4d35eb8}.command-bar .primary-command.sync-ready{box-shadow:0 0 0 1px #f4d35e8c, 0 0 32px color-mix(in srgb, var(--biome-primary) 62%, transparent), 0 18px 42px #0000007a, inset 0 1px 0 #ffffff5c}.command-bar .turn-command{color:var(--biome-primary);opacity:.58}.command-bar .turn-command.ready{opacity:1;color:#061311;background:radial-gradient(circle at 35% 18%, #ffffff52, transparent 30%), linear-gradient(160deg, color-mix(in srgb, var(--biome-primary) 72%, #fff), color-mix(in srgb, var(--biome-accent) 42%, #071311))}.command-bar .turn-command:disabled{opacity:.34}.command-bar .more-command{display:inline-flex}.command-bar .dock-extra,.command-bar .pulse-chip{display:none}.command-bar .dock-boosters{pointer-events:auto;gap:8px;display:grid;position:absolute;bottom:172px;right:22px}.command-bar .dock-boosters .holdtip-anchor{width:50px;height:50px}.command-bar .dock-booster{justify-content:center}.command-bar .dock-booster span{border:2px solid #030c0de6;min-width:22px;height:22px;position:absolute;top:-5px;right:-4px}.training-coach{z-index:11;background:linear-gradient(135deg,#ffffff14,#ffffff05),#041011d6;border-radius:18px;width:min(420px,42vw);top:94px;left:50%;transform:translate(-50%)}.board-panel .pip-corner{flex-direction:column-reverse;align-items:flex-start;gap:8px;max-width:min(70vw,300px);display:flex;inset:84px auto auto 14px}.board-panel .pip-corner .pip-bubble{border-radius:4px 14px 14px}.combo-toast{z-index:12;top:94px;right:96px}.snap-streak{z-index:12;bottom:90px;left:50%;transform:translate(-50%)}.skill-intro{bottom:96px}.stats-sheet-backdrop{place-items:stretch end;padding:16px}.stats-sheet{border:1px solid var(--line);border-radius:22px;width:min(480px,100vw - 32px);height:100%;max-height:none;padding:12px 16px 16px;animation:.22s cubic-bezier(.2,.9,.3,1) both drawer-rise;box-shadow:-24px 0 80px #00000080}.stats-sheet-handle{display:none}}@keyframes drawer-rise{0%{opacity:.4;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.training-coach{top:max(14px, env(safe-area-inset-top));background:linear-gradient(135deg, #ffffff14, #ffffff05), color-mix(in srgb, var(--biome-shadow,#041011) 82%, #051213db);width:min(360px,100vw - 96px);min-height:48px;box-shadow:0 14px 30px #0000005c, 0 0 24px color-mix(in srgb, var(--biome-primary) 18%, transparent);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:8px 44px 8px 10px;bottom:auto;left:50%;transform:translate(-50%)}.training-coach p,.coach-steps{display:none}.coach-helper{width:38px;height:38px;top:50%;left:-12px;transform:translateY(-50%)}.coach-helper i{width:34px;height:34px}.coach-helper b{width:14px;height:14px;transform:translate(13px,-12px)rotate(14deg)}.coach-oracle{grid-column:1;gap:8px;min-width:0;min-height:28px}.coach-oracle span{flex:none;width:46px;height:24px;margin-left:20px}.coach-oracle strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;line-height:1.05;overflow:hidden}.coach-close{min-width:34px;min-height:34px;padding:0;position:absolute;top:7px;right:7px}@media (width<=980px) and (orientation:landscape){.training-coach{display:none}}@media (width<=980px) and (orientation:portrait){.board-panel{--play-msg-h:58px;--tray-strip-h:108px;--play-abilities-h:62px;grid-template-rows:auto var(--play-msg-h) minmax(0, 1fr);padding-bottom:env(safe-area-inset-bottom,0px)}.board-panel .play-hud{width:auto;max-width:none;padding:max(8px, env(safe-area-inset-top)) 66px 4px;grid-row:1;grid-template-columns:auto auto;grid-template-areas:"moves hint""readouts readouts";justify-content:center;align-items:center;gap:5px;display:grid;position:static;transform:none}.board-panel .play-dock-message{min-width:0;height:var(--play-msg-h);border-bottom:1px solid color-mix(in srgb, var(--biome-primary) 24%, var(--line));background:linear-gradient(180deg, #030a0beb, #030a0bcc), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 60%);grid-row:2;align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.board-panel .play-dock-message .pip-corner{z-index:auto;flex-direction:row-reverse;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:none;display:flex;position:static}.board-panel .play-dock-message .pip-spark{flex:none;width:42px;height:42px}.board-panel .play-dock-message .pip-bubble{border-radius:12px;flex:auto;min-width:0;max-width:none;padding:5px 34px 5px 12px}.board-panel .play-dock-message .pip-bubble:after{display:none}.board-panel .play-dock-message .pip-bubble strong,.board-panel .play-dock-message .pip-bubble span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-panel .play-dock-message .pip-bubble strong{font-size:.86rem}.board-panel .play-dock-message .pip-bubble span{font-size:.74rem}.board-panel .play-dock-message .training-coach{z-index:12;width:auto;min-height:44px;position:absolute;inset:7px 8px auto 58px;transform:none}.board-panel .play-dock-message .training-coach:has(.mechanic-demo){border-radius:20px;left:8px}.board-panel .play-dock-message .coach-helper{display:none}.board-panel .play-dock-message .coach-oracle span{margin-left:2px}.board-canvas,.board-awakening{grid-row:3;height:100%;min-height:0}.command-bar{pointer-events:none;z-index:9;background:0 0;border:0;width:auto;height:auto;padding:0;display:block;position:absolute;inset:0}.command-bar .dock-extra-anchor{display:none}.command-bar>.holdtip-anchor{pointer-events:auto}.command-bar .dock-boosters{left:auto;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--tray-strip-h) + 8px);pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute}.command-bar .dock-boosters .holdtip-anchor{width:46px;height:46px}.command-bar .more-anchor{bottom:auto;left:auto;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:10;width:50px;height:50px;position:absolute}.rotate-controls{left:12px;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--tray-strip-h) + 8px);gap:10px;padding:4px 10px;animation-name:rotate-controls-pop-left;transform:none}.rotate-btn{width:46px;height:46px;min-height:46px}.skill-intro{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--tray-strip-h) + var(--play-abilities-h) + 12px)}}@keyframes rotate-controls-pop-left{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.play-hud .hud-hint-anchor{pointer-events:auto;grid-area:hint;display:block}.hud-hint{min-width:44px;min-height:44px;color:var(--gold);letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 35% 18%,#ffffff38,#0000 32%),linear-gradient(#0c2425e6,#030c0dcc);border:1px solid #f4d35e94;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.8rem;font-weight:950;display:inline-flex;box-shadow:0 10px 26px #00000059,inset 0 1px #ffffff29}.hud-hint.ready{color:#071311;background:radial-gradient(circle at 35% 18%,#ffffff57,#0000 30%),linear-gradient(160deg,#f4d35ed9,#69f47d80)}.hud-hint:active{transform:translateY(1px)scale(.98)}.play-hud,.board-panel .play-hud{grid-template-columns:auto auto;grid-template-areas:"moves hint""readouts readouts"}@media (width<=980px) and (orientation:portrait){[data-reduced-motion=true] .rotate-controls{transform:none}}@media (width<=980px) and (orientation:landscape){.command-bar .more-anchor{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 92px)}}.hero-art{filter:drop-shadow(0 6px 14px #080e1c73);display:block;overflow:visible}.hero-art *{transform-box:fill-box;transform-origin:50%}.hero-art--still,.hero-art--still *{animation:none!important}@keyframes hero-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes hero-pulse-glow{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes hero-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hero-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes hero-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-shimmer{0%,to{opacity:.35}50%{opacity:.9}}@keyframes hero-wiggle{0%,to{transform:translate(0)}25%{transform:translate(2px)rotate(2deg)}75%{transform:translate(-2px)rotate(-2deg)}}@keyframes hero-rise{0%{opacity:.4;transform:translateY(3px)}60%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.hero-art .hero-anim-breathe{animation:3.4s ease-in-out infinite hero-breathe}.hero-art .hero-anim-glow{animation:2.6s ease-in-out infinite hero-pulse-glow}.hero-art .hero-anim-bob{animation:3s ease-in-out infinite hero-bob}.hero-art .hero-anim-sway{animation:4s ease-in-out infinite hero-sway}.hero-art .hero-anim-spin{animation:14s linear infinite hero-spin}.hero-art .hero-anim-shimmer{animation:2.2s ease-in-out infinite hero-shimmer}.hero-art .hero-anim-wiggle{animation:2.4s ease-in-out infinite hero-wiggle}.hero-art .hero-anim-rise{animation:3.6s ease-in-out infinite hero-rise}.hero-art .hero-delay-1{animation-delay:.4s}.hero-art .hero-delay-2{animation-delay:.9s}.hero-art .hero-delay-3{animation-delay:1.5s}.specimen-hero{place-content:center;place-items:center;display:grid;position:absolute;inset:0}.specimen-hero--large{padding:4px 0 2px}.reward-hero{place-items:center;margin:2px auto 4px;animation:.62s cubic-bezier(.18,1.2,.4,1) both hero-reveal-pop;display:grid}.reward-overlay[data-reduced-motion=true] .reward-hero{animation:none}@keyframes hero-reveal-pop{0%{opacity:0;transform:scale(.4)translateY(14px)}70%{opacity:1;transform:scale(1.08)translateY(0)}to{transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-art *,.reward-hero{animation:none!important}}.creature-svg{filter:drop-shadow(0 5px 9px #060c1652);display:block;overflow:visible}.creature-svg .creature-anim,.creature-svg .creature-halo,.creature-svg .creature-shadow,.creature-svg .creature-sheen{transform-box:fill-box;transform-origin:50%}.creature-svg--still .creature-anim,.creature-svg--still .creature-halo,.creature-svg--still .creature-shadow,.creature-svg--still .creature-sheen{animation:none!important}.creature-motion-breathe .creature-anim{animation:3.6s ease-in-out infinite creature-breathe}.creature-motion-pulse .creature-anim{animation:2.8s ease-in-out infinite creature-breathe}.creature-motion-drift .creature-anim{animation:3.4s ease-in-out infinite creature-drift}.creature-motion-flutter .creature-anim{animation:1.6s ease-in-out infinite creature-flutter}.creature-motion-charge .creature-anim{animation:2.4s ease-in-out infinite creature-bob}.creature-svg .creature-halo{animation:3.2s ease-in-out infinite creature-halo}.creature-svg .creature-shadow{animation:3.6s ease-in-out infinite creature-contact}.creature-svg .creature-sheen{animation:4.8s ease-in-out infinite creature-glint}@keyframes creature-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2.5px)scale(1.045)}}@keyframes creature-drift{0%,to{transform:translate(-2px)rotate(-1.6deg)}50%{transform:translate(2px,-2.5px)rotate(1.6deg)}}@keyframes creature-flutter{0%,to{transform:translateY(0)rotate(-2.6deg)}50%{transform:translateY(-3px)rotate(2.6deg)}}@keyframes creature-bob{0%,to{transform:translateY(1px)}50%{transform:translateY(-3.5px)}}@keyframes creature-halo{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes creature-contact{0%,to{opacity:.92;transform:scale(1)}50%{opacity:.6;transform:scale(.88)}}@keyframes creature-glint{0%,to{opacity:.5}45%{opacity:1}72%{opacity:.72}}.specimen-figure.locked.has-silhouette{opacity:1;filter:none}@media (prefers-reduced-motion:reduce){.creature-svg .creature-anim,.creature-svg .creature-halo,.creature-svg .creature-shadow,.creature-svg .creature-sheen{animation:none!important}}.album-era{border:1px solid var(--line);background:linear-gradient(160deg,#0b2222b8,#051011db);border-radius:12px;padding:16px}.album-era-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.album-era-index{min-width:34px;height:34px;color:var(--gold);background:#f4d35e1a;border:1px solid #f4d35e47;border-radius:8px;place-items:center;padding:0 6px;font-size:.9rem;font-weight:800;display:grid}.album-era-titles{gap:1px;min-width:0;display:grid}.album-era-titles strong{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.1;overflow:hidden}.album-era-titles span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.album-era-progress{text-align:right;justify-items:end;gap:3px;display:grid}.album-era-progress b{color:var(--ink);font-size:.92rem}.album-era-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.album-tile{text-align:center;min-height:210px;color:var(--muted);background:#030a0ba8;border:1px solid #7df5e524;border-radius:12px;grid-template-rows:1fr auto auto auto;place-items:center;gap:7px;padding:14px 10px;display:grid;position:relative;overflow:hidden}.album-tile .specimen-figure{width:112px;height:112px}.album-tile.unlocked{color:var(--ink);background:radial-gradient(circle at 50% 20%,#7df5e51f,#0000 46%),#081a1bd1;border-color:#7df5e53d}.album-tile[data-rarity=uncommon].unlocked{border-color:#69f47d66}.album-tile[data-rarity=rare].unlocked{border-color:#78f5ff70;box-shadow:inset 0 0 26px #78f5ff14}.album-tile[data-rarity=mythic].unlocked{border-color:#c57bff80;box-shadow:inset 0 0 30px #c57bff1f}.album-tile[data-rarity=rare]:not(.unlocked){border-color:#78f5ff33}.album-tile[data-rarity=mythic]:not(.unlocked){border-color:#c57bff42}.album-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;line-height:1.12;overflow:hidden}.album-tile.locked .album-tile-name{color:#9bb8b1e6}.album-tile-chip{text-transform:uppercase;letter-spacing:.08em;color:#06110f;background:var(--muted);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.58rem;font-weight:800;display:inline-flex}.album-tile-chip[data-rarity=common]{color:#06110f;background:#cfe6df}.album-tile-chip[data-rarity=uncommon]{background:#69f47d}.album-tile-chip[data-rarity=rare]{background:#78f5ff}.album-tile-chip[data-rarity=mythic]{color:#f4ecff;background:linear-gradient(135deg,#c57bff,#8f5bff)}.album-tile:not(.unlocked) .album-tile-chip{color:var(--muted);background:#7df5e514;border:1px solid}.album-tile:not(.unlocked) .album-tile-chip[data-rarity=rare]{color:#78f5ff}.album-tile:not(.unlocked) .album-tile-chip[data-rarity=mythic]{color:#c57bff}.album-tile .star-row{gap:3px}.album-tile.recent{border-color:#f4d35ebf;box-shadow:inset 0 0 30px #f4d35e1f,0 0 24px #f4d35e29}.album-tile-new{color:#071311;background:linear-gradient(135deg, var(--gold), #ffe08a);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 7px;font-size:.56rem;font-weight:900;position:absolute;top:6px;right:6px}@media (width<=980px){.album-era-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.album-tile{min-height:196px;padding:12px 8px}}@media (width<=560px){.album-era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.failure-overlay .failure-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-top:4px;display:flex}.failure-overlay .failure-actions button{letter-spacing:.01em;border-radius:12px;flex:140px;justify-content:center;align-items:center;gap:8px;min-width:120px;min-height:50px;padding:0 16px;font-size:.94rem;font-weight:800;line-height:1;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.failure-overlay .failure-card--repair .failure-actions button{min-height:50px}.failure-overlay .failure-actions button:not(.primary-command){color:#ffdcec;background:linear-gradient(#ff5da929,#ff5da912);border:1px solid #ff8abd66;box-shadow:inset 0 1px #ffffff14}.failure-overlay .failure-actions button:not(.primary-command):hover{background:linear-gradient(#ff5da93d,#ff5da91f);border-color:#ffa8d0d1}.failure-overlay .failure-actions button.primary-command{color:#06100a;background:linear-gradient(135deg,#69f47d,#f4d35e);border:1px solid #f4d35e99;flex:1.4 152px;min-width:132px;box-shadow:0 10px 26px #00000057,inset 0 1px #fff6}.failure-overlay .failure-actions button.primary-command:hover{border-color:#f4d35eeb}.failure-overlay .failure-actions button:active{transform:translateY(1px)}.failure-overlay .failure-actions button svg{flex:none}@media (width<=520px){.failure-overlay .failure-actions button{flex-basis:calc(50% - 5px)}.failure-overlay .failure-actions button.primary-command{flex-basis:100%}}.failure-overlay .failure-card{animation:.42s cubic-bezier(.22,.9,.32,1) both failure-card-in}.failure-overlay .failure-actions button.retry-command{color:#fff3d1;background:linear-gradient(#f4d35e38,#f4d35e14);border:1px solid #f4d35e80;position:relative}.failure-overlay .failure-actions button.retry-command:hover{background:linear-gradient(#f4d35e4d,#f4d35e1f);border-color:#f4d35ed9}.failure-overlay .failure-actions button.retry-command{animation:2.4s ease-in-out .6s infinite failure-retry-pulse}@keyframes failure-card-in{0%{opacity:0;transform:translateY(10px)translate(0)}35%{opacity:1;transform:translateY(0)translate(-6px)}55%{transform:translateY(0)translate(4px)}75%{transform:translateY(0)translate(-2px)}to{transform:translateY(0)translate(0)}}@keyframes failure-retry-pulse{0%,to{box-shadow:0 0 #f4d35e66}50%{box-shadow:0 0 0 6px #f4d35e00}}@media (prefers-reduced-motion:reduce){.failure-overlay .failure-card{opacity:1!important;animation:none!important;transform:none!important}.failure-overlay .failure-actions button.retry-command{box-shadow:none!important;animation:none!important}}.star-row.star-row-md{gap:4px}.star-row.star-row-sm{gap:2px}.world-levels .star-row{color:inherit;gap:1px}.world-levels .star-row svg{filter:none;width:9px;height:9px}.world-levels .star-row svg.earned{filter:drop-shadow(0 0 3px #f4d35eb8)}.world-grid .world-levels button.path-completed{color:var(--gold);background:radial-gradient(circle at 50% 32%,#14342cf5,#061412fa);border:1px solid #f4d35e9e;box-shadow:inset 0 0 12px #f4d35e24}.world-grid .world-levels button{min-height:44px}.world-levels .level-chip-unplayed{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.world-levels .level-chip-unplayed .star-row svg{opacity:.5}.world-levels .level-chip-unplayed .level-num{color:var(--muted);font-size:.72rem;font-weight:800}.world-card .world-card-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.world-card .world-era-chip{border:1px solid var(--line);white-space:nowrap;color:var(--muted);letter-spacing:.02em;border-radius:999px;place-self:center end;padding:2px 8px;font-size:.66rem}.world-card-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.world-card-meta .world-card-status{margin-bottom:0}.world-card-progress{border:1px solid var(--line);background:#e8f8f11a;border-radius:999px;flex:0 84px;min-width:52px;height:6px;position:relative;overflow:hidden}.world-card-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f4d35ed9,#ffe99d);height:100%;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #f4d35e80}.stage-label .stage-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.stage-strip .stage-era-chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.64rem;font-style:normal}.level-dots .dot-star{fill:#061311;stroke:#061311}.stage-strip .stage-progress{border:1px solid var(--line);background:#e8f8f11a;border-radius:999px;width:100%;height:5px;margin-top:8px;display:block;position:relative;overflow:hidden}.stage-strip .stage-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f4d35ed9,#ffe99d);height:100%;position:absolute;inset:0 auto 0 0;box-shadow:0 0 6px #f4d35e80}@media (prefers-reduced-motion:reduce){.star-row svg,.world-card-progress-fill,.stage-strip .stage-progress-fill{transition:none}}.finale-overlay{z-index:40;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 26%, color-mix(in srgb, var(--gold) 20%, transparent), transparent 42%), radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--biome-primary,#69f47d) 24%, transparent), transparent 48%), radial-gradient(circle at 12% 86%, color-mix(in srgb, var(--biome-accent,#52f1e4) 16%, transparent), transparent 34%), #010506e6;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);overflow:hidden}.finale-card{z-index:1;text-align:center;border:1px solid color-mix(in srgb, var(--gold) 46%, transparent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 44%), radial-gradient(circle at 18% 100%, color-mix(in srgb, var(--biome-primary,#69f47d) 12%, transparent), transparent 40%), #041011f5;width:min(560px,100%);max-height:100%;box-shadow:0 40px 120px #0009, 0 0 60px color-mix(in srgb, var(--gold) 18%, transparent), inset 0 1px 0 #ffffff14;border-radius:26px;justify-items:center;gap:12px;padding:clamp(18px,4vw,30px);display:grid;position:relative;overflow-y:auto}.finale-kicker{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold) 14%, #061818b3);color:var(--gold);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.7rem;font-weight:950;display:inline-flex}.finale-title{letter-spacing:.01em;background:linear-gradient(120deg, #fff6d8, var(--gold) 40%, color-mix(in srgb, var(--biome-primary,#69f47d) 70%, #fff) 92%);color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.9rem,7vw,2.7rem);line-height:1.04}.finale-subtitle{max-width:40ch;color:color-mix(in srgb, var(--ink) 82%, var(--gold));text-wrap:balance;margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.finale-hero{place-items:center;padding:clamp(10px,3vw,20px);display:grid;position:relative}.finale-bloom{z-index:0;background:radial-gradient(circle, color-mix(in srgb, var(--gold) 58%, transparent) 0%, color-mix(in srgb, var(--biome-primary,#69f47d) 46%, transparent) 44%, transparent 72%);filter:blur(9px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute;inset:-4%}.finale-hero>:not(.finale-bloom):not(.finale-halo){z-index:1;position:relative}.finale-halo{z-index:0;pointer-events:none;position:absolute;inset:0}.finale-halo i{--halo-angle:calc(var(--halo-index,0) * 20deg);--halo-r:clamp(100px, 26vw, 132px);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--gold) 96%, #fff), color-mix(in srgb, var(--biome-primary,#69f47d) 74%, transparent) 60%, transparent 74%);width:7px;height:7px;box-shadow:0 0 9px 1px color-mix(in srgb, var(--biome-primary,#69f47d) 52%, transparent);transform:rotate(var(--halo-angle)) translateY(calc(var(--halo-r) * -1));opacity:.85;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.finale-heroline{justify-items:center;gap:4px;display:grid}.finale-heroline .eyebrow{color:color-mix(in srgb, var(--muted) 70%, var(--gold));letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900}.finale-heroline strong{color:var(--ink);font-size:1.25rem}.finale-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.finale-stats>div{border:1px solid color-mix(in srgb, var(--biome-primary,#69f47d) 28%, transparent);background:linear-gradient(#ffffff0d,#0000 46%),#06181899;border-radius:16px;gap:2px;padding:10px 6px;display:grid}.finale-stats b{color:var(--gold);font-size:1.15rem}.finale-stats span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.finale-pip{border:1px solid color-mix(in srgb, var(--biome-primary,#69f47d) 30%, transparent);background:radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--biome-primary,#69f47d) 16%, transparent), transparent 44%), #06181899;text-align:left;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;width:100%;padding:11px 14px;display:grid}.finale-pip-avatar{background:radial-gradient(circle at 34% 30%, #fff, transparent 42%), radial-gradient(circle at 50% 50%, var(--gold), var(--biome-primary,#69f47d) 72%);width:32px;height:32px;box-shadow:0 0 16px color-mix(in srgb, var(--biome-primary,#69f47d) 60%, transparent), inset 0 0 8px #fff6;border-radius:50%}.finale-pip p{color:color-mix(in srgb, var(--ink) 92%, var(--gold));margin:0;font-size:.88rem;font-weight:800;line-height:1.3}.finale-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:2px;display:flex}.finale-actions button{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:.95rem;font-weight:900;display:inline-flex}.finale-primary{border:1px solid color-mix(in srgb, var(--gold) 70%, transparent);background:linear-gradient(135deg, #fff2b6, var(--gold) 46%, #ffd36a);color:#1a1200;flex:220px;box-shadow:0 12px 30px #f4d35e52,0 0 24px #f4d35e38}.finale-secondary{border:1px solid var(--line);color:var(--ink);background:#061818b3;flex:0 auto}.finale-confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.finale-confetti i{--confetti-x:calc(2% + var(--confetti-index,0) * 3.7%);--confetti-drift:calc((var(--confetti-index,0) - 13) * 3px);--confetti-spin:calc(240deg + var(--confetti-index,0) * 47deg);top:-3%;left:var(--confetti-x);background:var(--gold);opacity:0;border-radius:3px;width:9px;height:14px;position:absolute}.finale-confetti i:nth-child(3n){background:var(--biome-primary,#69f47d);width:8px;height:12px}.finale-confetti i:nth-child(3n+1){background:var(--biome-accent,#52f1e4);border-radius:50%;width:8px;height:8px}.finale-confetti i:nth-child(4n){background:#fff6d8}.finale-overlay:not([data-reduced-motion=true]) .finale-confetti i{animation:3s cubic-bezier(.3,.1,.6,1) both finale-confetti-fall;animation-delay:calc(.12s + var(--confetti-index,0) * 70ms)}@keyframes finale-confetti-fall{0%{opacity:0;transform:translateY(-4vh)rotate(0)}8%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift), 106vh, 0) rotate(var(--confetti-spin))}}.finale-overlay:not([data-reduced-motion=true]){animation:.3s ease-out both finale-overlay-in}.finale-overlay:not([data-reduced-motion=true]) .finale-card{animation:.52s cubic-bezier(.2,.9,.3,1.15) both finale-card-in}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-kicker{animation:.46s cubic-bezier(.22,1.4,.4,1) .12s both finale-slam}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-title{animation:.56s cubic-bezier(.22,1.3,.4,1) .22s both finale-slam}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-subtitle{animation:.46s ease-out .36s both finale-rise}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-hero{animation:.68s cubic-bezier(.18,1.26,.36,1) .3s both finale-hero-in}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-heroline{animation:.46s ease-out .56s both finale-rise}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-stats{animation:.48s ease-out .7s both finale-rise}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-pip{animation:.48s ease-out .84s both finale-rise}.finale-overlay:not([data-reduced-motion=true]) .finale-anim-actions{animation:.48s ease-out .96s both finale-rise}.finale-overlay:not([data-reduced-motion=true]) .finale-bloom{animation:1s ease-out .32s both finale-bloom-in}.finale-overlay:not([data-reduced-motion=true]) .finale-halo{animation:32s linear infinite finale-halo-spin}.finale-overlay:not([data-reduced-motion=true]) .finale-halo i{animation:3.6s ease-in-out infinite finale-halo-twinkle;animation-delay:calc(var(--halo-index,0) * -.2s)}@keyframes finale-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes finale-card-in{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}@keyframes finale-slam{0%{opacity:0;transform:translateY(-12px)scale(1.3)}to{opacity:1;transform:none}}@keyframes finale-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes finale-hero-in{0%{opacity:0;transform:translateY(26px)scale(.5)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes finale-bloom-in{0%{opacity:0;transform:scale(.4)}45%{opacity:.95;transform:scale(1.16)}to{opacity:.55;transform:scale(1)}}@keyframes finale-halo-spin{to{transform:rotate(360deg)}}@keyframes finale-halo-twinkle{0%,to{opacity:.85;transform:rotate(var(--halo-angle)) translateY(calc(var(--halo-r) * -1)) scale(1)}50%{opacity:.3;transform:rotate(var(--halo-angle)) translateY(calc(var(--halo-r) * -1)) scale(.68)}}@media (prefers-reduced-motion:reduce){.finale-overlay,.finale-card,.finale-anim-kicker,.finale-anim-title,.finale-anim-subtitle,.finale-anim-hero,.finale-anim-heroline,.finale-anim-stats,.finale-anim-pip,.finale-anim-actions,.finale-halo,.finale-halo i{opacity:1!important;animation:none!important;transform:none!important}.finale-halo i{opacity:.82!important;transform:rotate(var(--halo-angle)) translateY(calc(var(--halo-r) * -1))!important}.finale-bloom{opacity:.5!important;animation:none!important;transform:none!important}.finale-confetti{display:none!important}}@media (width<=760px){.finale-card{border-radius:22px;gap:10px}.finale-halo i{--halo-r:clamp(88px, 28vw, 116px);width:6px;height:6px;margin:-3px 0 0 -3px}.finale-stats b{font-size:1.02rem}.finale-stats span{font-size:.62rem}.finale-pip p{font-size:.82rem}}@media (height<=560px){.finale-card{gap:8px;padding:14px 18px}.finale-title{font-size:clamp(1.5rem,5vw,2rem)}.finale-subtitle{font-size:.85rem}}.holdtip-anchor{display:inline-flex;position:relative}.holdtip-anchor>:first-child{flex:auto}.holdtip-pop{z-index:60;border:1px solid color-mix(in srgb, var(--biome-accent,#52f1e4) 42%, transparent);color:#eaf6f4;text-align:left;pointer-events:none;background:linear-gradient(135deg,#061616f7,#08100ef7);border-radius:12px;gap:2px;width:max-content;max-width:220px;padding:8px 11px;animation:.15s both holdtip-pop;display:grid;position:absolute;left:50%;box-shadow:0 12px 30px #00000080}.holdtip-top .holdtip-pop{bottom:calc(100% + 10px);transform:translate(-50%)}.holdtip-bottom .holdtip-pop{top:calc(100% + 10px);transform:translate(-50%)}.holdtip-pop strong{color:var(--gold,#f4d35e);font-size:.8rem;font-weight:850}.holdtip-pop>span{color:#eaf6f4d1;font-size:.74rem;line-height:1.3}.holdtip-pop:after{content:"";background:inherit;border:inherit;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.holdtip-top .holdtip-pop:after{border-top:none;border-left:none;bottom:-6px}.holdtip-bottom .holdtip-pop:after{border-bottom:none;border-right:none;top:-6px}@keyframes holdtip-pop{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}[data-reduced-motion=true] .holdtip-pop{animation:none}@media (prefers-reduced-motion:reduce){.holdtip-pop{animation:none}}.cosmetic-panel{border:1px solid var(--line);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--cyan,#52f1e4) 12%, transparent), transparent 44%), #051213f7;border-radius:22px;grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(560px,100%);max-height:92svh;padding:18px;display:grid}.cosmetic-panel header{align-items:center;gap:12px;display:flex}.cosmetic-panel header>div:first-child{margin-right:auto}.cosmetic-panel h2{font-size:1.5rem}.cosmetic-wallet{color:var(--gold);border:1px solid #f4d35e66;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.cosmetic-wallet strong{color:var(--ink);font-size:1.1rem}.cosmetic-wallet span{color:var(--muted);font-size:.72rem}.cosmetic-panel header button[aria-label*=Close]{border:1px solid var(--line);border-radius:14px;place-items:center;min-width:44px;min-height:44px;display:grid}.cosmetic-intro{color:var(--muted);font-size:.86rem}.cosmetic-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:2px;display:grid;overflow-y:auto}.cosmetic-card{border:1px solid var(--line);text-align:center;background:#08181899;border-radius:16px;align-content:start;justify-items:center;gap:6px;padding:14px;display:grid}.cosmetic-card.equipped{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 22px color-mix(in srgb, var(--accent) 24%, transparent)}.cosmetic-swatch{background:radial-gradient(circle at 38% 30%, color-mix(in srgb, var(--accent) 92%, #fff), var(--accent) 58%, color-mix(in srgb, var(--accent) 55%, #041014));width:62px;height:62px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 2px 6px #ffffff6b;border:2px solid color-mix(in srgb, var(--accent) 60%, #041014);border-radius:999px}.cosmetic-name{font-size:.98rem}.cosmetic-desc{color:var(--muted);min-height:2.4em;font-size:.72rem;line-height:1.25}.cosmetic-btn{border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.cosmetic-btn.buy{color:#04201d;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent));border:none}.cosmetic-btn.buy.locked{color:var(--muted);border:1px solid var(--line);background:#ffffff0d}.cosmetic-btn.equip{color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 12%, #06141499)}.cosmetic-tag.equipped-tag{min-height:40px;color:var(--accent);align-items:center;gap:5px;font-size:.82rem;font-weight:800;display:inline-flex}.level-overlay.evolution-overlay{z-index:30;background:radial-gradient(120% 60% at 50% 0,#1e465a59,#0000 60%),linear-gradient(#05171b 0%,#030c10 60%,#02080b 100%);flex-direction:column;padding:0;display:flex;position:fixed;inset:0}.evo-backdrop{z-index:0;pointer-events:none;background:radial-gradient(125% 95% at 50% 44%,#0000 42%,#0000009e 100%),radial-gradient(42% 128% at 50% 42%,#22546452,#0000 72%),radial-gradient(92% 56% at 50% -8%,#3a8a9652,#0000 60%),linear-gradient(#06171d 0%,#030c10 58%,#02070a 100%);position:fixed;inset:0}.evo-backdrop:before{content:"";background-image:radial-gradient(1.4px 1.4px at 12% 18%,#c6e8f08c,#0000 60%),radial-gradient(1px 1px at 82% 12%,#c6e8f066,#0000 60%),radial-gradient(1.2px 1.2px at 68% 34%,#d6ecff73,#0000 60%),radial-gradient(1px 1px at 26% 52%,#c6e8f059,#0000 60%),radial-gradient(1.3px 1.3px at 90% 62%,#d6ecff6b,#0000 60%),radial-gradient(1px 1px at 40% 78%,#c6e8f052,#0000 60%),radial-gradient(1.2px 1.2px at 15% 88%,#d6ecff66,#0000 60%),radial-gradient(1px 1px at 74% 84%,#c6e8f04d,#0000 60%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 44%,#000 30%,#0000 92%);mask-image:radial-gradient(120% 90% at 50% 44%,#000 30%,#0000 92%)}.evo-backdrop:after{content:"";clip-path:polygon(24% 100%,76% 100%,60% 0%,40% 0%);filter:blur(3px);background:linear-gradient(#0000 28%,#3c809029);width:150vw;height:58vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.evo-header{z-index:3;padding:max(14px, env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#041216f5,#041216b8 70%,#0000);border-bottom:1px solid #78c8d224;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.evo-header .eyebrow{color:var(--cyan,#52f1e4)}.evo-header h2{font-size:1.4rem;line-height:1.05}.evo-close{border:1px solid var(--line);background:#081a1cb3;border-radius:14px;place-items:center;min-width:44px;min-height:44px;display:grid}.evo-scroll{z-index:1;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;flex:1;position:relative;overflow:hidden auto}.evo-scene{margin:0 auto;position:relative}.evo-scene:before{content:"";-webkit-mask-composite:source-in;pointer-events:none;background-image:linear-gradient(#78c8d20d 1px,#0000 1px),linear-gradient(90deg,#78c8d20d 1px,#0000 1px);background-size:44px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000),linear-gradient(#0000 2%,#000 22% 100%);mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000),linear-gradient(#0000 2%,#000 22% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.evo-band{z-index:0;background:linear-gradient(180deg, color-mix(in srgb, var(--band) 22%, transparent), transparent 70%);width:150%;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--band) 32%, transparent);pointer-events:none;border-radius:40% 40% 0 0/20px 20px 0 0;position:absolute;left:50%;transform:translate(-50%)}.evo-band-label{z-index:2;border:1px solid color-mix(in srgb, var(--band) 45%, var(--line));white-space:nowrap;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#041012d1;border-radius:999px;align-items:baseline;gap:8px;max-width:min(240px,58vw);padding:5px 12px;display:flex;position:absolute;overflow:hidden;transform:translateY(-50%);box-shadow:0 6px 18px #00000073}.evo-band-label strong,.evo-band-label em{text-overflow:ellipsis;min-width:0;overflow:hidden}.evo-band-label--left{left:4px}.evo-band-label--right{right:4px}.evo-band-index{color:color-mix(in srgb, var(--band) 70%, #fff);font-size:.8rem;font-weight:900}.evo-band-label strong{font-size:.92rem}.evo-band-label em{color:var(--muted);font-size:.7rem;font-style:normal}.evo-links{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.evo-link-base{fill:none;stroke:#96bec81f;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 20}.evo-link-lit{fill:none;stroke:#f8db70fa;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #f4d35ea6)}.evo-node{z-index:5;flex-direction:column;align-items:center;gap:3px;width:96px;display:flex;position:absolute;transform:translate(-50%,-50%)}.evo-node-btn{width:66px;height:66px;color:var(--muted);background:radial-gradient(circle at 50% 30%,#1c3c40fa,#061214fa);border:2px solid #96bec847;border-radius:999px;place-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:grid;position:relative;box-shadow:0 14px 22px #0000008c,0 3px 5px #00000080,inset 0 2px 5px #ffffff1f,inset 0 -4px 8px #00000073}.evo-node-btn:after{content:"";pointer-events:none;background:radial-gradient(#0000006b,#0000 72%);border-radius:50%;width:44px;height:10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.evo-node-btn:not(:disabled):hover{transform:translateY(-2px)scale(1.05)}.evo-node-art{place-items:center;width:58px;height:58px;display:grid}.evo-node-art .specimen-figure{transform:scale(.5)}.evo-node-num{border:1px solid var(--line);min-width:20px;height:20px;color:var(--ink);background:#030c0ef2;border-radius:999px;place-items:center;padding:0 4px;font-size:.68rem;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.evo-node-stars{gap:1px}.evo-node-stars svg{width:10px;height:10px}.evo-node-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--muted);font-size:.66rem;overflow:hidden}.evo-node.is-unlocked .evo-node-btn{background:radial-gradient(circle at 50% 32%,#28361ef5,#0a120cfa);border-color:#f4d35e99;box-shadow:0 10px 22px #00000080,0 0 16px #f4d35e38}.evo-node.is-unlocked .evo-node-name{color:var(--ink)}.evo-node.is-next{z-index:6;transform:translate(-50%,-50%)scale(1.12)}.evo-node.is-next .evo-node-btn{border-color:var(--cyan,#52f1e4);color:var(--ink);animation:1.8s ease-in-out infinite evo-next-pulse;box-shadow:0 14px 26px #0000008c,0 0 0 4px #52f1e433,0 0 26px #52f1e480}.evo-node-pin{background:var(--cyan,#52f1e4);color:#04201d;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:2px;padding:3px 11px;font-size:.66rem;font-weight:900;position:relative;box-shadow:0 6px 16px #52f1e473}.evo-node-pin:after{content:"";background:var(--cyan,#52f1e4);border-radius:1px;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.evo-node.is-locked .evo-node-btn,.evo-node.path-preview .evo-node-btn{opacity:.62;filter:saturate(.7)}.evo-node.is-locked .evo-node-btn{cursor:not-allowed}@keyframes evo-next-pulse{0%,to{box-shadow:0 10px 24px #00000080,0 0 0 4px #52f1e42e,0 0 22px #52f1e466}50%{box-shadow:0 10px 24px #00000080,0 0 0 7px #52f1e442,0 0 30px #52f1e499}}[data-reduced-motion=true] .evo-node.is-next .evo-node-btn{animation:none}@media (prefers-reduced-motion:reduce){.evo-node.is-next .evo-node-btn{animation:none}}@media (width>=900px){.evo-backdrop{background:radial-gradient(78% 92% at 50% 44%,#0000 20%,#000000b8 100%),radial-gradient(30% 120% at 50% 42%,#265c6c61,#0000 70%),radial-gradient(70% 52% at 50% -6%,#3a8a9657,#0000 58%),linear-gradient(#06171d 0%,#030c10 58%,#02070a 100%)}.evo-scene:after{content:"";pointer-events:none;background:linear-gradient(90deg,#78c8d20d,#0000 12% 88%,#78c8d20d);border-left:1px solid #78c8d214;border-right:1px solid #78c8d214;margin:0 -34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 1%,#000 16% 96%,#0000);mask-image:linear-gradient(#0000 1%,#000 16% 96%,#0000)}.evo-header{padding-left:max(24px,50vw - 440px);padding-right:max(24px,50vw - 440px)}}.howto-panel{border:1px solid var(--line);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--cyan,#52f1e4) 12%, transparent), transparent 46%), #051213f7;border-radius:22px;gap:16px;width:min(460px,100%);max-height:92svh;padding:20px;display:grid;overflow-y:auto}.howto-panel header{align-items:flex-start;gap:12px;display:flex}.howto-panel header>div:first-child{margin-right:auto}.howto-panel h2{font-size:1.5rem}.howto-panel header button[aria-label*=Close]{border:1px solid var(--line);border-radius:14px;place-items:center;min-width:44px;min-height:44px;display:grid}.howto-demo{border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 18%,#1e3c466b,#040e12eb);border-radius:16px;gap:12px;padding:18px 12px 14px;display:grid;overflow:hidden}.howto-stage{height:168px;position:relative}.howto-socket,.howto-cell{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:78px;height:88px;position:absolute;top:34px}.howto-socket-a,.howto-cell-drop{left:calc(50% - 84px)}.howto-socket-b,.howto-cell-turn{left:calc(50% + 6px)}.howto-socket{background:repeating-linear-gradient(0deg,#0000 0 6px,#7df5e524 6px 8px),#08181899;box-shadow:inset 0 0 0 2px #7df5e52e}.howto-tray{background:#06121499;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #7df5e524}.howto-tray-cell{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.32;background:radial-gradient(circle at 40% 34%,#dff6ea,#3fe05a 55%,#147a3a);width:22px;height:20px}.howto-tray-cell-spare{background:radial-gradient(circle at 40% 34%,#e7f0ff,#6ea4ff 55%,#274b8f)}.howto-tray-cell-pick{animation:10s ease-in-out infinite howto-tray-pick}.howto-cell-drop{background:radial-gradient(circle at 40% 34%,#eafff2,#3fe05a 46%,#147a3a);animation:10s ease-in-out infinite howto-drop;box-shadow:0 0 20px #3fe05a73}.howto-cell-turn{transform-origin:50%;background:radial-gradient(circle at 40% 34%,#fff6d8,#ffc21f 46%,#b0791a);animation:10s ease-in-out infinite howto-turn;box-shadow:0 0 20px #ffc21f66}.howto-turn-edge{background:#ff6a5a;border-radius:999px;width:18px;height:6px;animation:10s ease-in-out infinite howto-turn-edge-color;position:absolute;top:3px;left:4px;transform:rotate(-30deg);box-shadow:0 0 8px #ff6a5a80}.howto-link{opacity:0;background:#b6ff3a;border-radius:999px;width:16px;height:44px;animation:10s ease-in-out infinite howto-link;position:absolute;top:72px;left:calc(50% - 8px);box-shadow:0 0 18px #b6ff3a}.howto-spark{opacity:0;background:#fff;border-radius:999px;width:10px;height:10px;animation:10s ease-in-out infinite howto-spark;position:absolute;top:30px;left:calc(50% - 5px);box-shadow:0 0 24px 10px #b6ff3ab3}.howto-sync-ring{opacity:0;border:3px solid #b6ff3ad9;border-radius:999px;width:40px;height:40px;animation:10s ease-in-out infinite howto-sync-ring;position:absolute;top:78px;left:calc(50% - 20px);transform:scale(1)}@keyframes howto-tray-pick{0%,4%{opacity:.32;transform:scale(1)}14%{opacity:1;transform:scale(1.15);box-shadow:0 0 10px #3fe05a99}20%,to{opacity:0;transform:scale(.7)}}@keyframes howto-drop{0%,16%{opacity:0;transform:translateY(74px)scale(.55)}20%{opacity:1;transform:translateY(74px)scale(.65)}34%{opacity:1;transform:translateY(0)scale(1)}88%{transform:translateY(0)scale(1)}92%{transform:translateY(0)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes howto-turn{0%,38%{transform:rotate(-60deg)}54%{transform:rotate(0)}88%{transform:rotate(0)scale(1)}92%{transform:rotate(0)scale(1.08)}to{transform:rotate(0)scale(1)}}@keyframes howto-turn-edge-color{0%,46%{background:#ff6a5a;box-shadow:0 0 8px #ff6a5a80}56%,to{background:#3fe05a;box-shadow:0 0 12px #3fe05a99}}@keyframes howto-link{0%,54%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes howto-spark{0%,56%{opacity:0;transform:scale(.6)}62%{opacity:1;transform:scale(1.2)}72%{opacity:0;transform:scale(1.5)}76%{opacity:0;transform:scale(.6)}82%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1.8)}}@keyframes howto-sync-ring{0%,74%{opacity:0;transform:scale(1)}78%{opacity:.9;transform:scale(1)}94%{opacity:0;transform:scale(4.6)}to{opacity:0;transform:scale(4.6)}}.howto-captions{text-align:center;height:22px;position:relative}.howto-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--gold,#f4d35e);opacity:0;font-size:.9rem;font-weight:900;position:absolute;inset:0}.howto-cap-1{animation:10s ease-in-out infinite howto-cap}.howto-cap-2{animation:10s ease-in-out 2s infinite howto-cap}.howto-cap-3{animation:10s ease-in-out 4s infinite howto-cap}.howto-cap-4{animation:10s ease-in-out 6s infinite howto-cap}.howto-cap-5{animation:10s ease-in-out 8s infinite howto-cap}@keyframes howto-cap{0%{opacity:0}3%{opacity:1}16%{opacity:1}19%{opacity:0}to{opacity:0}}.howto-done{justify-self:stretch}[data-reduced-motion=true] .howto-cell-drop,[data-reduced-motion=true] .howto-cell-turn,[data-reduced-motion=true] .howto-turn-edge,[data-reduced-motion=true] .howto-tray-cell-pick,[data-reduced-motion=true] .howto-link,[data-reduced-motion=true] .howto-spark,[data-reduced-motion=true] .howto-sync-ring,[data-reduced-motion=true] .howto-cap{animation:none}[data-reduced-motion=true] .howto-cell-drop{opacity:1;transform:none}[data-reduced-motion=true] .howto-cell-turn{transform:none}[data-reduced-motion=true] .howto-turn-edge{background:#3fe05a;box-shadow:0 0 12px #3fe05a99}[data-reduced-motion=true] .howto-tray-cell-pick{opacity:0}[data-reduced-motion=true] .howto-link{opacity:1}[data-reduced-motion=true] .howto-sync-ring{opacity:0}[data-reduced-motion=true] .howto-captions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}[data-reduced-motion=true] .howto-cap{opacity:1;position:static;inset:auto}@media (prefers-reduced-motion:reduce){.howto-cell-drop,.howto-cell-turn,.howto-turn-edge,.howto-tray-cell-pick,.howto-link,.howto-spark,.howto-sync-ring,.howto-cap{animation:none}.howto-cell-drop{opacity:1;transform:none}.howto-cell-turn{transform:none}.howto-turn-edge{background:#3fe05a;box-shadow:0 0 12px #3fe05a99}.howto-tray-cell-pick{opacity:0}.howto-link{opacity:1}.howto-sync-ring{opacity:0}.howto-captions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.howto-cap{opacity:1;position:static;inset:auto}}.pip{--pip-size:64px;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.pip-corner{left:calc(16px + env(safe-area-inset-left,0px));right:auto;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:12;align-items:flex-start;position:fixed}.pip-inline{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:14;width:min(320px, calc(100vw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));contain:layout paint;align-items:flex-end;max-width:calc(100vw - 28px);margin:0;position:fixed}.pip-spark{pointer-events:auto;width:var(--pip-size);height:var(--pip-size);cursor:pointer;filter:drop-shadow(0 6px 14px #080e1c80);background:0 0;border:none;border-radius:50%;padding:0;transition:transform .16s;animation:4.2s ease-in-out infinite pip-float}.pip-inline .pip-spark{--pip-size:92px}.pip-spark:hover,.pip-spark:focus-visible{outline:none;transform:scale(1.08)}.pip-spark:active{transform:scale(.96)}.pip-svg{width:100%;height:100%;display:block;overflow:visible}.pip-glow{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite pip-glow-pulse}.pip-rays{transform-box:fill-box;transform-origin:50%;opacity:.85;animation:16s linear infinite pip-rays-spin}.pip-eyes{animation:5.4s ease-in-out infinite pip-blink}.pip-bubble{pointer-events:auto;border:1px solid color-mix(in srgb, var(--cyan,#52f1e4) 38%, transparent);color:#eaf6f4;text-align:left;background:#0a1622db;border-radius:16px;max-width:220px;padding:10px 30px 10px 14px;animation:.24s cubic-bezier(.18,1.2,.4,1) both pip-bubble-pop;position:relative;box-shadow:0 8px 22px #040a1273,inset 0 0 0 1px #ffffff0a}.pip-inline .pip-bubble{text-align:center;max-width:100%}.pip-corner[data-bubble=closed] .pip-spark{pointer-events:none}.pip-bubble strong{color:var(--gold,#f4d35e);font-size:.95rem;font-weight:700;line-height:1.25;display:block}.pip-bubble span{color:#eaf6f4c7;margin-top:2px;font-size:.8rem;line-height:1.3;display:block}.pip-corner .pip-bubble:after{content:"";background:inherit;border-right:inherit;border-bottom:inherit;width:14px;height:14px;position:absolute;bottom:-7px;left:22px;right:auto;transform:rotate(45deg)}.pip-bubble-close{color:#eaf6f4b3;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:background .14s,color .14s;display:grid;position:absolute;top:6px;right:6px}.pip-bubble-close:hover,.pip-bubble-close:focus-visible{color:#fff;background:#ffffff29;outline:none}@keyframes pip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pip-glow-pulse{0%,to{opacity:.9;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes pip-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pip-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}[data-reduced-motion=true] .pip-spark,[data-reduced-motion=true] .pip-glow,[data-reduced-motion=true] .pip-rays,[data-reduced-motion=true] .pip-eyes,[data-reduced-motion=true] .pip-bubble{animation:none}@media (prefers-reduced-motion:reduce){.pip-spark,.pip-glow,.pip-rays,.pip-eyes,.pip-bubble{animation:none!important}}.reward-pip-line{border:1px solid color-mix(in srgb, var(--biome-primary) 30%, transparent);background:radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--biome-primary) 16%, transparent), transparent 44%), linear-gradient(135deg, #ffffff0d, transparent 40%), #06181899;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;display:grid;box-shadow:inset 0 1px #ffffff14}.reward-pip-avatar{background:radial-gradient(circle at 34% 30%, #fff, transparent 42%), radial-gradient(circle at 50% 50%, var(--gold), var(--biome-primary) 72%);width:34px;height:34px;box-shadow:0 0 16px color-mix(in srgb, var(--biome-primary) 60%, transparent), inset 0 0 8px #fff6;border-radius:50%}.reward-pip-line p{color:color-mix(in srgb, var(--ink) 92%, var(--gold));text-wrap:balance;margin:0;font-size:.9rem;font-weight:800;line-height:1.28}.reward-rarity-tag{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:#06100a;background:color-mix(in srgb, var(--muted) 70%, #fff);border-radius:999px;padding:4px 11px;font-size:.64rem;font-weight:950;position:absolute;top:2px;box-shadow:0 8px 22px #0006}.reward-rarity-tag.rarity-uncommon{background:linear-gradient(135deg, var(--green), #bff6b0)}.reward-rarity-tag.rarity-rare{color:#041014;background:linear-gradient(135deg, var(--cyan), #b9fff2)}.reward-rarity-tag.rarity-mythic{color:#1a1200;background:linear-gradient(120deg, #fff2b6, var(--gold) 42%, #ffd36a 70%, #fff2b6);background-size:220% 100%;box-shadow:0 8px 24px #f4d35e66,0 0 30px #f4d35e47}.reward-overlay:not([data-reduced-motion=true]).reward-ceremony{animation:.26s ease-out both reward-overlay-in}.reward-overlay:not([data-reduced-motion=true]) .reward-ceremony-card{animation:.46s cubic-bezier(.2,.9,.3,1.2) both reward-card-in}.reward-overlay:not([data-reduced-motion=true]) .reward-anim-ribbon{animation:.46s cubic-bezier(.22,1.4,.4,1) 90ms both reward-slam}.reward-overlay:not([data-reduced-motion=true]) .reward-anim-hero{animation:.62s cubic-bezier(.18,1.28,.36,1) .15s both reward-hero-in}.reward-overlay:not([data-reduced-motion=true]) .reward-anim-title{animation:.46s ease-out .32s both reward-rise}.reward-overlay:not([data-reduced-motion=true]) .reward-anim-worldline{animation:.46s ease-out .4s both reward-rise}.reward-overlay:not([data-reduced-motion=true]) .reward-anim-pip{animation:.48s ease-out .78s both reward-rise}.reward-overlay:not([data-reduced-motion=true]) .reward-anim-stats{animation:.48s ease-out .86s both reward-rise}.reward-overlay:not([data-reduced-motion=true]) .reward-stars-slam svg{animation:.46s cubic-bezier(.2,1.5,.4,1) both reward-star-slam;animation-delay:calc(.54s + var(--star-index,0) * .14s)}.reward-star-slot{justify-content:center;align-items:center;display:inline-flex;position:relative}.reward-star-flash{background:radial-gradient(circle, color-mix(in srgb, var(--gold) 92%, #fff) 0%, color-mix(in srgb, var(--gold) 40%, transparent) 48%, transparent 72%);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-8px}.reward-overlay:not([data-reduced-motion=true]) .reward-star-flash{animation:.56s ease-out both reward-star-flash;animation-delay:calc(.56s + var(--star-index,0) * .14s)}.reward-glow-bloom{z-index:0;background:radial-gradient(circle, color-mix(in srgb, var(--gold) 55%, transparent) 0%, color-mix(in srgb, var(--biome-primary) 46%, transparent) 46%, transparent 74%);filter:blur(7px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute;inset:6%}.reward-overlay:not([data-reduced-motion=true]) .reward-glow-bloom{animation:.9s ease-out .15s both reward-glow-bloom-in}.reward-spark-burst{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.reward-spark-burst i{--spark-angle:calc(var(--spark-index,0) * 30deg);background:linear-gradient(180deg, #fff6d8, var(--gold));width:5px;height:5px;box-shadow:0 0 10px 2px color-mix(in srgb, var(--gold) 55%, transparent);opacity:0;border-radius:50%;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%}.reward-overlay:not([data-reduced-motion=true]) .reward-spark-burst i{animation:.92s cubic-bezier(.15,.7,.3,1) both reward-spark-fly;animation-delay:calc(.14s + var(--spark-index,0) * 16ms)}.reward-overlay[data-rarity=mythic]:not([data-reduced-motion=true]) .reward-rarity-tag.rarity-mythic{animation:2.4s linear infinite reward-mythic-shimmer}@keyframes reward-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes reward-card-in{0%{opacity:0;transform:translateY(22px)scale(.965)}to{opacity:1;transform:none}}@keyframes reward-hero-in{0%{opacity:0;transform:translateY(26px)scale(.55)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes reward-slam{0%{opacity:0;transform:translateY(-10px)scale(1.35)}to{opacity:1;transform:none}}@keyframes reward-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reward-star-slam{0%{opacity:0;transform:scale(2.6)rotate(-22deg)}70%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes reward-star-flash{0%{opacity:0;transform:scale(.2)}35%{opacity:.95;transform:scale(1.5)}to{opacity:0;transform:scale(2.3)}}@keyframes reward-glow-bloom-in{0%{opacity:0;transform:scale(.4)}45%{opacity:.95;transform:scale(1.18)}to{opacity:.5;transform:scale(1)}}@keyframes reward-spark-fly{0%{opacity:0;transform:rotate(var(--spark-angle)) translateY(0) scale(1)}16%{opacity:1}to{opacity:0;transform:rotate(var(--spark-angle)) translateY(-230px) scale(.35)}}@keyframes reward-mythic-shimmer{0%{background-position:220% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.reward-ceremony,.reward-ceremony-card,.reward-anim-ribbon,.reward-anim-hero,.reward-anim-title,.reward-anim-worldline,.reward-anim-pip,.reward-anim-stats,.reward-stars-slam svg,.reward-rarity-tag.rarity-mythic{opacity:1!important;animation:none!important;transform:none!important}.reward-star-flash{opacity:0!important;animation:none!important}.reward-glow-bloom{opacity:.45!important;animation:none!important;transform:none!important}.reward-spark-burst{display:none!important}}@media (width<=760px){.reward-pip-line{gap:9px;padding:10px 12px}.reward-pip-avatar{width:30px;height:30px}.reward-pip-line p{font-size:.84rem}.reward-rarity-tag{padding:3px 9px;font-size:.6rem}}.reward-ceremony-card .reward-orbit{z-index:0;opacity:1;pointer-events:none;display:block;position:absolute;inset:0}.reward-ceremony-card .reward-orbit i{--angle:calc(var(--burst-index) * 22.5deg);--orbit-r:clamp(104px, 27vw, 140px);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--gold) 96%, #fff), color-mix(in srgb, var(--biome-primary) 74%, transparent) 60%, transparent 74%);width:7px;height:7px;box-shadow:0 0 9px 1px color-mix(in srgb, var(--biome-primary) 52%, transparent);transform:rotate(var(--angle)) translateY(calc(var(--orbit-r) * -1));transform-origin:50%;animation:3.4s ease-in-out infinite reward-orbit-twinkle;animation-delay:calc(var(--burst-index) * -.21s);border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.reward-overlay:not([data-reduced-motion=true]) .reward-ceremony-card .reward-orbit{animation:30s linear infinite reward-orbit-spin}@keyframes reward-orbit-twinkle{0%,to{opacity:.85;transform:rotate(var(--angle)) translateY(calc(var(--orbit-r) * -1)) scale(1)}50%{opacity:.34;transform:rotate(var(--angle)) translateY(calc(var(--orbit-r) * -1)) scale(.7)}}@keyframes reward-orbit-spin{to{transform:rotate(360deg)}}@media (width<=760px){.reward-ceremony-card .reward-orbit i{--orbit-r:clamp(84px, 24vw, 104px);width:6px;height:6px;margin:-3px 0 0 -3px}}@media (prefers-reduced-motion:reduce){.reward-ceremony-card .reward-orbit,.reward-ceremony-card .reward-orbit i{animation:none!important}.reward-ceremony-card .reward-orbit i{opacity:.82!important;transform:rotate(var(--angle)) translateY(calc(var(--orbit-r) * -1))!important}}.mechanic-demo{gap:8px;width:100%;display:grid}.mdemo-stage{height:150px;position:relative;overflow:hidden}.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}.mdemo-hex,.mdemo-socket{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:62px;height:70px;position:absolute;top:30px}.mdemo-socket{background:repeating-linear-gradient(0deg,#0000 0 5px,#f4d35e24 5px 7px),#08181899;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #f4d35e38}.mdemo-spark{opacity:0;background:#fff;border-radius:999px;width:10px;height:10px;position:absolute;top:26px}.mdemo-captions{text-align:center;height:20px;position:relative}.mdemo-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--gold,#f4d35e);opacity:0;font-size:.82rem;font-weight:900;position:absolute;inset:0}.mdemo-cap-1{animation:8s ease-in-out infinite mdemo-cap}.mdemo-cap-2{animation:8s ease-in-out 2.4s infinite mdemo-cap}.mdemo-cap-3{animation:8s ease-in-out 4.8s infinite mdemo-cap}@keyframes mdemo-cap{0%{opacity:0}4%{opacity:1}26%{opacity:1}31%{opacity:0}to{opacity:0}}.mdemo-rot-anchor{background:radial-gradient(circle at 40% 34%,#eafff2,#3fe05a 46%,#147a3a);left:calc(50% - 78px);box-shadow:0 0 18px #3fe05a66}.mdemo-edge-target{background:#3fe05a80;border-radius:999px;width:12px;height:34px;position:absolute;top:52px;left:calc(50% - 20px);box-shadow:0 0 10px #3fe05a59}.mdemo-rot-turn{transform-origin:50%;background:radial-gradient(circle at 40% 34%,#dfe9ff,#2f83ff 46%,#123f8a);animation:8s ease-in-out infinite mdemo-rot-turn;left:calc(50% + 4px);box-shadow:0 0 18px #2f83ff59}.mdemo-rot-edge{background:#2f83ff;border-radius:999px;width:20px;height:7px;animation:8s ease-in-out infinite mdemo-rot-edge-color;position:absolute;top:5px;left:4px;transform:rotate(-30deg);box-shadow:0 0 10px #2f83ff80}.mdemo-rot-spark{opacity:0;animation:8s ease-in-out infinite mdemo-spark-pulse;left:calc(50% - 12px);box-shadow:0 0 24px 10px #3fe05ab3}@keyframes mdemo-rot-turn{0%,30%{transform:rotate(0)}50%{transform:rotate(-60deg)}88%{transform:rotate(-60deg)scale(1)}93%{transform:rotate(-60deg)scale(1.08)}to{transform:rotate(-60deg)scale(1)}}@keyframes mdemo-rot-edge-color{0%,48%{background:#2f83ff;box-shadow:0 0 10px #2f83ff80}58%,to{background:#3fe05a;box-shadow:0 0 14px #3fe05a99}}.mdemo-socket-slot{color:#f4d35ed9;font-size:1.3rem;left:calc(50% - 31px)}.mdemo-socket-glyph{filter:drop-shadow(0 0 6px #f4d35e99)}.mdemo-hex.mdemo-socket-wrong{background:radial-gradient(circle at 40% 34%,#dfe9ff,#2f83ff 46%,#123f8a);animation:8s ease-in-out infinite mdemo-socket-wrong;left:calc(50% - 31px);box-shadow:0 0 18px #2f83ff66}.mdemo-hex.mdemo-socket-right{background:radial-gradient(circle at 40% 34%,#fff6d8,#ffc21f 46%,#b0791a);animation:8s ease-in-out infinite mdemo-socket-right;left:calc(50% - 31px);box-shadow:0 0 18px #ffc21f66}.mdemo-socket-spark{animation:8s ease-in-out .2s infinite mdemo-spark-pulse;left:calc(50% - 5px)}@keyframes mdemo-socket-wrong{0%{opacity:0;transform:translateY(90px)}16%{opacity:1;transform:translateY(4px)}24%{transform:translateY(-2px)}32%,to{opacity:0;transform:translateY(90px)}}@keyframes mdemo-socket-right{0%,36%{opacity:0;transform:translateY(110px)scale(.9)}52%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1;transform:translateY(0)scale(1)}95%{transform:translateY(0)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}.mdemo-surplus-socket{top:14px}.mdemo-surplus-socket-a{left:calc(50% - 90px)}.mdemo-surplus-socket-b{left:calc(50% - 8px)}.mdemo-tray{position:absolute;inset:0}.mdemo-tray .mdemo-hex{width:46px;height:52px;top:96px}.mdemo-surplus-a{background:radial-gradient(circle at 40% 34%,#eafff2,#3fe05a 46%,#147a3a);animation:8s ease-in-out infinite mdemo-surplus-a;left:calc(50% - 90px);box-shadow:0 0 14px #3fe05a66}.mdemo-surplus-b{background:radial-gradient(circle at 40% 34%,#fff6d8,#ffc21f 46%,#b0791a);animation:8s ease-in-out infinite mdemo-surplus-b;left:calc(50% - 36px);box-shadow:0 0 14px #ffc21f66}.mdemo-surplus-spare{background:radial-gradient(circle at 40% 34%,#ecd8ff,#c14dff 46%,#6d1fa0);animation:8s ease-in-out infinite mdemo-surplus-spare;left:calc(50% + 18px);box-shadow:0 0 14px #c14dff66}.mdemo-spare-tag{letter-spacing:.08em;text-transform:uppercase;color:#c14dffe6;opacity:0;background:#1e082899;border:1px solid #c14dff80;border-radius:999px;padding:2px 6px;font-size:.6rem;font-weight:800;animation:8s ease-in-out infinite mdemo-spare-tag;position:absolute;top:122px;left:calc(50% + 14px)}@keyframes mdemo-surplus-a{0%,20%{transform:translate(0)scale(1)}50%{transform:translateY(-82px)scale(.92)}92%{transform:translateY(-82px)scale(.92)}to{transform:translate(0)scale(1)}}@keyframes mdemo-surplus-b{0%,20%{transform:translate(0)scale(1)}50%{transform:translate(28px,-82px)scale(.92)}92%{transform:translate(28px,-82px)scale(.92)}to{transform:translate(0)scale(1)}}@keyframes mdemo-surplus-spare{0%,55%{opacity:1;filter:grayscale(0)brightness()}75%,95%{opacity:.5;filter:grayscale(.5)brightness(.75)}to{opacity:1;filter:grayscale(0)brightness()}}@keyframes mdemo-spare-tag{0%,65%{opacity:0}78%,95%{opacity:1}to{opacity:0}}.mdemo-blocked{background:repeating-linear-gradient(45deg,#00000059 0 4px,#0000 4px 9px),repeating-linear-gradient(-45deg,#00000059 0 4px,#0000 4px 9px),#6c7570;left:calc(50% - 78px);box-shadow:inset 0 0 0 2px #b4beba4d}.mdemo-blockers-open{left:calc(50% + 4px)}.mdemo-blockers-cell{background:radial-gradient(circle at 40% 34%,#eafff2,#3fe05a 46%,#147a3a);animation:8s ease-in-out infinite mdemo-blockers-cell;left:calc(50% - 78px);box-shadow:0 0 18px #3fe05a66}.mdemo-blockers-spark{opacity:0;animation:8s ease-in-out .2s infinite mdemo-spark-pulse;left:calc(50% + 20px);box-shadow:0 0 24px 10px #3fe05ab3}@keyframes mdemo-blockers-cell{0%{opacity:0;transform:translateY(110px)scale(.9)}20%{opacity:1;transform:translateY(30px)scale(.95)}38%{transform:translateY(6px)scale(.98)}52%{transform:translate(82px)scale(1)}90%{opacity:1;transform:translate(82px)scale(1)}95%{transform:translate(82px)scale(1.08)}to{opacity:1;transform:translate(82px)scale(1)}}.mdemo-match-a{background:radial-gradient(circle at 40% 34%,#eafff2,#3fe05a 46%,#147a3a);animation:8s ease-in-out infinite mdemo-match-a;left:calc(50% - 78px);box-shadow:0 0 18px #3fe05a66}.mdemo-match-b{background:radial-gradient(circle at 40% 34%,#fff6d8,#ffc21f 46%,#b0791a);animation:8s ease-in-out infinite mdemo-match-b;left:calc(50% + 4px);box-shadow:0 0 18px #ffc21f66}.mdemo-match-spark{animation:8s ease-in-out infinite mdemo-spark-pulse;left:calc(50% - 5px)}@keyframes mdemo-match-a{0%{opacity:0;transform:translate(-40px)}30%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(0)}93%{transform:translate(0)scale(1.08)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes mdemo-match-b{0%{opacity:0;transform:translate(40px)}30%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(0)}93%{transform:translate(0)scale(1.08)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes mdemo-spark-pulse{0%,40%{opacity:0;transform:scale(.6)}48%{opacity:1;transform:scale(1.2)}60%,to{opacity:0;transform:scale(1.5)}}.mechanic-demo[data-reduced-motion=true] .mdemo-rot-turn,.mechanic-demo[data-reduced-motion=true] .mdemo-rot-edge,.mechanic-demo[data-reduced-motion=true] .mdemo-rot-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-socket-wrong,.mechanic-demo[data-reduced-motion=true] .mdemo-socket-right,.mechanic-demo[data-reduced-motion=true] .mdemo-socket-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-surplus-a,.mechanic-demo[data-reduced-motion=true] .mdemo-surplus-b,.mechanic-demo[data-reduced-motion=true] .mdemo-surplus-spare,.mechanic-demo[data-reduced-motion=true] .mdemo-spare-tag,.mechanic-demo[data-reduced-motion=true] .mdemo-blockers-cell,.mechanic-demo[data-reduced-motion=true] .mdemo-blockers-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-match-a,.mechanic-demo[data-reduced-motion=true] .mdemo-match-b,.mechanic-demo[data-reduced-motion=true] .mdemo-match-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-cap{animation:none}.mechanic-demo[data-reduced-motion=true] .mdemo-rot-turn{transform:rotate(-60deg)}.mechanic-demo[data-reduced-motion=true] .mdemo-rot-edge{background:#3fe05a;box-shadow:0 0 14px #3fe05a99}.mechanic-demo[data-reduced-motion=true] .mdemo-rot-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-socket-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-blockers-spark,.mechanic-demo[data-reduced-motion=true] .mdemo-match-spark{opacity:1;transform:scale(1.2)}.mechanic-demo[data-reduced-motion=true] .mdemo-socket-wrong{opacity:0;transform:translateY(90px)}.mechanic-demo[data-reduced-motion=true] .mdemo-socket-right{opacity:1;transform:translateY(0)scale(1)}.mechanic-demo[data-reduced-motion=true] .mdemo-surplus-a{transform:translateY(-82px)scale(.92)}.mechanic-demo[data-reduced-motion=true] .mdemo-surplus-b{transform:translate(28px,-82px)scale(.92)}.mechanic-demo[data-reduced-motion=true] .mdemo-surplus-spare{opacity:.5;filter:grayscale(.5)brightness(.75)}.mechanic-demo[data-reduced-motion=true] .mdemo-spare-tag{opacity:1}.mechanic-demo[data-reduced-motion=true] .mdemo-blockers-cell{opacity:1;transform:translate(82px)scale(1)}.mechanic-demo[data-reduced-motion=true] .mdemo-match-a,.mechanic-demo[data-reduced-motion=true] .mdemo-match-b{opacity:1;transform:translate(0)}.mechanic-demo[data-reduced-motion=true] .mdemo-captions{justify-content:center;gap:8px;display:flex}.mechanic-demo[data-reduced-motion=true] .mdemo-cap{opacity:1;position:static;inset:auto}@media (prefers-reduced-motion:reduce){.mdemo-rot-turn,.mdemo-rot-edge,.mdemo-rot-spark,.mdemo-socket-wrong,.mdemo-socket-right,.mdemo-socket-spark,.mdemo-surplus-a,.mdemo-surplus-b,.mdemo-surplus-spare,.mdemo-spare-tag,.mdemo-blockers-cell,.mdemo-blockers-spark,.mdemo-match-a,.mdemo-match-b,.mdemo-match-spark,.mdemo-cap{animation:none}.mdemo-rot-turn{transform:rotate(-60deg)}.mdemo-rot-edge{background:#3fe05a;box-shadow:0 0 14px #3fe05a99}.mdemo-rot-spark,.mdemo-socket-spark,.mdemo-blockers-spark,.mdemo-match-spark{opacity:1;transform:scale(1.2)}.mdemo-socket-wrong{opacity:0;transform:translateY(90px)}.mdemo-socket-right{opacity:1;transform:translateY(0)scale(1)}.mdemo-surplus-a{transform:translateY(-82px)scale(.92)}.mdemo-surplus-b{transform:translate(28px,-82px)scale(.92)}.mdemo-surplus-spare{opacity:.5;filter:grayscale(.5)brightness(.75)}.mdemo-spare-tag{opacity:1}.mdemo-blockers-cell{opacity:1;transform:translate(82px)scale(1)}.mdemo-match-a,.mdemo-match-b{opacity:1;transform:translate(0)}.mdemo-captions{justify-content:center;gap:8px;display:flex}.mdemo-cap{opacity:1;position:static;inset:auto}}.welcome-scrim.welcome-scrim--hero{grid-template-rows:minmax(0,1fr) auto;align-items:stretch;max-height:100dvh;overflow:hidden}.welcome-hero-block{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,3svh,30px);min-height:0;display:flex;overflow:hidden}.welcome-hero{flex:auto;place-items:center;width:100%;min-height:0;display:grid;position:relative}.welcome-hero:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(at 50% 100%,#69f47d38,#0000 66%);border-radius:50%;width:min(96%,460px);height:46%;position:absolute;bottom:6%}.welcome-hero-svg{aspect-ratio:1;filter:drop-shadow(0 24px 52px #00000080);width:auto;max-width:100%;height:100%;max-height:min(46svh,360px);position:relative}.welcome-aura{fill:none;stroke:#69f47d80;stroke-width:1.4px;transform-box:fill-box;transform-origin:50%}.welcome-aura-2{stroke:#f4d35e6b}.welcome-orbit{transform-box:view-box;transform-origin:100px 104px}.welcome-orbit circle{fill:#f4d35e;filter:drop-shadow(0 0 6px #f4d35ed9)}.welcome-orbit circle:nth-child(2){fill:#52f1e4}.welcome-orbit circle:nth-child(3){fill:#69f47d}.welcome-body,.welcome-core{transform-box:fill-box;transform-origin:50%}.welcome-lockup{flex:none}.welcome-start{align-content:end;justify-self:center;gap:clamp(8px,1.6svh,14px);width:min(100%,460px);display:grid}.welcome-cta{letter-spacing:.01em;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:clamp(54px,8svh,64px);font-size:1.12rem;font-weight:950;display:inline-flex}.welcome-tagline{text-align:center;color:var(--muted);text-wrap:balance;margin:0;font-size:.8rem;font-weight:750;line-height:1.3}.welcome-utilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.welcome-utilities button{min-width:0;min-height:52px;color:var(--ink);letter-spacing:.02em;border:1px solid var(--line);background:linear-gradient(135deg,#ffffff0d,#0000 46%),#0616169e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:.7rem;font-weight:850;display:inline-flex}.welcome-utilities button svg{color:var(--green)}.welcome-screen:not([data-reduced-motion=true]) .welcome-body{animation:5.6s ease-in-out infinite welcome-float}.welcome-screen:not([data-reduced-motion=true]) .welcome-core{animation:3.4s ease-in-out infinite welcome-core-pulse}.welcome-screen:not([data-reduced-motion=true]) .welcome-aura{animation:4.2s ease-in-out infinite welcome-aura-pulse}.welcome-screen:not([data-reduced-motion=true]) .welcome-aura-2{animation-duration:5.6s;animation-direction:reverse}.welcome-screen:not([data-reduced-motion=true]) .welcome-orbit{animation:22s linear infinite welcome-orbit-spin}@keyframes welcome-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes welcome-core-pulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}@keyframes welcome-aura-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes welcome-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.welcome-body,.welcome-core,.welcome-aura,.welcome-aura-2,.welcome-orbit{animation:none!important;transform:none!important}}@media (width<=980px){.welcome-start{width:100%}.welcome-hero-svg{max-height:min(40svh,320px)}}