.jersey{font-family:var(--font-pixel), monospace}.cloud-text{color:#5a4a78;letter-spacing:.02em;text-shadow:0 1.5px #fff9;line-height:1}.cloud-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;transition:filter .16s,transform 80ms;display:inline-flex;position:relative}.cloud-btn-content{z-index:2;text-shadow:0 1.5px #ffffffb3;letter-spacing:.02em;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:7px;padding:2px 14px 5px;line-height:1;display:inline-flex;position:relative}@media (hover:hover){.cloud-btn:not(.is-disabled):hover{filter:brightness(1.04)drop-shadow(0 0 7px #ffffff8c)}}.cloud-btn:not(.is-disabled):active{filter:brightness(.97);transform:translateY(1.5px)scale(.98)}.cloud-btn.is-disabled{cursor:not-allowed;filter:saturate(.45)brightness(.97)opacity(.55)}.cloud-bloom{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;min-width:208px;min-height:66px;padding:0;transition:filter .18s,transform .1s;display:inline-flex;position:relative}.cloud-bloom .cloud-btn-content{color:#3f7a5e;gap:11px;padding:4px 26px 9px;font-size:22px}.cloud-bloom.is-ready{filter:drop-shadow(0 0 18px #a8f0c8b3)drop-shadow(0 0 6px #fffc)}@media (hover:hover){.cloud-bloom.is-ready:hover{filter:brightness(1.05)drop-shadow(0 0 26px #a8f0c8e6)drop-shadow(0 0 8px #ffffffe6)}}.cloud-bloom.is-ready:active{transform:translateY(2px)scale(.98)}.cloud-bloom.is-disabled{cursor:not-allowed;filter:saturate(.7)brightness(.99)opacity(.82)}@media (prefers-reduced-motion:no-preference){.cloud-bloom.is-ready{animation:2.6s ease-in-out infinite cloud-bloom-pulse}}@keyframes cloud-bloom-pulse{0%,to{filter:drop-shadow(0 0 14px #a8f0c899)drop-shadow(0 0 5px #ffffffb3)}50%{filter:drop-shadow(0 0 26px #a8f0c8eb)drop-shadow(0 0 9px #ffffffe6)}}.cloud-hud-row{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.cloud-hud-left{align-items:center;gap:18px;min-width:0;display:flex}.cloud-hud-right{align-items:center;gap:10px;display:flex}.cloud-hud-stat{align-items:center;gap:6px;display:inline-flex}.cloud-hud-stat b{color:#5a4a78;text-shadow:0 1.5px #ffffffb3;font-size:17px;font-weight:400}.cloud-tabbar{justify-content:space-around;align-items:center;gap:2px;width:100%;display:flex}.cloud-tab{min-width:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:6px;padding:2px;transition:filter .16s,transform .1s;display:flex;position:relative}.cloud-tab-icon-box{justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.cloud-tab-orb{z-index:0;pointer-events:none;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloud-tab-icon{z-index:1;line-height:0;position:relative}.cloud-tab-label{z-index:1;color:#7a6ca6;text-overflow:clip;white-space:nowrap;max-width:100%;font-size:12px;line-height:1;position:relative;overflow:hidden}.cloud-tab.is-active .cloud-tab-label{color:#6a5a9e}.cloud-tab:not(.is-active) .cloud-tab-icon{filter:saturate(.5)opacity(.72)}@media (hover:hover){.cloud-tab:not(.is-active):hover{filter:brightness(1.05)}.cloud-tab:not(.is-active):hover .cloud-tab-icon{filter:saturate(.8)opacity(.9)}}.cloud-tab:active{transform:translateY(1px)scale(.97)}.cloud-sheet-backdrop{z-index:20;background:#1c143880;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.cloud-sheet{width:100%;max-height:86vh;padding:0 12px calc(76px + max(10px, env(safe-area-inset-bottom)));flex-direction:column;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.cloud-sheet{animation:.32s cubic-bezier(.22,.61,.36,1) both cloud-sheet-rise}}@keyframes cloud-sheet-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.cloud-sheet-grab-zone{cursor:grab;touch-action:none;justify-content:center;padding:8px 0 6px;display:flex}.cloud-sheet-grab{background:#ffffffbf;border-radius:3px;width:46px;height:6px;box-shadow:0 1px #7d6b9e66}.cloud-sheet-head{z-index:2;align-items:center;gap:10px;margin-bottom:-10px;padding:0 2px;display:flex;position:relative}.cloud-sheet-head-spacer{flex:1 1 0;min-width:0}.cloud-sheet-titlecloud{flex:0 auto;min-width:0}.cloud-sheet-head-row{align-items:center;gap:9px;width:100%;display:flex}.cloud-sheet-title{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin:0;font-size:21px;font-weight:400;display:inline-flex}.cloud-sheet-extra{align-items:center;gap:6px;display:inline-flex}.cloud-sheet-close{flex:none}.cloud-sheet-body-wrap{z-index:1;min-height:0;display:flex;position:relative}.cloud-sheet-body{-webkit-overflow-scrolling:touch;width:100%;max-height:72vh;padding:20px 8px 26px;overflow-y:auto}.app{z-index:1;position:fixed;inset:0;overflow:hidden}.app.is-overlay-open .bloom-wrap,.app.is-overlay-open .move-chip-wrap,.app.is-overlay-open .world-sky{opacity:0;pointer-events:none;transition:opacity .18s}.play-canvas{z-index:0;cursor:pointer;position:absolute;inset:0}.play-canvas .stage-canvas{width:100%;height:100%}.hud-wrap{top:max(10px, env(safe-area-inset-top));z-index:6;pointer-events:none;width:min(440px,100% - 24px);position:absolute;left:50%;transform:translate(-50%)}.hud-cloud{pointer-events:auto;width:100%}.hud-stat{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.hud-stat b{color:#5a4a78;text-shadow:0 1.5px #ffffffb3;font-size:17px;font-weight:400}.hud-stat-stardust b{color:#9a7a32}.hud-combo{letter-spacing:.02em;color:#6a5a9e;white-space:nowrap;flex:none;font-size:16px}.hud-gear{flex:none;min-width:44px;min-height:44px}.world-sky{top:calc(max(10px, env(safe-area-inset-top)) + 122px);z-index:4;text-align:center;letter-spacing:.34em;text-transform:uppercase;color:#5f508299;text-shadow:0 1.5px #ffffffb3,0 0 16px #ffffff80;pointer-events:none;font-size:14px;position:absolute;left:0;right:0}.move-chip-wrap{top:calc(max(10px, env(safe-area-inset-top)) + 72px);right:max(14px, env(safe-area-inset-right));z-index:6;width:min(168px,100% - 28px);position:absolute}.move-chip-wrap>*{width:100%}.move-chip{justify-content:center;align-items:center;gap:2px;width:100%;display:flex}.move-chip-btn{min-width:0;min-height:44px;font:inherit;color:#6a5a9e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;padding:4px 3px 5px;font-size:13px;transition:color .16s,text-shadow .16s,transform .1s;display:inline-flex}.move-chip-btn:hover:not(:disabled){color:#6a5a9e}.move-chip-btn.is-active{color:#6a5a9e;text-shadow:0 1.5px #fffc,0 0 10px #c7c0ffe6}.move-chip-btn:disabled:not(.is-active){color:#8b7eb0;opacity:.85;cursor:not-allowed}.move-chip-btn:active:not(:disabled){transform:translateY(1px)}.bloom-wrap{left:50%;bottom:calc(20% + env(safe-area-inset-bottom));z-index:7;position:absolute;transform:translate(-50%)}.bloom-text{align-items:center;gap:6px;display:inline-flex}.tabbar-wrap{bottom:max(10px, env(safe-area-inset-bottom));z-index:6;width:min(620px,100% - 20px);position:absolute;left:50%;transform:translate(-50%)}.tabbar-wrap>*{width:100%}.sheet-stack{flex-direction:column;gap:22px;display:flex}.sheet-section-title{letter-spacing:.08em;text-transform:uppercase;color:#7a68a8;text-shadow:0 1.5px #ffffffb3;margin:0 0 10px;font-size:14px}.settings-sheet{gap:10px}@media (width<=430px){.hud-stat b{font-size:16px}.cloud-hud-left{gap:13px}.move-chip-wrap{width:min(156px,100% - 28px)}.move-chip-btn{font-size:12px}}@media (width>=720px){.app{--col:520px;background:radial-gradient(80% 55% at 22% 8%,#ffe2f48c 0%,#0000 60%),radial-gradient(75% 55% at 82% 16%,#d6e2ff80 0%,#0000 58%),radial-gradient(120% 80% at 50% 110%,#cee8d680 0%,#0000 55%),linear-gradient(165deg,#fbf2ff 0%,#f0eaff 38%,#e6e3fb 68%,#dde2f4 100%)}.play-canvas{width:var(--col);left:50%;right:auto;transform:translate(-50%)}.hud-wrap{width:min(var(--col) - 24px, calc(100% - 24px))}.tabbar-wrap{width:min(var(--col) - 16px, calc(100% - 20px))}.move-chip-wrap{right:calc(50% - var(--col) / 2 + 12px)}.world-sky{left:calc(50% - var(--col) / 2);width:var(--col);right:auto}}.cloud-sheet,.cloud-sheet-body{--s:16px;--ink:#4a3a68;--ink-soft:#6a5a9e;--ink-faint:#7a6ca6;--good:#4f8a6c;--bad:#a85a7c}.cs-stack{gap:calc(var(--s) * 1.5);flex-direction:column;display:flex}.cloud-card{width:100%;display:block;position:relative}.cloud-card-btn{font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:filter .16s,transform .1s}@media (hover:hover){.cloud-card-btn:not(.is-disabled):hover{filter:brightness(1.03)drop-shadow(0 0 8px #ffffff80)}}.cloud-card-btn:not(.is-disabled):active{transform:translateY(1.5px)scale(.992)}.cloud-card-btn.is-disabled{cursor:default}.cs-section{gap:var(--s);flex-direction:column;display:flex}.cs-section-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px;display:flex}.cs-section-title{color:var(--ink);letter-spacing:.03em;text-shadow:0 1.5px #fff9;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:400;display:inline-flex}.cs-section-note{color:var(--ink-faint);letter-spacing:.02em;font-size:13px}.cs-row{align-items:center;gap:14px;width:100%;min-height:56px;display:flex}.cs-row-art{flex:none;justify-content:center;align-items:center;width:40px;line-height:0;display:flex}.cs-row-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.cs-row-name{color:var(--ink);letter-spacing:.02em;text-shadow:0 1px #fff9;align-items:baseline;gap:8px;min-width:0;font-size:16px;display:flex}.cs-row-name-text{white-space:nowrap}.cs-row-lv{color:var(--ink-faint);flex:none;font-size:12px}.cs-row-desc{color:var(--ink-soft);font-size:13px;line-height:1.45}.cs-row-action{flex:none;align-items:center;display:flex}.cs-row.is-locked .cs-row-name{color:var(--ink)}.cs-row.is-locked .cs-row-desc{color:var(--ink-soft)}.cs-reward-row{color:var(--ink-soft);flex-wrap:wrap;gap:6px 14px;margin-top:2px;display:flex}.cs-pill{align-items:center;gap:5px;font-size:14px;display:inline-flex}.cs-branch{gap:var(--s);flex-direction:column;display:flex}.cs-branch-nodes{flex-direction:column;gap:12px;display:flex}.cs-deals-tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cs-deal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:118px;display:flex}.cs-deal-art{line-height:0}.cs-deal-name{color:var(--ink);font-size:12px;line-height:1.2}.cs-seg{gap:8px;padding:0 2px;display:flex}.cs-seg-btn{flex:1 1 0;min-width:0}.cs-seg-btn .cloud-btn-content{gap:5px;max-width:100%;padding:2px 6px 5px;font-size:14px}.cs-seg-label{text-overflow:clip;white-space:nowrap;min-width:0;overflow:hidden}.cs-grid{grid-template-columns:1fr;gap:14px;display:grid}.cs-item{align-items:center;gap:16px;width:100%;display:flex}.cs-item-art{flex:none;justify-content:center;align-items:center;width:56px;height:56px;line-height:0;display:flex}.cs-item-body{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.cs-item-name{color:var(--ink);letter-spacing:.02em;text-shadow:0 1px #fff9;font-size:16px}.cs-item-desc{color:var(--ink-soft);font-size:13px;line-height:1.45}.cs-item-action{flex:none}.cs-aura-swatch{border-radius:50%;width:38px;height:38px;box-shadow:0 0 12px 2px}.cs-tag{color:var(--good);letter-spacing:.04em;align-items:center;padding:4px 12px;font-size:13px;display:inline-flex}.cs-tag.is-muted{color:var(--ink-faint)}.cs-roster{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cs-roster-tile{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.cs-roster-tile .cloud-card,.cs-roster-tile .cloud-card-btn{width:100%;height:100%}.cs-roster-art{justify-content:center;align-items:center;line-height:0;display:flex}.cs-roster-tile.is-locked .cs-roster-art{filter:grayscale()brightness(.7)opacity(.55)}.cs-roster-lock{justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;inset:0}.cs-roster-dot{background:var(--good);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:6px;box-shadow:0 0 6px 1px #5f9e7eb3}.cs-feature{flex-direction:column;gap:14px;display:flex}.cs-feature-head{align-items:center;gap:16px;display:flex}.cs-feature-art{flex:none;line-height:0}.cs-feature-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.cs-feature-name{color:var(--ink);letter-spacing:.02em;text-shadow:0 1.5px #fff9;font-size:20px}.cs-feature-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:12px}.cs-feature-active{flex:none;margin-left:auto}.cs-feature-pitch{color:var(--ink-soft);font-size:14px;line-height:1.5}.cs-effect{flex-direction:column;gap:4px;display:flex}.cs-effect-label{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;align-self:flex-start;padding:2px 9px;font-size:11px;display:inline-flex}.cs-effect-label.is-good{color:var(--good);background:#5f9e7e24}.cs-effect-label.is-bad{color:var(--bad);background:#b06a8a24}.cs-effect-text{color:var(--ink);font-size:14px;line-height:1.5}.cs-feature-world{border-top:1px dashed #7d6b9e4d;flex-direction:column;gap:4px;padding-top:12px;display:flex}.cs-world-name{color:var(--ink);letter-spacing:.04em;font-size:13px}.cs-world-phase{color:var(--ink-faint)}.cs-world-rule{color:var(--ink-soft);font-size:13px;line-height:1.5}.cs-feature-locked-hint{color:var(--ink-soft);font-size:14px;line-height:1.5}.cs-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px 18px;padding:2px;display:grid}.cs-stat{flex-direction:column;gap:3px;display:flex}.cs-stat-value{color:var(--ink);text-shadow:0 1.5px #fff9;align-items:center;gap:7px;font-size:20px;display:inline-flex}.cs-stat-label{color:var(--ink-faint);letter-spacing:.03em;font-size:12px}.cs-actions{flex-direction:column;gap:14px;display:flex}.cs-action-btn{width:100%}.cs-action-btn .cloud-btn-content{width:100%;padding:6px 18px 9px;font-size:16px}.cs-import-cloud{width:100%;display:block}.cs-import{resize:vertical;width:100%;min-height:58px;font:inherit;letter-spacing:.02em;color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:14px;line-height:1.5;display:block}.cs-import::placeholder{color:var(--ink-soft)}.cs-about{text-align:center;color:var(--ink-faint);letter-spacing:.02em;font-size:13px;line-height:1.6}.cs-about b{color:var(--ink-soft);font-weight:400}.cs-progress{color:var(--ink-soft);align-items:center;gap:7px;font-size:14px;display:inline-flex}.cs-progress b{color:var(--ink)}@media (width>=720px){.cloud-sheet{max-width:760px;margin:0 auto}.cs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.cs-roster{grid-template-columns:repeat(6,1fr)}.cs-stats-grid{grid-template-columns:repeat(3,1fr)}}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/pixeljump/fonts/pixelify-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/pixeljump/fonts/pixelify-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-pixel:"Pixelify Sans", ui-monospace, "SF Mono", "JetBrains Mono", "Courier New", monospace}body,button,input,textarea,select,h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel)}body{letter-spacing:.01em;-webkit-font-smoothing:antialiased;line-height:1.5}b,strong{font-variant-numeric:tabular-nums;letter-spacing:.02em}:root{--bg-night-top:#1b1733;--bg-night-mid:#241d44;--bg-night-bottom:#2e2350;--bg-glow-dawn:#3a2c52;--bg-glow-dusk:#4a2f55;--panel:#382f5c6b;--panel-strong:#4036689e;--panel-edge:#c4b2ff38;--panel-edge-soft:#c4b2ff1f;--ink:#f3eeff;--ink-soft:#b9aede;--ink-faint:#a89ed0;--dawn:#ffd9c0;--midday:#c9e6ff;--dusk:#ffc8a8;--night:#c4b2ff;--pink:#ffb6d4;--butter:#ffe9b0;--good:#a6f0c6;--accent:#d8b6ff;--accent-glow:#d8b6ff8c;--twinkle:#ffffffd9;--shadow:#0a061c8c;--bloom:#c4b2ff59;font-family:var(--font-pixel);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--px:2px;--pf-notch:polygon(calc(var(--px) * 2) 0, calc(100% - var(--px) * 2) 0, 100% calc(var(--px) * 2), 100% calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) 100%, calc(var(--px) * 2) 100%, 0 calc(100% - var(--px) * 2), 0 calc(var(--px) * 2));--pf-fill-top:#322a5e;--pf-fill-bottom:#281f4d;--pf-fill-card-top:#38306a;--pf-fill-card-bottom:#2c2456;--pf-edge-light:#e9deff;--pf-edge-mid:#b9a6ff;--pf-edge-deep:#2a1f4a;--pf-glow:#c4b2ff66;--pf-glow-warm:#ffc8e652;--pf-sparkle:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 7 7\" shape-rendering=\"crispEdges\"><rect x=\"3\" y=\"0\" width=\"1\" height=\"7\" fill=\"%23fff4ff\"/><rect x=\"0\" y=\"3\" width=\"7\" height=\"1\" fill=\"%23fff4ff\"/><rect x=\"2\" y=\"2\" width=\"3\" height=\"3\" fill=\"%23ffe9b0\"/><rect x=\"3\" y=\"3\" width=\"1\" height=\"1\" fill=\"%23ffffff\"/></svg>");--pf-star:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 5 5\" shape-rendering=\"crispEdges\"><rect x=\"2\" y=\"0\" width=\"1\" height=\"5\" fill=\"%23d8b6ff\"/><rect x=\"0\" y=\"2\" width=\"5\" height=\"1\" fill=\"%23d8b6ff\"/><rect x=\"2\" y=\"2\" width=\"1\" height=\"1\" fill=\"%23ffffff\"/></svg>")}.pixel-frame,.pixel-card{--pf-fill-a:var(--pf-fill-top);--pf-fill-b:var(--pf-fill-bottom);clip-path:var(--pf-notch);padding:calc(var(--px) * 7) calc(var(--px) * 8);color:var(--ink);background:linear-gradient(165deg, var(--pf-fill-a) 0%, var(--pf-fill-b) 100%);box-shadow: inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep),  inset var(--px) var(--px) 0 0 var(--pf-edge-light),  inset 0 0 0 var(--px) var(--pf-edge-mid),  inset 0 0 calc(var(--px) * 9) #c4b2ff24,  0 calc(var(--px) * 3) calc(var(--px) * 12) var(--shadow), 0 0 calc(var(--px) * 10) var(--pf-glow);transition:box-shadow .4s,transform .18s;position:relative}.pixel-card{--pf-fill-a:var(--pf-fill-card-top);--pf-fill-b:var(--pf-fill-card-bottom);padding:calc(var(--px) * 6) calc(var(--px) * 7)}.pixel-frame:before,.pixel-card:before{content:"";inset:calc(var(--px) * -1);pointer-events:none;z-index:2;background-image:var(--pf-sparkle), var(--pf-sparkle);background-position:0 0,100% 100%;background-repeat:no-repeat,no-repeat;background-size:calc(var(--px) * 6) calc(var(--px) * 6);image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--px) * 3) var(--pf-glow-warm));position:absolute}.pixel-frame:after,.pixel-card:after{content:"";inset:calc(var(--px) * -1);pointer-events:none;z-index:2;background-image:var(--pf-star), var(--pf-star);background-position:100% 0,0 100%;background-repeat:no-repeat,no-repeat;background-size:calc(var(--px) * 5) calc(var(--px) * 5);image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--px) * 3) var(--pf-glow));position:absolute}.pixel-frame.is-interactive:hover,.pixel-card.is-interactive:hover{transform:translateY(calc(var(--px) * -1));box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 9) #c4b2ff33, 0 calc(var(--px) * 4) calc(var(--px) * 14) var(--shadow), 0 0 calc(var(--px) * 16) var(--pf-glow)}@media (prefers-reduced-motion:no-preference){.pixel-frame:before,.pixel-card:before{animation:3.4s ease-in-out infinite pf-twinkle}.pixel-frame:after,.pixel-card:after{animation:3.4s ease-in-out 1.7s infinite pf-twinkle}}@keyframes pf-twinkle{0%,to{opacity:.55}50%{opacity:.92}}.pixel-btn{justify-content:center;align-items:center;gap:calc(var(--px) * 3);min-width:44px;min-height:44px;padding:calc(var(--px) * 4) calc(var(--px) * 9);font:inherit;letter-spacing:.02em;color:var(--ink);text-shadow:0 0 calc(var(--px) * 4) var(--accent-glow);cursor:pointer;clip-path:var(--pf-notch);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #ffffff8c, inset 0 0 0 var(--px) var(--pf-edge-mid), 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 6) var(--pf-glow);-webkit-tap-highlight-color:transparent;background:linear-gradient(165deg,#ffb6d452,#c4b2ff57);border:0;font-size:15px;transition:filter .18s,box-shadow .18s,transform 80ms,background .18s;display:inline-flex;position:relative}.pixel-btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #ffffffb3, inset 0 0 0 var(--px) var(--pf-edge-light), 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 12) var(--accent-glow);background:linear-gradient(165deg,#ffb6d475,#c4b2ff7a)}.pixel-btn:active:not(:disabled){transform:translateY(var(--px));filter:brightness(.92);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #ffffff59, inset var(--px) var(--px) 0 0 #2a1f4ab3, inset 0 0 0 var(--px) var(--pf-edge-mid), 0 0 0 0 var(--pf-edge-deep), inset 0 0 calc(var(--px) * 6) #140e2866}.pixel-btn:focus-visible{box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #fff9, inset 0 0 0 var(--px) var(--pf-edge-light), 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 14) var(--accent-glow);outline:none}.pixel-btn:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.4);text-shadow:none;box-shadow:inset 0 0 0 var(--px) #8c83b880, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4a99;background:linear-gradient(165deg,#786ea04d,#60588c4d);transform:none}.pixel-btn.pixel-btn-good{background:linear-gradient(165deg,#a6f0c666,#c4b2ff57)}.pixel-btn.pixel-btn-good:hover:not(:disabled){background:linear-gradient(165deg,#a6f0c68c,#c4b2ff75)}.pixel-btn.pixel-btn-warm{background:linear-gradient(165deg,#ffe9b06b,#ffb6d461)}.pixel-btn.pixel-btn-warm:hover:not(:disabled){background:linear-gradient(165deg,#ffe9b094,#ffb6d485)}.pixel-btn.pixel-btn-danger{background:linear-gradient(165deg,#ff9bb066,#c4789657)}.pixel-btn.pixel-btn-danger:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #ffffffb3, inset 0 0 0 var(--px) #ffb6c4, 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 12) #ff9bb080}.pixel-btn.pixel-btn-block{width:100%}.pixel-bar{--pf-fill-pct:0%;width:100%;height:calc(var(--px) * 8);clip-path:var(--pf-notch);box-shadow:inset 0 0 0 var(--px) var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #00000059;background:linear-gradient(#1d1638,#251c45);position:relative;overflow:hidden}.pixel-bar>.pixel-bar-fill,.pixel-bar-fill{inset:var(--px);width:calc(var(--pf-fill-pct) - var(--px) * 2);background:linear-gradient(90deg, var(--pink), var(--accent) 60%, var(--midday));min-width:0;box-shadow:inset 0 var(--px) 0 0 #ffffff8c, inset 0 calc(var(--px) * -1) 0 0 #2a1f4a73, 0 0 calc(var(--px) * 6) var(--accent-glow);transition:width .45s cubic-bezier(.22,.61,.36,1);position:absolute;right:auto}.pixel-bar.pixel-bar-warm>.pixel-bar-fill,.pixel-bar.pixel-bar-warm .pixel-bar-fill{background:linear-gradient(90deg, var(--butter), var(--dusk) 70%, var(--pink));box-shadow:inset 0 var(--px) 0 0 #fff9, inset 0 calc(var(--px) * -1) 0 0 #2a1f4a73, 0 0 calc(var(--px) * 6) var(--butter)}.pixel-bar.pixel-bar-good>.pixel-bar-fill,.pixel-bar.pixel-bar-good .pixel-bar-fill{background:linear-gradient(90deg, var(--good), var(--midday) 80%);box-shadow:inset 0 var(--px) 0 0 #ffffff8c, inset 0 calc(var(--px) * -1) 0 0 #2a1f4a73, 0 0 calc(var(--px) * 6) #a6f0c680}@media (prefers-reduced-motion:no-preference){.pixel-bar>.pixel-bar-fill,.pixel-bar-fill{animation:2.8s ease-in-out infinite pf-bar-pulse}}@keyframes pf-bar-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.pixel-divider{height:calc(var(--px) * 5);margin:calc(var(--px) * 5) 0;background-image:linear-gradient(90deg, var(--pf-edge-mid) 50%, transparent 50%);background-size:calc(var(--px) * 4) var(--px);image-rendering:pixelated;opacity:.7;background-position:50%;background-repeat:repeat-x;position:relative}.pixel-divider:before{content:"";width:calc(var(--px) * 6);height:calc(var(--px) * 6);background-image:var(--pf-sparkle);image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--px) * 3) var(--pf-glow-warm));background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pf-frame-surface{clip-path:var(--pf-notch);background:linear-gradient(165deg, var(--pf-fill-top) 0%, var(--pf-fill-bottom) 100%);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 9) #c4b2ff24, 0 calc(var(--px) * 3) calc(var(--px) * 12) var(--shadow), 0 0 calc(var(--px) * 10) var(--pf-glow);position:relative}.pf-card-surface{clip-path:var(--pf-notch);background:linear-gradient(165deg, var(--pf-fill-card-top) 0%, var(--pf-fill-card-bottom) 100%);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 7) #c4b2ff1f, 0 calc(var(--px) * 2) calc(var(--px) * 9) var(--shadow), 0 0 calc(var(--px) * 7) var(--pf-glow);position:relative}.pf-corner-sparkle:after{content:"";top:calc(var(--px) * -1);right:calc(var(--px) * -1);width:calc(var(--px) * 5);height:calc(var(--px) * 5);pointer-events:none;z-index:2;background-image:var(--pf-star);image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--px) * 3) var(--pf-glow));background-repeat:no-repeat;background-size:contain;position:absolute}@media (prefers-reduced-motion:reduce){.pixel-frame:before,.pixel-frame:after,.pixel-card:before,.pixel-card:after,.pixel-bar>.pixel-bar-fill,.pixel-bar-fill{animation:none}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:radial-gradient(120% 80% at 18% 0%, var(--bg-glow-dawn) 0%, transparent 55%), radial-gradient(120% 80% at 85% 12%, var(--bg-glow-dusk) 0%, transparent 50%), linear-gradient(170deg, var(--bg-night-top) 0%, var(--bg-night-mid) 48%, var(--bg-night-bottom) 100%);background-attachment:fixed}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 12% 22%, var(--twinkle) 50%, transparent 100%), radial-gradient(1px 1px at 28% 68%, #fff9 50%, transparent 100%), radial-gradient(1.5px 1.5px at 47% 14%, var(--twinkle) 50%, transparent 100%), radial-gradient(1px 1px at 63% 84%, #ffffff80 50%, transparent 100%), radial-gradient(1.5px 1.5px at 78% 38%, var(--twinkle) 50%, transparent 100%), radial-gradient(1px 1px at 90% 72%, #ffffff8c 50%, transparent 100%), radial-gradient(1px 1px at 38% 92%, #ffffff73 50%, transparent 100%), radial-gradient(1.5px 1.5px at 6% 56%, var(--twinkle) 50%, transparent 100%);opacity:.7;background-repeat:repeat;background-size:100% 100%;animation:6s ease-in-out infinite twinkle,90s linear infinite drift;position:fixed;inset:-10%}@keyframes twinkle{0%,to{opacity:.45}50%{opacity:.85}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-24px)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}.cp-body{transition:none}}.page{flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.page-panel{padding:16px 18px}.page-panel-title{letter-spacing:.04em;color:var(--ink);text-shadow:0 0 12px var(--accent-glow), 0 0 2px #ffffff59;margin:0 0 12px;padding-bottom:8px;font-size:18px;position:relative}.page-panel-title:after{content:"";width:44px;height:var(--px);background-image:linear-gradient(90deg, var(--accent) 50%, transparent 50%);background-size:calc(var(--px) * 2) var(--px);image-rendering:pixelated;box-shadow:0 0 10px var(--accent-glow);background-repeat:repeat-x;position:absolute;bottom:0;left:0}.page-panel-body{flex-direction:column;display:flex}.stardust-balance{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:inline-flex}.stardust-balance b{color:var(--ink);text-shadow:0 0 10px var(--accent-glow), 0 0 2px #fff6;font-size:20px}.page-stub{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.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}.settings{flex-direction:column;align-items:stretch;display:flex}.panel{clip-path:var(--pf-notch);background:linear-gradient(165deg, var(--pf-fill-top) 0%, var(--pf-fill-bottom) 100%);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 9) #c4b2ff24, 0 calc(var(--px) * 3) calc(var(--px) * 12) var(--shadow), 0 0 calc(var(--px) * 10) var(--pf-glow);padding:14px;transition:box-shadow .4s;position:relative}.panel:hover{box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 9) #c4b2ff33, 0 calc(var(--px) * 4) calc(var(--px) * 14) var(--shadow), 0 0 calc(var(--px) * 14) var(--pf-glow)}.panel h2{color:var(--ink);letter-spacing:.03em;text-shadow:0 0 10px var(--accent-glow);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.upgrade-row{border-top:var(--px) solid transparent;border-image:repeating-linear-gradient(90deg, var(--pf-edge-mid) 0 var(--px), transparent var(--px) calc(var(--px) * 3)) 1;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.upgrade-name{font-size:15px}.upgrade-level{color:var(--ink-soft);font-size:12px}.upgrade-desc{color:var(--ink-soft);font-size:12px;line-height:1.45}.upgrade-info{min-width:0}.buy-btn:not(.pixel-btn),.bloom-btn:not(.pixel-btn){cursor:pointer;color:var(--ink);font:inherit;justify-content:center;align-items:center;gap:calc(var(--px) * 2);min-height:36px;padding:calc(var(--px) * 3) calc(var(--px) * 6);clip-path:var(--pf-notch);text-shadow:0 0 calc(var(--px) * 4) var(--accent-glow);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #ffffff8c, inset 0 0 0 var(--px) var(--pf-edge-mid), 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 6) var(--pf-glow);background:linear-gradient(165deg,#ffb6d452,#c4b2ff57);border:0;display:inline-flex;position:relative}.buy-btn.pixel-btn{min-height:36px;padding:calc(var(--px) * 3) calc(var(--px) * 7);font-size:14px}.bloom-btn.pixel-btn{margin-bottom:10px}.pollen-balance{color:var(--ink-soft);align-items:center;gap:4px;margin-bottom:8px;font-size:13px;display:inline-flex}.settings summary{cursor:pointer;color:var(--ink)}.settings button{margin:4px 0 0}.settings textarea{width:100%;height:48px;padding:calc(var(--px) * 4) calc(var(--px) * 5);color:var(--ink);font:inherit;resize:vertical;clip-path:var(--pf-notch);box-shadow:inset 0 0 0 var(--px) var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #00000059, inset 0 0 calc(var(--px) * 6) #c4b2ff14;background:linear-gradient(#1d1638,#251c45);border:0;margin:8px 0}.settings textarea::placeholder{color:var(--ink-faint)}.settings textarea:focus-visible{box-shadow:inset 0 0 0 var(--px) var(--pf-edge-mid), inset var(--px) var(--px) 0 0 #00000059, 0 0 calc(var(--px) * 8) var(--accent-glow);outline:none}.modal-backdrop{z-index:10;background:#0c081c9e;place-items:center;display:grid;position:fixed;inset:0}.modal{text-align:center;min-width:280px;clip-path:var(--pf-notch);background:linear-gradient(165deg, var(--pf-fill-card-top) 0%, var(--pf-fill-card-bottom) 100%);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 12) #c4b2ff29, 0 calc(var(--px) * 6) calc(var(--px) * 22) var(--shadow), 0 0 calc(var(--px) * 20) var(--pf-glow);padding:28px;position:relative}.modal:before,.modal:after{content:"";inset:calc(var(--px) * -1);pointer-events:none;z-index:2;image-rendering:pixelated;background-repeat:no-repeat,no-repeat;position:absolute}.modal:before{background-image:var(--pf-sparkle), var(--pf-sparkle);background-position:0 0,100% 100%;background-size:calc(var(--px) * 6) calc(var(--px) * 6);filter:drop-shadow(0 0 calc(var(--px) * 4) var(--pf-glow-warm))}.modal:after{background-image:var(--pf-star), var(--pf-star);background-position:100% 0,0 100%;background-size:calc(var(--px) * 5) calc(var(--px) * 5);filter:drop-shadow(0 0 calc(var(--px) * 4) var(--pf-glow))}.modal h2{color:var(--ink);text-shadow:0 0 12px var(--accent-glow);align-items:center;gap:8px;display:inline-flex}.modal .earned{color:var(--ink);text-shadow:0 0 14px var(--accent-glow), 0 0 3px #fff6;align-items:center;gap:6px;margin:14px 0;font-size:24px;display:inline-flex}.modal>button.pixel-btn{margin-top:8px}.modal>button:not(.pixel-btn){cursor:pointer;font:inherit;color:var(--ink);justify-content:center;align-items:center;gap:calc(var(--px) * 3);min-height:44px;padding:calc(var(--px) * 4) calc(var(--px) * 11);clip-path:var(--pf-notch);text-shadow:0 0 calc(var(--px) * 4) var(--accent-glow);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #ffffff8c, inset 0 0 0 var(--px) var(--pf-edge-mid), 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 6) var(--pf-glow);background:linear-gradient(165deg,#a6f0c666,#c4b2ff57);border:0;margin-top:8px;transition:filter .18s,box-shadow .18s,transform 80ms,background .18s;display:inline-flex;position:relative}.modal>button:not(.pixel-btn):hover{filter:brightness(1.12);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4ad9, inset var(--px) var(--px) 0 0 #ffffffb3, inset 0 0 0 var(--px) var(--pf-edge-light), 0 var(--px) 0 0 var(--pf-edge-deep), 0 0 calc(var(--px) * 12) var(--accent-glow)}.modal>button:not(.pixel-btn):active{transform:translateY(var(--px));filter:brightness(.92)}.shop-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-head .page-panel-title{margin:0}.shop-balance{margin-bottom:0}.shop-balance b{font-size:18px}.shop-deals{clip-path:var(--pf-notch);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #fff4d680, inset 0 0 0 var(--px) #ffd9c0, 0 0 calc(var(--px) * 8) #ffb6d42e;background:linear-gradient(165deg,#ffe9b029,#ffb6d41f);margin:14px 0 4px;padding:12px;position:relative}.shop-deals:after{content:"";top:calc(var(--px) * -1);right:calc(var(--px) * -1);width:calc(var(--px) * 6);height:calc(var(--px) * 6);pointer-events:none;z-index:2;background-image:var(--pf-sparkle);image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--px) * 3) var(--pf-glow-warm));background-repeat:no-repeat;background-size:contain;position:absolute}@media (prefers-reduced-motion:no-preference){.shop-deals{animation:4.5s ease-in-out infinite deals-glow}}@keyframes deals-glow{0%,to{box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #fff4d680, inset 0 0 0 var(--px) #ffd9c0, 0 0 calc(var(--px) * 6) #ffb6d41f}50%{box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #fff4d68c, inset 0 0 0 var(--px) #ffe9b0, 0 0 calc(var(--px) * 12) #ffb6d447}}.shop-deals-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.shop-deals-title{letter-spacing:.04em;color:var(--ink);text-shadow:0 0 10px var(--accent-glow);align-items:center;gap:6px;font-size:13px;display:inline-flex}.shop-deals-refresh{color:var(--ink-soft);letter-spacing:.02em;font-size:11px}.shop-deals-strip{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shop-tabs{flex-wrap:wrap;gap:6px;margin:16px 0 12px;display:flex}.shop-tab{font:inherit;color:var(--ink-soft);padding:calc(var(--px) * 3) calc(var(--px) * 6);cursor:pointer;clip-path:var(--pf-notch);box-shadow:inset 0 0 0 var(--px) var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #ffffff2e;background:linear-gradient(165deg,#38306ad9,#2c2456d9);border:0;align-items:center;gap:6px;font-size:13px;transition:color .2s,box-shadow .2s,background .2s,transform .1s;display:inline-flex}.shop-tab:hover{color:var(--ink);box-shadow:inset 0 0 0 var(--px) var(--pf-edge-mid), inset var(--px) var(--px) 0 0 #ffffff4d, 0 0 calc(var(--px) * 6) var(--bloom)}.shop-tab.active{color:var(--ink);text-shadow:0 0 8px var(--accent-glow);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #ffffff80, inset 0 0 0 var(--px) var(--pf-edge-light), 0 0 calc(var(--px) * 10) var(--accent-glow);background:linear-gradient(165deg,#ffb6d447,#c4b2ff4d)}.shop-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (prefers-reduced-motion:no-preference){.shop-grid .shop-card,.collect-grid .collect-card{animation:.5s cubic-bezier(.22,.61,.36,1) both card-rise}.shop-grid .shop-card:nth-child(2),.collect-grid .collect-card:nth-child(2){animation-delay:40ms}.shop-grid .shop-card:nth-child(3),.collect-grid .collect-card:nth-child(3){animation-delay:80ms}.shop-grid .shop-card:nth-child(4),.collect-grid .collect-card:nth-child(4){animation-delay:.12s}.shop-grid .shop-card:nth-child(5),.collect-grid .collect-card:nth-child(5){animation-delay:.16s}.shop-grid .shop-card:nth-child(n+6),.collect-grid .collect-card:nth-child(n+6){animation-delay:.2s}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}.shop-card{clip-path:var(--pf-notch);background:linear-gradient(165deg, var(--pf-fill-card-top) 0%, var(--pf-fill-card-bottom) 100%);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 7) #c4b2ff1f, 0 calc(var(--px) * 2) calc(var(--px) * 9) var(--shadow), 0 0 calc(var(--px) * 7) var(--pf-glow);flex-direction:column;gap:8px;padding:12px;transition:box-shadow .3s,transform .15s;display:flex;position:relative}.shop-card:after{content:"";top:calc(var(--px) * -1);right:calc(var(--px) * -1);width:calc(var(--px) * 5);height:calc(var(--px) * 5);pointer-events:none;z-index:2;background-image:var(--pf-star);image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--px) * 3) var(--pf-glow));background-repeat:no-repeat;background-size:contain;position:absolute}.shop-card:hover{transform:translateY(calc(var(--px) * -1));box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 7) #c4b2ff2e, 0 calc(var(--px) * 3) calc(var(--px) * 12) var(--shadow), 0 0 calc(var(--px) * 12) var(--pf-glow)}.shop-card.is-owned{box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #fff6, inset 0 0 0 var(--px) var(--good), inset 0 0 calc(var(--px) * 7) #a6f0c61f, 0 calc(var(--px) * 2) calc(var(--px) * 9) var(--shadow), 0 0 calc(var(--px) * 7) #a6f0c666}.shop-card.is-deal{background:linear-gradient(165deg, #ffe9b033, var(--pf-fill-card-bottom))}.shop-card-art{min-height:48px;filter:drop-shadow(0 0 8px var(--accent-glow));justify-content:center;align-items:center;display:flex}.aura-swatch{width:40px;height:40px;clip-path:var(--pf-notch);box-shadow:0 0 18px currentColor, inset 0 0 8px #ffffff4d, inset 0 0 0 var(--px) #ffffff59;image-rendering:pixelated}.shop-card-body{text-align:center;flex-direction:column;flex:1;gap:3px;display:flex}.shop-card-name{color:var(--ink);letter-spacing:.02em;font-size:15px}.shop-card-desc{color:var(--ink-soft);font-size:12px;line-height:1.45}.shop-card-action{justify-content:center;display:flex}.shop-buy,.shop-equip{justify-content:center;width:100%}.shop-price{align-items:center;gap:4px;display:inline-flex}.shop-price.affordable{text-shadow:0 0 8px var(--accent-glow)}.shop-tag{padding:calc(var(--px) * 3) calc(var(--px) * 6);letter-spacing:.03em;min-height:36px;clip-path:var(--pf-notch);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.shop-tag.owned,.shop-tag.equipped{color:var(--good);text-shadow:0 0 8px #a6f0c666;box-shadow:inset 0 0 0 var(--px) var(--good), inset var(--px) var(--px) 0 0 #ffffff4d, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #2a1f4a99;background:linear-gradient(165deg,#a6f0c633,#a6f0c61a)}.collect-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.collect-head .page-panel-title{margin:0 0 12px}.collect-progress{color:var(--ink-soft);letter-spacing:.03em;text-shadow:0 0 8px var(--accent-glow);align-items:center;gap:6px;font-size:13px;display:inline-flex}.collect-progress b{color:var(--ink)}.collect-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.collect-card{text-align:center;cursor:pointer;font:inherit;color:var(--ink);height:100%;clip-path:var(--pf-notch);background:linear-gradient(165deg, var(--pf-fill-card-top) 0%, var(--pf-fill-card-bottom) 100%);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 7) #c4b2ff1f, 0 calc(var(--px) * 2) calc(var(--px) * 9) var(--shadow), 0 0 calc(var(--px) * 7) var(--pf-glow);border:0;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;transition:transform .15s,box-shadow .2s;display:flex;position:relative}.collect-card:hover:not(:disabled){transform:translateY(calc(var(--px) * -1));box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 var(--pf-edge-light), inset 0 0 0 var(--px) var(--pf-edge-mid), inset 0 0 calc(var(--px) * 7) #c4b2ff33, 0 calc(var(--px) * 3) calc(var(--px) * 12) var(--shadow), 0 0 calc(var(--px) * 12) var(--pf-glow)}.collect-card.is-active{box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--pf-edge-deep), inset var(--px) var(--px) 0 0 #fff9, inset 0 0 0 var(--px) var(--accent), inset 0 0 calc(var(--px) * 9) #d8b6ff38, 0 calc(var(--px) * 2) calc(var(--px) * 9) var(--shadow), 0 0 calc(var(--px) * 12) var(--accent-glow)}.collect-card.is-locked{cursor:default;opacity:.85}.collect-art{min-height:60px;filter:drop-shadow(0 0 10px var(--accent-glow));justify-content:center;align-items:center;display:flex;position:relative}.collect-card.is-locked .collect-art{filter:grayscale()brightness(.32)contrast(.85)}.collect-lock{filter:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.collect-body{text-align:left;flex-direction:column;gap:5px;width:100%;display:flex}.collect-name{letter-spacing:.02em;text-shadow:0 0 8px var(--accent-glow);text-align:center;font-size:15px}.collect-title{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-align:center;text-shadow:0 0 6px var(--accent-glow);margin-bottom:2px;font-size:11px}.collect-effect{grid-template-columns:auto 1fr;align-items:baseline;gap:6px;display:grid}.collect-effect-label{letter-spacing:.06em;text-transform:uppercase;padding:calc(var(--px) * 1) calc(var(--px) * 3);clip-path:var(--pf-notch);white-space:nowrap;font-size:9px}.collect-effect-label.collect-good{color:var(--good);box-shadow:inset 0 0 0 var(--px) var(--good);text-shadow:0 0 6px #a6f0c680}.collect-effect-label.collect-bad{color:var(--pink);box-shadow:inset 0 0 0 var(--px) var(--pink);text-shadow:0 0 6px #ffb6d480}.collect-effect-text{color:var(--ink-soft);font-size:11px;line-height:1.4}.collect-world{border-top:var(--px) solid #d8b6ff2e;margin-top:4px;padding-top:6px}.collect-world-name{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;display:block}.collect-world-phase{color:var(--ink-faint)}.collect-world-rule{color:var(--ink-faint);margin-top:2px;font-size:11px;line-height:1.4;display:block}.collect-hint{color:var(--ink-faint);text-align:center;margin-top:2px;font-size:12px;font-style:italic;line-height:1.45}.collect-tag{letter-spacing:.05em;text-transform:uppercase;padding:calc(var(--px) * 1.5) calc(var(--px) * 4);color:var(--accent);clip-path:var(--pf-notch);text-shadow:0 0 8px var(--accent-glow);box-shadow:inset 0 0 0 var(--px) var(--accent), inset var(--px) var(--px) 0 0 #fff6;background:linear-gradient(165deg,#d8b6ff47,#d8b6ff24);font-size:10px;position:absolute;top:8px;right:8px}@media (width<=768px){.page{gap:8px;max-width:100%}.buy-btn.pixel-btn,.buy-btn,.bloom-btn,.movement-item,.settings button,.shop-tab,.shop-buy,.shop-equip,.cp-header{min-height:44px}.shop-deals-strip,.shop-grid{grid-template-columns:1fr}.collect-grid{grid-template-columns:1fr;gap:8px}@media (hover:none){.buy-btn:hover:not(:disabled),.bloom-btn:hover:not(:disabled),.movement-item:hover:not(:disabled),.shop-card:hover,.collect-card:hover:not(:disabled){box-shadow:none;transform:none}}}