*{box-sizing:border-box}:root{--cc-ink: #14101c;--cc-panel: rgba(34, 26, 49, .72);--cc-panel-strong: rgba(42, 33, 56, .9);--cc-gold: #ffd166;--cc-pink: #ff72b6;--cc-mint: #2ee6a8;--cc-line: rgba(255, 209, 102, .24)}body{margin:0;background-color:#14101c;background-image:linear-gradient(#14101cbd,#14101ce0),url(/assets/ui/bg_page.webp);background-size:cover;background-position:center;background-attachment:fixed;color:#e8e2f4;font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}#app{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:10px;min-height:calc(100vh - 28px)}#game-column{display:flex;flex-direction:column;align-items:center;width:min(96vw,calc((100vh - 160px) / 1.5))}#game-column header{display:flex;align-items:baseline;gap:12px;padding:4px 2px 10px;text-shadow:0 2px 12px rgba(0,0,0,.45)}#game-column h1{margin:0;font-size:22px;letter-spacing:2px;color:var(--cc-gold)}#game-column .sub{font-size:12px;color:#9b8fb8}#game-root{position:relative;width:100%;aspect-ratio:480 / 720}#game-root canvas{display:block;border-radius:10px;box-shadow:0 8px 40px #0000008c}.site-footer{display:flex;min-height:28px;align-items:center;justify-content:center;padding:0 10px 8px;font-size:11px}.site-footer a{color:#9b8fb8;text-decoration-color:#9b8fb87a;text-underline-offset:3px}.site-footer a:hover,.site-footer a:focus-visible{color:var(--cc-gold)}.site-footer a:focus-visible{outline:2px solid var(--cc-gold);outline-offset:3px;border-radius:2px}#charm-shelf{display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 6px 8px;width:100%;border:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--cc-line),transparent) 1;background:radial-gradient(120% 120% at 50% 0%,rgba(255,209,102,.08),transparent 58%),linear-gradient(90deg,transparent,rgba(20,16,28,.42),transparent);border-radius:8px}.shelf-empty{font-size:11px;color:#8e80ad;font-style:italic;letter-spacing:.4px}.charm-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;font-size:20px;background:radial-gradient(circle at 35% 25%,rgba(255,241,184,.2),transparent 38%),var(--cc-panel-strong);border:1px solid rgba(255,209,102,.34);border-radius:8px;padding:4px 7px;cursor:help;box-shadow:0 3px 10px #00000042,0 0 0 1px #14101c80 inset;transition:transform .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.charm-chip:after{content:"";position:absolute;inset:4px;border-radius:6px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.charm-chip:hover{transform:translateY(-1px);border-color:#ffd166b8;box-shadow:0 5px 14px #00000052,0 0 16px #ffd16629}#charm-shelf.is-receiving{animation:charm-shelf-receive .62s ease-out both}.charm-chip.is-arriving{z-index:45;animation:charm-chip-settle .62s cubic-bezier(.2,.9,.25,1.25) both}.charm-chip.is-arriving:after{animation:charm-chip-ring .62s ease-out both}.reward-flight{position:fixed!important;z-index:80;display:flex!important;align-items:center;justify-content:center;margin:0!important;pointer-events:none;transform-origin:center;will-change:transform,opacity,filter;border-radius:10px;background:radial-gradient(circle,rgba(255,241,184,.2),transparent 68%);box-shadow:0 0 20px #ffd16652}.item-flight{color:#f4eeff;background:radial-gradient(circle,rgba(199,125,255,.3),transparent 68%);box-shadow:0 0 20px #c77dff61}@keyframes charm-shelf-receive{0%,to{box-shadow:none}42%{box-shadow:0 0 0 1px #ffd16638,0 0 24px #ffd16629}}@keyframes charm-chip-settle{0%{transform:scale(.72) rotate(-5deg);filter:brightness(1.7)}48%{transform:scale(1.2) rotate(2deg);filter:brightness(1.35)}72%{transform:scale(.96) rotate(-1deg)}to{transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes charm-chip-ring{0%{inset:4px;border-color:#fff0}42%{inset:-6px;border-color:#ffd166b8}to{inset:-10px;border-color:#ffd16600}}#item-bar{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 6px;width:100%;flex-wrap:wrap;background:linear-gradient(90deg,transparent,rgba(20,16,28,.52),transparent),radial-gradient(140% 140% at 50% 100%,rgba(46,230,168,.05),transparent 55%);border-top:1px solid var(--cc-line)}#item-bar.is-receiving{animation:item-bar-receive .64s ease-out both}.item-bar-label{font-size:10px;letter-spacing:2px;color:#b7acd1;text-shadow:0 0 12px rgba(255,209,102,.24)}.item-btn{position:relative;display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#4b3a73a3,#2a2138eb);border:1px solid rgba(199,125,255,.42);border-radius:8px;color:#e8e2f4;font-size:18px;padding:4px 10px;cursor:pointer;box-shadow:0 3px 10px #00000038;transform-origin:center;transition:transform .13s ease-out,border-color .13s ease-out,box-shadow .13s ease-out,background .13s ease-out}.item-btn:after{content:"";position:absolute;inset:3px;border:1px solid transparent;border-radius:8px;pointer-events:none}.item-btn span{font-size:11px}.item-btn:hover{background:linear-gradient(180deg,#5d4990c7,#3a2d52f5);border-color:#ffd1668c}.item-btn.armed{border-color:var(--cc-gold);box-shadow:0 0 0 1px #ffd16647 inset,0 0 14px #ffd16673}.item-btn.is-arriving{z-index:2;animation:item-slot-settle .64s cubic-bezier(.2,.9,.25,1.2) both}.item-btn.is-arriving:after{animation:item-slot-ring .64s ease-out both}@keyframes item-bar-receive{0%,to{box-shadow:none}42%{box-shadow:0 -1px #c77dff47,0 -8px 24px #c77dff1f}}@keyframes item-slot-settle{0%{transform:translateY(-4px) scale(.76) rotate(4deg);filter:brightness(1.75)}48%{transform:translateY(0) scale(1.14) rotate(-1deg);filter:brightness(1.3)}72%{transform:scale(.97) rotate(.5deg)}to{transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes item-slot-ring{0%{inset:3px;border-color:transparent}45%{inset:-6px;border-color:#c77dffc7}to{inset:-10px;border-color:transparent}}.item-use-flight{--item-use-color: #c77dff;position:fixed!important;z-index:72;display:grid!important;place-items:center;margin:0!important;padding:0!important;overflow:visible;border:1px solid color-mix(in srgb,var(--item-use-color) 82%,#fff);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--item-use-color) 42%,#fff) 0 10%,color-mix(in srgb,var(--item-use-color) 30%,#231a35) 42%,#181226f0 72%);box-shadow:0 0 0 3px color-mix(in srgb,var(--item-use-color) 16%,transparent),0 0 24px color-mix(in srgb,var(--item-use-color) 72%,transparent);color:#fff;font-size:25px;line-height:1;pointer-events:none;will-change:transform,opacity,filter;isolation:isolate}.item-use-flight span{display:none}.item-use-flight:before,.item-use-flight:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.item-use-flight:before{z-index:-1;inset:-11px;background:radial-gradient(circle,color-mix(in srgb,var(--item-use-color) 34%,transparent),transparent 68%);filter:blur(2px)}.item-use-flight:after{inset:-6px;border:1px dashed color-mix(in srgb,var(--item-use-color) 74%,#fff);opacity:.72;transform:rotate(24deg)}.item-use-tuna{--item-use-color: #ffd166}.item-use-box{--item-use-color: #d8a46f}.item-use-yarn{--item-use-color: #c77dff}.item-use-catnip{--item-use-color: #2ee6a8}html[data-low-vfx=true] .item-use-flight{box-shadow:0 0 12px color-mix(in srgb,var(--item-use-color) 42%,transparent)}html[data-low-vfx=true] .item-use-flight:after{display:none}.item-slot-empty{width:34px;text-align:center;color:#675a82;border:1px dashed rgba(155,143,184,.36);border-radius:8px;padding:6px 0;background:#14101c42}.item-armed-hint{font-size:11px;color:var(--cc-gold);text-shadow:0 0 10px rgba(255,209,102,.34)}#overlay-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0d0a14d1;z-index:40;opacity:0;pointer-events:none;transition:opacity .15s ease-out,background-color .15s ease-out}#overlay-root.is-visible{opacity:1;pointer-events:auto}#overlay-root.is-leaving{opacity:0;pointer-events:none}.ov-card{background:#221a31;border:1px solid #4b3f63;border-radius:14px;padding:18px 22px;max-width:420px;max-height:min(92vh,calc(100vh - 24px));overflow-y:auto;text-align:center;box-shadow:0 10px 50px #0009;opacity:.88;transform:translateY(13px) scale(.98);transition:transform .22s cubic-bezier(.2,.85,.25,1),opacity .15s ease-out}#overlay-root.is-visible .ov-card{opacity:1;transform:translateY(0) scale(1)}#overlay-root.is-leaving .ov-card{opacity:0;transform:translateY(7px) scale(.99)}.ov-card.ov-wide{width:min(94vw,900px);max-width:900px}.ov-card h2{margin:2px 0 10px;font-size:22px;letter-spacing:2px;color:#ffd166}.ov-card h2.ov-danger{color:#ff5d5d}.ov-runover.ov-overflow{border-color:#ff5d5d;box-shadow:0 0 0 2px #ff5d5d2e,0 12px 60px #530516cc;animation:overflow-card-in .26s cubic-bezier(.2,.9,.25,1.18) both}.ov-runover.ov-overflow h2{text-shadow:0 0 18px rgba(255,93,93,.65)}#overlay-root.is-rerendering .ov-runover.ov-overflow{animation:none}@keyframes overflow-card-in{0%{transform:translateY(-10px) scale(1.045) rotate(-.8deg);filter:saturate(.5)}48%{transform:translateY(4px) scale(.985) rotate(.35deg)}to{transform:translateY(0) scale(1) rotate(0);filter:saturate(1)}}#overlay-root.is-reduced-motion,html[data-reduced-motion=true] #overlay-root{transition-duration:70ms}#overlay-root.is-reduced-motion .ov-card,html[data-reduced-motion=true] #overlay-root .ov-card{transform:none;transition:opacity 70ms ease-out}#overlay-root.is-reduced-motion .ov-runover.ov-overflow,html[data-reduced-motion=true] #overlay-root .ov-runover.ov-overflow{animation:none}#overlay-root.is-low-vfx .ov-runover.ov-overflow,html[data-low-vfx=true] #overlay-root .ov-runover.ov-overflow{box-shadow:0 8px 34px #530516a6}@media(prefers-reduced-motion:reduce){#overlay-root{transition-duration:70ms}#overlay-root .ov-card{transform:none;transition:opacity 70ms ease-out}#overlay-root .ov-runover.ov-overflow{animation:none}}@media(max-width:600px){#overlay-root{position:absolute;inset:0;padding:6px;align-items:center}.ov-card{max-height:calc(100% - 12px);max-width:calc(100% - 12px)}}.ov-card h3{margin:14px 0 8px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#9b8fb8}.ov-big{font-size:14px;margin:6px 0}.ov-dim{font-size:12px;color:#9b8fb8}.ov-modifier{background:#2a2138;border:1px solid #ffd166;border-radius:10px;padding:8px 12px}.ov-card button{background:#4b3a73;border:1px solid #6a51a3;color:#f0e9ff;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;transition:transform .11s ease-out,background-color .13s ease-out,border-color .13s ease-out,box-shadow .13s ease-out}.ov-card button:hover:not(:disabled){background:#5d4990;box-shadow:0 4px 12px #00000038}.ov-card button:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 1px 4px #00000047}.ov-card button:focus-visible{outline:2px solid var(--cc-gold);outline-offset:2px}.ov-card button:disabled{opacity:.45;cursor:default}.ov-card button.ov-primary{background:#c77dff;border-color:#e0b3ff;color:#1c1226;font-weight:700}.ov-card button.ov-primary:hover{background:#d59cff}.ov-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.pact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0;max-height:42vh;overflow-y:auto;padding-right:4px}.pact{display:flex!important;flex-direction:column;gap:3px;text-align:left;padding:7px 10px!important;border-radius:10px!important;cursor:pointer;opacity:.55;transition:opacity .12s}.pact.on{opacity:1;box-shadow:0 0 10px currentColor}.pact-blessing{background:#16271f!important;border:1px solid #2ee6a8!important;color:#6fe3c1!important}.pact-curse{background:#2a161c!important;border:1px solid #ff5d5d!important;color:#ff9b9b!important}.pact-top{display:flex;justify-content:space-between;align-items:center}.pact-icon{font-size:20px}.pact-mult{font-size:12px;font-weight:700}.pact-name{font-size:13px;font-weight:600;color:#f0e9ff}.pact-desc{font-size:11px;color:#b9aed0;line-height:1.25}.cb-card.trait-good{border-left:3px solid #2ee6a8}.cb-card.trait-bad{border-left:3px solid #ff5d5d}.trait-rar{font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:1px 5px;border-radius:6px;vertical-align:middle}.trait-common{color:#b9aed0;background:#2a2138}.trait-uncommon{color:#6fe3c1;background:#16271f}.trait-rare{color:#ffd166;background:#2e2616}.ov-cafe{background-color:#2a2031;background-image:linear-gradient(#222031d6,#222031ed),radial-gradient(120% 80% at 50% -10%,rgba(255,209,102,.1),transparent 60%),url(/assets/ui/bg_cafe.webp);background-size:cover;background-position:center;border-color:#6b5642}.ov-cafe h2{color:#ffcf7a}.ov-cafe .shop-card{background:linear-gradient(#332838,#2a2138);border-top:3px solid #6b5642}.ov-cafe .shop-buy{background:#5a432e;border-color:#8a6a45}.ov-cafe .shop-buy:hover:not(:disabled){background:#6e5238}.ov-intro{background-color:#221a31;background-image:linear-gradient(#221a31d1,#221a31eb),url(/assets/ui/bg_intro.webp);background-size:cover;background-position:center}.cb-book{background-color:#221a31;background-image:linear-gradient(#1e182ad9,#1e182aed),url(/assets/ui/bg_book.webp);background-size:cover;background-position:center}.ov-shrine{background-color:#1a1b2e;background-image:linear-gradient(#1a1b2ed4,#1a1b2eed),radial-gradient(120% 80% at 50% -10%,rgba(124,140,255,.16),transparent 60%),url(/assets/ui/bg_shrine.webp);background-size:cover;background-position:center;border-color:#3a4170}.ov-shrine h3{color:#9fb0ff}.ov-shrine .shrine-card{background:linear-gradient(#222542,#1d2038);border-color:#3a4170;box-shadow:0 0 12px #7c8cff14 inset}.ov-shrine .shrine-card.maxed{border-color:#2ee6a8}.ov-shrine .shop-buy{background:#34407a;border-color:#5566b0}.ov-shrine .shop-buy:hover:not(:disabled){background:#41509a}.ov-shrine .pip.lit{background:#9fb0ff;box-shadow:0 0 5px #9fb0ffb3}.shop-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.shop-card{background:#2a2138;border:1px solid #4b3f63;border-radius:10px;padding:10px 8px;width:122px;display:flex;flex-direction:column;gap:5px;align-items:center;transform-origin:50% 90%;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out}.shop-card.rarity-uncommon{border-color:#56ccf2}.shop-card.rarity-rare{border-color:#ffd166;box-shadow:0 0 10px #ffd16640}.shop-icon{font-size:26px}.shop-icon img.art-icon{width:48px;height:48px;object-fit:contain;display:block;margin:-4px auto -2px}.charm-chip img.art-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle}.shop-name{font-size:12px;font-weight:700;color:#f0e9ff}.shop-desc{font-size:10px;line-height:1.45;color:#b7acd1;flex:1}.shop-buy{width:100%}.shrine-constellations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:-1px 4px 8px}.shrine-constellation{--constellation-accent: #9fb0ff;position:relative;min-width:0;padding:6px 7px 7px;overflow:hidden;border:1px solid rgba(159,176,255,.2);border-radius:8px;background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--constellation-accent) 18%,transparent),transparent 48%),#19162bc2;color:#dcd7ec;transition:border-color .16s ease-out,box-shadow .16s ease-out}.shrine-constellation[data-constellation=foundations]{--constellation-accent: #ffd166}.shrine-constellation[data-constellation=scoring-power]{--constellation-accent: #c77dff}.shrine-constellation[data-constellation=economy-tempo]{--constellation-accent: #63e6be}.shrine-constellation[data-constellation=survivability]{--constellation-accent: #74c0fc}.shrine-constellation[data-constellation=cat-mastery]{--constellation-accent: #ff8fab}.constellation-heading{display:flex;align-items:center;gap:4px;min-width:0;margin-bottom:5px}.constellation-glyph{flex:0 0 auto;color:var(--constellation-accent);font-size:11px;line-height:1;text-shadow:0 0 7px color-mix(in srgb,var(--constellation-accent) 72%,transparent)}.constellation-name{min-width:0;overflow:hidden;color:#e5e0f1;font-size:9px;font-weight:700;letter-spacing:.45px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.constellation-count{margin-left:auto;color:#978daa;font-size:8px;font-variant-numeric:tabular-nums}.constellation-line{position:relative;display:block;width:100%;height:3px;overflow:visible;border-radius:999px;background:#6d638673}.constellation-line-fill{position:absolute;z-index:1;inset:0 auto 0 0;display:block;max-width:100%;border-radius:inherit;background:var(--constellation-accent);box-shadow:0 0 6px color-mix(in srgb,var(--constellation-accent) 52%,transparent)}.constellation-stars{position:absolute;z-index:2;inset:0;pointer-events:none}.constellation-stars i{position:absolute;top:50%;width:4px;height:4px;border:1px solid color-mix(in srgb,var(--constellation-accent) 72%,#fff);border-radius:50%;background:#252039;box-shadow:0 0 3px #0000008c;transform:translate(-50%,-50%) rotate(45deg)}.constellation-stars i:nth-child(1){left:2px}.constellation-stars i:nth-child(2){left:50%}.constellation-stars i:nth-child(3){left:calc(100% - 2px)}.shrine-constellation.is-complete{border-color:color-mix(in srgb,var(--constellation-accent) 54%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--constellation-accent) 11%,transparent)}.shrine-constellation.is-complete .constellation-stars i{background:#fff;box-shadow:0 0 7px var(--constellation-accent)}.shrine-constellation.is-kindling{animation:shrine-constellation-kindling .78s ease-out both}.shrine-constellation.is-kindling .constellation-glyph{animation:shrine-constellation-glyph .72s cubic-bezier(.2,.9,.25,1.2) both}.shrine-constellation.is-kindling .constellation-stars i:nth-child(2){animation:shrine-constellation-star .62s 80ms ease-out both}@keyframes shrine-constellation-kindling{0%,to{border-color:#9fb0ff33;box-shadow:none}38%{border-color:var(--constellation-accent);box-shadow:0 0 13px color-mix(in srgb,var(--constellation-accent) 28%,transparent)}}@keyframes shrine-constellation-glyph{0%,to{transform:scale(1) rotate(0)}42%{transform:scale(1.55) rotate(18deg);color:#fff}}@keyframes shrine-constellation-star{0%,to{background:#252039;transform:translate(-50%,-50%) rotate(45deg) scale(1)}45%{background:#fff;box-shadow:0 0 9px var(--constellation-accent);transform:translate(-50%,-50%) rotate(135deg) scale(1.75)}}@media(max-width:600px){.shrine-constellations{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(128px,42vw);justify-content:start;overflow-x:auto;padding:1px 1px 6px;scroll-snap-type:x proximity;scrollbar-width:thin}.shrine-constellation{scroll-snap-align:start}}.shrine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;max-height:56vh;overflow-y:auto;padding:4px 4px 10px}.shrine-card{position:relative;isolation:isolate;overflow:hidden;background:#2a2138;border:1px solid #4b3f63;border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;gap:4px;align-items:center;transform-origin:50% 90%;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out}.shrine-card>*{position:relative;z-index:1}.shrine-card:before,.shrine-card:after{content:"";position:absolute;pointer-events:none;opacity:0}.shrine-card:before{content:"✦ ᛫ ✦";z-index:3;left:50%;top:10px;color:#e8ecff;font-size:20px;letter-spacing:3px;white-space:nowrap;text-shadow:0 0 10px rgba(159,176,255,.88);transform:translate(-50%,5px) scale(.76)}.shrine-card:after{z-index:0;inset:0;background:radial-gradient(circle at 50% 35%,rgba(213,220,255,.35),transparent 38%),linear-gradient(115deg,transparent 20%,rgba(159,176,255,.14) 48%,transparent 72%)}.shrine-card.maxed{border-color:#2ee6a8}.shrine-card.is-upgrading{animation:shrine-card-confirm .7s cubic-bezier(.2,.82,.2,1) both}.shrine-card.is-upgrading:before{animation:shrine-rune-confirm .66s ease-out both}.shrine-card.is-upgrading:after{animation:shrine-glow-confirm .66s ease-out both}@keyframes shrine-card-confirm{0%{transform:scale(.985);border-color:#3a4170}34%{transform:scale(1.035);border-color:#d5dcffeb;box-shadow:0 0 18px #7c8cff47}68%{transform:scale(.995)}to{transform:scale(1)}}@keyframes shrine-rune-confirm{0%{opacity:0;transform:translate(-50%,7px) scale(.72)}30%{opacity:.9;transform:translate(-50%) scale(1.08)}62%{opacity:.62}to{opacity:0;transform:translate(-50%,-10px) scale(.94)}}@keyframes shrine-glow-confirm{0%,to{opacity:0}36%{opacity:1}}.shrine-card.is-completing{z-index:4;animation:shrine-track-complete-card 1.3s cubic-bezier(.2,.88,.25,1) both}@keyframes shrine-track-complete-card{0%{transform:scale(.985);border-color:#9fb0ff;box-shadow:none}24%{transform:scale(1.065) rotate(-.6deg);border-color:#fff;box-shadow:0 0 26px #d5dcffb8}48%{transform:scale(1.025) rotate(.35deg);border-color:#ffd166;box-shadow:0 0 34px #ffd1667a}76%{transform:scale(1.01) rotate(0)}to{transform:scale(1);border-color:#2ee6a8;box-shadow:0 0 11px #2ee6a833}}.shrine-completion{position:absolute;z-index:45;inset:0;display:grid;place-items:center;padding:20px;overflow:hidden;pointer-events:none;background:radial-gradient(circle at center,rgba(33,28,64,.5),transparent 38%);animation:shrine-completion-veil 1.5s ease-in-out both}.shrine-completion-seal{position:relative;z-index:2;display:grid;width:min(310px,78vw);padding:17px 24px 16px;place-items:center;border:1px solid rgba(255,223,143,.86);border-radius:16px;background:radial-gradient(circle at 50% 2%,rgba(255,240,196,.18),transparent 42%),linear-gradient(145deg,#2a2142f7,#151227f7);box-shadow:0 0 0 1px #c77dff3d,0 18px 55px #03020eb8,0 0 42px #9fb0ff4d;text-align:center;animation:shrine-completion-seal-in 1.3s cubic-bezier(.18,.86,.2,1) both}.shrine-completion-seal:before,.shrine-completion-seal:after{content:"✦";position:absolute;top:50%;color:#ffd166;font-size:13px;text-shadow:0 0 10px rgba(255,209,102,.85);transform:translateY(-50%)}.shrine-completion-seal:before{left:13px}.shrine-completion-seal:after{right:13px}.shrine-completion-kicker{color:#ffd166;font-size:9px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}.shrine-completion-icon{margin:5px 0 1px;font-size:28px;filter:drop-shadow(0 0 10px rgba(213,220,255,.68))}.shrine-completion-seal strong{color:#fff;font-size:17px;letter-spacing:.6px}.shrine-completion-family{margin-top:3px;color:#b9aed0;font-size:10px}.shrine-completion[data-completion-scope=constellation]{background:radial-gradient(circle at center,rgba(255,209,102,.17),rgba(116,82,170,.16) 34%,transparent 58%)}.shrine-completion[data-completion-scope=constellation] .shrine-completion-seal{width:min(350px,82vw);border-color:#ffd166;background:radial-gradient(circle at 50% 0%,rgba(255,232,164,.24),transparent 43%),linear-gradient(145deg,#3a2856fa,#16122afa);box-shadow:0 0 0 1px #ffd1664d,0 0 0 4px #c77dff14,0 20px 64px #03020ec7,0 0 54px #ffd16652}.shrine-completion[data-completion-scope=constellation] .shrine-completion-seal:before,.shrine-completion[data-completion-scope=constellation] .shrine-completion-seal:after{color:#fff1bd;font-size:17px}.shrine-completion[data-completion-scope=constellation] .shrine-completion-kicker{color:#fff1bd;letter-spacing:2.7px}.shrine-completion[data-completion-scope=constellation] .shrine-completion-icon{margin-top:7px;font-size:34px;filter:drop-shadow(0 0 13px rgba(255,209,102,.78))}.shrine-completion[data-completion-scope=constellation] .shrine-completion-seal strong{color:#fff9e6;font-size:20px}.shrine-completion[data-completion-scope=constellation] .shrine-completion-family{color:#dacaff;letter-spacing:1.4px;text-transform:uppercase}.shrine-completion-stars{position:absolute;z-index:1;inset:50%;width:min(520px,92vw);height:min(330px,72vh);transform:translate(-50%,-50%)}.shrine-completion-stars i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #c7b8ff;animation:shrine-completion-star 1.12s var(--star-delay, 0ms) cubic-bezier(.2,.85,.25,1) both}.shrine-completion-stars i:nth-child(1){--star-x: -205px;--star-y: -92px;--star-delay: 20ms}.shrine-completion-stars i:nth-child(2){--star-x: -112px;--star-y: -134px;--star-delay: 90ms}.shrine-completion-stars i:nth-child(3){--star-x: 12px;--star-y: -148px;--star-delay: 40ms}.shrine-completion-stars i:nth-child(4){--star-x: 145px;--star-y: -116px;--star-delay: .12s}.shrine-completion-stars i:nth-child(5){--star-x: 218px;--star-y: -34px;--star-delay: 70ms}.shrine-completion-stars i:nth-child(6){--star-x: 178px;--star-y: 98px;--star-delay: 145ms}.shrine-completion-stars i:nth-child(7){--star-x: 62px;--star-y: 142px;--star-delay: 35ms}.shrine-completion-stars i:nth-child(8){--star-x: -84px;--star-y: 132px;--star-delay: .11s}.shrine-completion-stars i:nth-child(9){--star-x: -196px;--star-y: 62px;--star-delay: 65ms}@keyframes shrine-completion-veil{0%,to{opacity:0}12%,78%{opacity:1}}@keyframes shrine-completion-seal-in{0%{opacity:0;transform:translateY(9px) scale(.76);filter:brightness(1.55)}26%{opacity:1;transform:translateY(0) scale(1.055)}54%{transform:scale(.985)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-5px) scale(1.015)}}@keyframes shrine-completion-star{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}34%{opacity:1}72%{opacity:.78;transform:translate(calc(-50% + var(--star-x)),calc(-50% + var(--star-y))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--star-x)),calc(-50% + var(--star-y))) scale(.45)}}#overlay-root.is-reduced-motion .shrine-constellation.is-kindling,#overlay-root.is-reduced-motion .shrine-constellation.is-kindling .constellation-glyph,#overlay-root.is-reduced-motion .shrine-constellation.is-kindling .constellation-stars i,#overlay-root.is-reduced-motion .shrine-card.is-completing,#overlay-root.is-reduced-motion .shrine-completion,#overlay-root.is-reduced-motion .shrine-completion-seal,#overlay-root.is-reduced-motion .shrine-completion-stars i,html[data-reduced-motion=true] .shrine-constellation.is-kindling,html[data-reduced-motion=true] .shrine-constellation.is-kindling .constellation-glyph,html[data-reduced-motion=true] .shrine-constellation.is-kindling .constellation-stars i,html[data-reduced-motion=true] .shrine-card.is-completing,html[data-reduced-motion=true] .shrine-completion,html[data-reduced-motion=true] .shrine-completion-seal,html[data-reduced-motion=true] .shrine-completion-stars i{animation:none}#overlay-root.is-reduced-motion .shrine-constellation.is-kindling,html[data-reduced-motion=true] .shrine-constellation.is-kindling{border-color:var(--constellation-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--constellation-accent) 22%,transparent);transition:none}#overlay-root.is-reduced-motion .shrine-card.is-completing,html[data-reduced-motion=true] .shrine-card.is-completing{border-color:#2ee6a8;box-shadow:0 0 0 1px #2ee6a847}#overlay-root.is-reduced-motion .shrine-completion,html[data-reduced-motion=true] .shrine-completion{opacity:1;background:transparent}#overlay-root.is-reduced-motion .shrine-completion-stars,html[data-reduced-motion=true] .shrine-completion-stars,#overlay-root.is-low-vfx .shrine-completion-stars,html[data-low-vfx=true] .shrine-completion-stars{display:none}#overlay-root.is-low-vfx .shrine-completion,html[data-low-vfx=true] .shrine-completion{background:transparent}#overlay-root.is-low-vfx .shrine-completion-seal,html[data-low-vfx=true] .shrine-completion-seal{box-shadow:0 14px 38px #03020ead,0 0 20px #9fb0ff33}@media(prefers-reduced-motion:reduce){.shrine-constellation.is-kindling,.shrine-constellation.is-kindling .constellation-glyph,.shrine-constellation.is-kindling .constellation-stars i,.shrine-card.is-completing,.shrine-completion,.shrine-completion-seal,.shrine-completion-stars i{animation:none}.shrine-constellation.is-kindling{border-color:var(--constellation-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--constellation-accent) 22%,transparent);transition:none}.shrine-card.is-completing{border-color:#2ee6a8;box-shadow:0 0 0 1px #2ee6a847}.shrine-completion{opacity:1;background:transparent}.shrine-completion-stars{display:none}}#overlay-root.is-visible:not(.is-rerendering) .shop-card,#overlay-root.is-visible:not(.is-rerendering) .shrine-card{animation:tactile-card-in .26s cubic-bezier(.2,.85,.25,1) backwards;animation-delay:var(--card-delay, 70ms)}@keyframes tactile-card-in{0%{opacity:0;transform:translateY(7px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-card:focus-within,.shrine-card:focus-within{border-color:#ffd166b3;box-shadow:0 7px 18px #00000042,0 0 0 1px #ffd1661a}@media(hover:hover)and (pointer:fine){.shop-card:hover,.shrine-card:not(.maxed):hover{transform:translateY(-3px) rotate(-.25deg);filter:brightness(1.055);box-shadow:0 8px 20px #0000004d}}html[data-reduced-motion=true] #charm-shelf.is-receiving,html[data-reduced-motion=true] .charm-chip.is-arriving,html[data-reduced-motion=true] .charm-chip.is-arriving:after,html[data-reduced-motion=true] #item-bar.is-receiving,html[data-reduced-motion=true] .item-btn.is-arriving,html[data-reduced-motion=true] .item-btn.is-arriving:after,html[data-reduced-motion=true] .pip.is-newly-lit,html[data-reduced-motion=true] .shrine-card.is-upgrading:before,html[data-reduced-motion=true] .shrine-card.is-upgrading:after,html[data-reduced-motion=true] .shrine-card.is-upgrading .lvl-bar,html[data-reduced-motion=true] #overlay-root .shop-card,html[data-reduced-motion=true] #overlay-root .shrine-card{animation:none}html[data-reduced-motion=true] .shop-card,html[data-reduced-motion=true] .shrine-card,html[data-reduced-motion=true] .item-btn,html[data-reduced-motion=true] .ov-card button{transition:none}html[data-reduced-motion=true] .item-btn.is-arriving{border-color:#c77dffe0;box-shadow:0 0 0 1px #c77dff38,0 0 10px #c77dff33}html[data-reduced-motion=true] .pip.is-newly-lit{background:#fff;box-shadow:0 0 7px #d5dcffb8}html[data-reduced-motion=true] .shrine-card.is-upgrading:before{opacity:.58;transform:translate(-50%) scale(1)}html[data-reduced-motion=true] .shrine-card.is-upgrading:after{opacity:.22}@media(prefers-reduced-motion:reduce){#charm-shelf.is-receiving,.charm-chip.is-arriving,.charm-chip.is-arriving:after,#item-bar.is-receiving,.item-btn.is-arriving,.item-btn.is-arriving:after,.pip.is-newly-lit,.shrine-card.is-upgrading:before,.shrine-card.is-upgrading:after,.shrine-card.is-upgrading .lvl-bar,#overlay-root .shop-card,#overlay-root .shrine-card{animation:none}.shop-card,.shrine-card,.item-btn,.ov-card button{transition:none}.item-btn.is-arriving{border-color:#c77dffe0;box-shadow:0 0 0 1px #c77dff38,0 0 10px #c77dff33}.pip.is-newly-lit{background:#fff;box-shadow:0 0 7px #d5dcffb8}.shrine-card.is-upgrading:before{opacity:.58;transform:translate(-50%) scale(1)}.shrine-card.is-upgrading:after{opacity:.22}}html[data-low-vfx=true] .reward-flight{box-shadow:0 0 10px #c77dff33}html[data-low-vfx=true] .shrine-card.is-upgrading:after{display:none}.pips{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;min-height:8px}.pip{width:7px;height:7px;border-radius:50%;background:#4b3f63}.pip.lit{background:#ffd166}.pip.is-newly-lit{animation:shrine-pip-light .65s cubic-bezier(.2,.9,.2,1.2) both}@keyframes shrine-pip-light{0%{transform:scale(.45);background:#4b3f63;box-shadow:none}42%{transform:scale(1.65);background:#fff;box-shadow:0 0 11px #d5dcfff2}70%{transform:scale(.9)}to{transform:scale(1)}}.lvl-text{font-size:10px;color:#b9aed0;letter-spacing:.5px}.lvl-bar{width:100%;height:3px;background:#3a3450;border-radius:2px;margin:2px 0;overflow:hidden}.lvl-bar-fill{display:block;height:100%;background:#9fb0ff}.shrine-card.is-upgrading .lvl-bar{animation:shrine-bar-confirm .64s ease-out both}@keyframes shrine-bar-confirm{0%,to{box-shadow:none}42%{box-shadow:0 0 9px #9fb0ffb8}}.cb-book{background:linear-gradient(#221a31,#221a31) padding-box,repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(120,150,200,.07) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(120,150,200,.07) 24px)}.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;text-align:left}.cb-card{display:flex;gap:9px;align-items:flex-start;background:#2a2138;border:1px solid #4b3f63;border-radius:10px;padding:8px 9px}.cb-chip{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid #14101c;margin-top:2px}.cb-emote{flex:0 0 auto;width:44px;height:44px;object-fit:contain}.cb-emoji{font-size:30px;width:44px;text-align:center}.cb-name{font-size:12px;font-weight:700;color:#f0e9ff}.cb-desc{font-size:10.5px;line-height:1.4;color:#cfc6e4;margin-top:2px}.cb-ru{font-size:10px;line-height:1.4;color:#b7acd1;margin-top:2px}.cb-ru b{color:#ffd166}.cb-soon{font-size:9px;color:#9b8fb8;border:1px solid #4b3f63;border-radius:4px;padding:0 4px}#art-gallery{position:fixed;inset:0;z-index:1000;background:#0d0a14e0;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px}.ag-panel{background:#1e1729;border:1px solid #4b3f63;border-radius:14px;padding:16px 20px;max-width:900px;width:100%}.ag-head{display:flex;align-items:center;justify-content:space-between}.ag-head h2{margin:0;font-size:18px;color:#ffd166}.ag-head h2 span{font-size:11px;color:#9b8fb8}.ag-close{background:#4b3a73;border:1px solid #6a51a3;color:#f0e9ff;border-radius:6px;padding:4px 10px;cursor:pointer}#art-gallery h3{margin:16px 0 8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9b8fb8}.ag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.ag-cell{margin:0;background:#2a2138;border:1px solid #4b3f63;border-radius:10px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;background-image:linear-gradient(45deg,#241c33 25%,transparent 25%),linear-gradient(-45deg,#241c33 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#241c33 75%),linear-gradient(-45deg,transparent 75%,#241c33 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ag-cell img{max-width:72px;max-height:72px;object-fit:contain;image-rendering:auto}.ag-cell .ag-emoji{font-size:40px}.ag-cell .ag-missing{font-size:40px;color:#5f5377}.ag-cell figcaption{font-size:10px;color:#cfc6e4;text-align:center}#debug-panel{display:none;position:fixed;right:8px;top:8px;z-index:50;width:300px;background:#1e1729;border:1px solid #322647;border-radius:10px;padding:12px 14px;font-size:12px;max-height:96vh;overflow-y:auto}#debug-panel h2{margin:0 0 8px;font-size:13px;letter-spacing:1.5px;color:#c77dff}#debug-panel h3{margin:14px 0 6px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#9b8fb8;border-bottom:1px solid #322647;padding-bottom:3px}.dbg-stats{line-height:1.7;color:#cfc6e4}.dbg-stats code{color:#ffd166;font-size:11px}.dbg-slider{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:2px 8px;margin-bottom:7px}.dbg-slider .dbg-label{grid-column:1 / 3;color:#cfc6e4}.dbg-slider input[type=range]{width:100%;accent-color:#c77dff;margin:0}.dbg-slider .dbg-val{text-align:right;color:#ffd166;font-variant-numeric:tabular-nums}.dbg-toggle{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#cfc6e4;cursor:pointer}.dbg-toggle input{accent-color:#c77dff}.dbg-seed-row{display:flex;gap:6px;margin-bottom:6px}.dbg-seed-row input{flex:1;min-width:0;background:#14101c;border:1px solid #322647;border-radius:5px;color:#e8e2f4;padding:4px 6px;font-size:11px}#debug-panel button{background:#4b3a73;border:1px solid #6a51a3;color:#f0e9ff;border-radius:6px;padding:5px 10px;font-size:11px;cursor:pointer;margin:0 6px 6px 0}#debug-panel button:hover{background:#5d4990}.dbg-log{font-family:Consolas,monospace;font-size:11px;line-height:1.6;color:#b7acd1}.dbg-log .dim{color:#5f5377;font-style:italic}