.currency small{display:block;color:#79ead8;font-size:9px;margin-top:2px}.family-card{width:min(660px,100%);padding:30px;background:linear-gradient(165deg,#173943,#07141d);border:1px solid #5d9f99;position:relative;max-height:90vh;overflow:auto}.family-heading{display:flex;align-items:center;gap:20px;border-bottom:1px solid #315a60;padding-bottom:16px}.family-heading img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 9px 6px #0009)}.family-heading h2{font:700 32px 'Cinzel';margin:0}.family-heading p{color:#a4c3bf}.family-heading strong{color:#79ead8;font:700 13px 'Cinzel'}.family-rarities{display:grid;gap:8px;margin-top:18px}.family-rarity{display:flex;align-items:center;gap:12px;border:1px solid var(--tier);background:linear-gradient(90deg,var(--tier-bg),#0b1821);padding:9px 12px}.family-rarity.locked{opacity:.5;filter:grayscale(.75)}.family-rarity img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 3px #0008)}.family-rarity b{color:var(--tier);font:700 14px 'Cinzel'}.family-rarity p{margin:3px 0 0;color:#b3cbc8;font-size:11px}.family-rarity .family-status{margin-left:auto;text-align:right;font-size:11px;color:#b4d0cd}.family-rarity button{margin-left:10px;border:1px solid var(--tier);background:#0b1821;color:#dffcf6;padding:7px 9px;font-weight:700;cursor:pointer}.family-tip{color:#9bb5b4;font-size:12px;line-height:1.5}.guardian.complete{box-shadow:0 0 22px #79ead855}.guardian .family-progress{font-size:10px;color:#b6d5d0;margin-top:6px}.guardian .boost-ready{color:#79ead8;font-weight:800}@media(max-width:720px){.family-heading{align-items:flex-start}.family-heading img{width:105px;height:105px}.family-rarity{gap:7px}.family-rarity button{font-size:10px}}
.landing{position:fixed;inset:0;z-index:20;background:#02090d;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:clamp(108px,16vh,180px);box-sizing:border-box}.landing.hidden{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.landing-art,.landing-shade{position:absolute;inset:0}.landing-art{background:url('assets/gallery-of-zodiacs-hero.png') center/cover no-repeat;filter:saturate(.9) contrast(1.04)}.landing-shade{background:linear-gradient(to bottom,transparent 55%,rgba(1,5,8,.78) 100%)}.landing-content{z-index:1;text-align:center}.landing-content .gold-btn{font-size:16px;padding:18px 34px;box-shadow:0 8px 20px #000b}@media(max-width:720px){.landing-art{background-position:center}.landing{padding-bottom:108px}}

.farm-dashboard{display:grid;grid-template-columns:190px 1fr 250px;gap:14px;padding:18px;border:1px solid #315a60;background:linear-gradient(120deg,#102a32,#0a1720);align-items:center}.farm-orb{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #c8a35b;background:radial-gradient(circle,#d8b7652c,#0b1920 67%);box-shadow:inset 0 0 28px #e7bc5620}.farm-orb span{color:#ffe294;font-size:29px;text-shadow:0 0 15px #f5c65f}.farm-orb strong,.farm-vault strong{font:800 30px 'Cinzel';color:#f5c65f;display:block;margin:5px 0}.farm-orb small,.farm-vault small{font-size:9px;letter-spacing:1px;color:#9ab8b4}.farm-vault{padding:10px 20px;text-align:center;border-left:1px solid #315a60;border-right:1px solid #315a60}.farm-vault .gold-btn{margin-top:12px;padding:10px 16px;font-size:11px}.farm-slots{padding:7px 4px}.farm-slot-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.farm-slot{height:63px;border:1px dashed #466c70;background:#09161d;display:grid;place-items:center;color:#718f8d;font-size:10px;text-align:center;overflow:hidden}.farm-slot img{height:58px;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0009)}.farm-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin-top:18px}.farm-card{position:relative;min-height:220px;padding:11px;border:1px solid var(--farm-tier);background:linear-gradient(155deg,var(--farm-bg),#081720 72%);text-align:center;cursor:pointer;overflow:hidden}.farm-card:hover{transform:translateY(-3px);box-shadow:0 0 20px var(--farm-tier)}.farm-card.assigned{box-shadow:0 0 0 2px var(--farm-tier),0 0 28px var(--farm-tier)}.farm-card img{height:130px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 5px #0009)}.farm-card h3{font:700 14px 'Cinzel';margin:5px 0 3px}.farm-card p{margin:0;color:#aec7c3;font-size:10px}.farm-card .farm-tier{color:var(--farm-tier);font:800 9px 'DM Sans';letter-spacing:1px}.farm-card .farm-yield{margin-top:8px;color:#e9e4cf;font-size:10px}.farm-card .assigned-badge{position:absolute;top:7px;right:7px;border:1px solid var(--farm-tier);background:#07151ddd;color:#effff8;padding:3px 5px;font-size:9px;letter-spacing:1px}.farm-empty{grid-column:1/-1;padding:54px 18px;border:1px dashed #456c70;text-align:center;color:#9bb5b4;background:#0a1720}.farm-note{color:#8fa9a7;font-size:12px;line-height:1.5}@media(max-width:720px){.farm-dashboard{grid-template-columns:1fr}.farm-vault{border:0;border-top:1px solid #315a60;border-bottom:1px solid #315a60;padding:18px}.farm-orb{min-height:120px}.farm-roster{grid-template-columns:repeat(2,1fr)}}
.farm-floor{margin-top:18px;border:1px solid #315a60;background:linear-gradient(180deg,#102b35,#071218);overflow:hidden}.farm-floor-head,.farm-roster-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 15px;border-bottom:1px solid #315a60;background:#091a22;color:#9db7b5;font-size:10px;letter-spacing:1px}.farm-roster-head{margin-top:20px;border:1px solid #315a60;border-bottom:0}.farm-scene{min-height:300px;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 18px 14px;gap:12px;position:relative;background:radial-gradient(ellipse at 50% 10%,#2b8e7e2b,transparent 52%),repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 70px),linear-gradient(#0b2630,#071119)}.farm-scene:after{content:'';position:absolute;height:78px;left:0;right:0;bottom:0;background:linear-gradient(165deg,#123a3a,#07191c 70%);border-top:1px solid #5c8e83}.farm-post{z-index:1;position:relative;min-height:250px;border:1px solid var(--post-tier,#416c6c);background:linear-gradient(160deg,var(--post-bg,#10242a),#071218 75%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;overflow:hidden;box-shadow:inset 0 0 25px #0008}.farm-post:before{content:'';position:absolute;width:95px;height:95px;top:23px;border:1px dashed var(--post-tier,#467b7b);border-radius:50%;opacity:.8;animation:spin 20s linear infinite}.farm-post.empty{filter:saturate(.55);opacity:.78}.farm-post .post-name{position:absolute;top:13px;left:7px;right:7px;color:#a9c6c1;font:800 9px 'DM Sans';letter-spacing:1px}.farm-post .post-status{position:absolute;bottom:12px;left:7px;right:7px;color:var(--post-tier,#8aa8a4);font:800 9px 'DM Sans';letter-spacing:1px}.farm-post img{z-index:1;height:175px;max-width:95%;object-fit:contain;filter:drop-shadow(0 13px 6px #000b);animation:farm-work 2.8s ease-in-out infinite}.farm-post:nth-child(2) img{animation-delay:-.6s}.farm-post:nth-child(3) img{animation-delay:-1.2s}.farm-post:nth-child(4) img{animation-delay:-1.8s}.farm-post .post-spark{position:absolute;z-index:1;top:68px;color:var(--post-tier,#9ab8b4);font-size:20px;text-shadow:0 0 13px currentColor;animation:sparkle 1.8s ease-in-out infinite}.farm-post.empty .post-spark{opacity:.35}@keyframes farm-work{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes sparkle{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.15);opacity:1}}@media(max-width:720px){.farm-scene{grid-template-columns:repeat(2,1fr);min-height:520px;padding:12px}.farm-post{min-height:225px}.farm-post img{height:142px}.farm-floor-head,.farm-roster-head{font-size:8px}}
.farm-slot-row{grid-template-columns:repeat(6,1fr)}.farm-scene{grid-template-columns:repeat(4,1fr);min-height:730px}.farm-post{min-height:215px}.farm-post img{height:145px}@media(max-width:720px){.farm-slot-row{grid-template-columns:repeat(4,1fr)}.farm-scene{grid-template-columns:repeat(2,1fr);min-height:1320px}.farm-post{min-height:208px}.farm-post img{height:132px}}
.farm-scene{isolation:isolate}.farm-rift{position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 50% 48%,#18032300 19%,#19051d88 54%,#02030dd9 100%);pointer-events:none}.farm-rift:before,.farm-rift:after{content:'';position:absolute;top:16%;bottom:10%;width:16%;background:linear-gradient(145deg,#160b26,#050611);clip-path:polygon(50% 0,72% 26%,100% 34%,77% 48%,95% 72%,57% 100%,28% 72%,0 52%,24% 30%);filter:drop-shadow(0 0 16px #8a2d9d);opacity:.86;animation:wraith-drift 5s ease-in-out infinite}.farm-rift:before{left:2%}.farm-rift:after{right:2%;animation-delay:-2.4s}.farm-rift span{position:absolute;top:42%;left:50%;transform:translateX(-50%);color:#d585e8;opacity:.55;font:800 9px 'DM Sans';letter-spacing:2px;white-space:nowrap}.farm-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-48%);width:188px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e3b954;background:radial-gradient(circle at 50% 35%,#f8e69c55,#27356a99 44%,#07111d 75%);box-shadow:0 0 0 8px #f6cd5e15,0 0 45px #7bd5ff55;text-align:center;pointer-events:none}.farm-core:before{content:'';position:absolute;inset:-17px;border:1px dashed #d4c376aa;border-radius:50%;animation:spin 19s linear infinite}.farm-core .core-kicker{font:800 8px 'DM Sans';letter-spacing:1.5px;color:#ffe7a2}.zodiac-jewel{width:57px;height:70px;margin:7px 0;background:linear-gradient(135deg,#e7fcff,#9fdfff 35%,#a267e9 71%,#4b0c83);clip-path:polygon(50% 0,88% 27%,75% 86%,50% 100%,23% 86%,12% 27%);filter:drop-shadow(0 0 12px #b8edff);position:relative;animation:jewel-pulse 2.2s ease-in-out infinite}.zodiac-jewel i{position:absolute;left:23%;top:11%;width:19%;height:65%;background:#fff;opacity:.72;transform:skewY(-22deg)}.farm-core strong{color:#fff1b4;font:800 23px 'Cinzel';text-shadow:0 0 12px #ffc752}.farm-core small{font:800 8px 'DM Sans';letter-spacing:1.3px;color:#b9d9d5}.aegis-meter{height:5px;width:120px;margin-top:7px;background:#041018;border:1px solid #769794}.aegis-meter b{display:block;height:100%;background:linear-gradient(90deg,#80f3df,#ffe07c,#f7a6ff);box-shadow:0 0 10px #ffdb7a;transition:width .4s ease}.farm-scene.defended .farm-rift{background:radial-gradient(ellipse at 50% 48%,#0d2d3d11 12%,#06142f77 55%,#02030dd9 100%)}.farm-scene.defended .farm-rift:before,.farm-scene.defended .farm-rift:after{opacity:.48;filter:drop-shadow(0 0 12px #673684)}.farm-scene.defended .farm-post:not(.empty):after{content:'';position:absolute;z-index:-1;width:2px;height:150px;bottom:39px;left:50%;transform-origin:bottom;background:linear-gradient(to top,var(--post-tier),transparent);opacity:.68;box-shadow:0 0 11px var(--post-tier);animation:beam-flicker 1.7s ease-in-out infinite}.farm-scene.defended .farm-core{animation:core-awaken 2.5s ease-in-out infinite}@keyframes wraith-drift{0%,100%{transform:translateY(-5px) scale(.92)}50%{transform:translateY(10px) scale(1.05)}}@keyframes jewel-pulse{0%,100%{transform:scale(.9);filter:drop-shadow(0 0 9px #b8edff)}50%{transform:scale(1.08);filter:drop-shadow(0 0 22px #fff4b7)}}@keyframes core-awaken{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes beam-flicker{0%,100%{opacity:.35}50%{opacity:.9}}@media(max-width:720px){.farm-core{width:142px;min-height:174px}.farm-rift span{font-size:7px}.zodiac-jewel{transform:scale(.82);margin:0}.farm-core strong{font-size:19px}}
.farm-scene{display:block;min-height:0;height:auto;aspect-ratio:16/9;padding:0;overflow:hidden;background:url('assets/celestial-farm-siege.png') center/cover no-repeat}.farm-scene:after{display:none}.farm-post{position:absolute;z-index:2;left:var(--post-x);top:var(--post-y);transform:translate(-50%,-100%);width:var(--post-size);height:var(--post-size);min-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;justify-content:center}.farm-post:before{content:none}.farm-post.empty{opacity:0}.farm-post img{height:100%;max-width:135%;object-fit:contain;filter:drop-shadow(0 7px 4px #000b);animation:farm-work 2.8s ease-in-out infinite}.farm-post .post-name{top:auto;bottom:-16px;color:#fff1bf;text-shadow:0 2px 4px #000;font-size:7px;opacity:.9}.farm-post .post-status{bottom:-29px;color:var(--post-tier,#c5d8d3);text-shadow:0 2px 4px #000;font-size:7px;white-space:nowrap}.farm-post .post-spark{top:-11px;font-size:16px}.farm-scene.defended .farm-post:not(.empty):after{z-index:-1;height:300%;bottom:-130%;transform:rotate(var(--beam-tilt,0deg));opacity:.45}@media(max-width:720px){.farm-scene{min-height:0;height:auto;aspect-ratio:16/9}.farm-post .post-name,.farm-post .post-status{display:none}.farm-post .post-spark{font-size:11px}}
.hero{min-height:350px;align-items:center;padding:46px 52px;border:1px solid #b99545;background:linear-gradient(90deg,rgba(2,11,16,.95) 0%,rgba(3,13,20,.82) 38%,rgba(5,19,27,.12) 72%,rgba(2,7,12,.67) 100%),linear-gradient(0deg,rgba(4,12,16,.62),transparent 60%),url('assets/hall-of-twelve-banner.png') center/cover no-repeat;box-shadow:inset 0 0 0 1px #fff0a414,inset 0 -40px 70px #02070aaa,0 18px 40px #0008}.hero:before{content:'';position:absolute;inset:14px;border:1px solid #f5c65f55;pointer-events:none}.hero:after{content:'';position:absolute;left:38px;right:38px;bottom:17px;height:2px;background:linear-gradient(90deg,transparent,#f5c65f,#77ead8,#f5c65f,transparent);box-shadow:0 0 14px #f5c65f99}.hero-copy,.hero-orbit{z-index:1}.hero-copy{max-width:590px}.hero .eyebrow{display:inline-block;padding:7px 10px;background:#06141aaa;border-left:2px solid #f5c65f;box-shadow:0 0 18px #0008}.hero h2{font-size:clamp(35px,4.7vw,62px);letter-spacing:1px;text-shadow:0 4px 16px #000;margin:15px 0}.hero h2 i{color:#8cefdc;text-shadow:0 0 18px #42d9bd88}.hero p{font-size:15px;color:#d4e3df;text-shadow:0 2px 7px #000;background:linear-gradient(90deg,#04131acc,transparent);padding:10px 12px;border-left:1px solid #70e9d477}.hero-orbit{height:224px;border:1px solid #f2cb72aa;background:radial-gradient(circle at 50% 50%,#f6c75a37 0 4%,#0b293499 33%,#07131c33 65%);box-shadow:0 0 0 8px #fff0a408,0 0 42px #1fe0c155;backdrop-filter:blur(2px)}.hero-orbit:before{content:'CELESTIAL GATE';position:absolute;left:50%;bottom:19px;transform:translateX(-50%);white-space:nowrap;color:#ffe3a1;font:800 9px 'DM Sans';letter-spacing:2px}.hero-orbit .moon{border-color:#ffe182;border-left-color:transparent;border-bottom-color:transparent;filter:drop-shadow(0 0 14px #f5c65f)}@media(max-width:720px){.hero{min-height:420px;padding:34px 28px;align-items:end;background-position:62% center}.hero:before{inset:10px}.hero .hero-copy{max-width:100%}.hero p{font-size:13px}.hero-orbit{display:none}}
:root{--ink:#070717;--jade:#9b8cff;--jade-deep:#30245f;--muted:#a8a9c7}body{background:radial-gradient(ellipse at 50% -18%,#473a8d 0%,#1c2258 26%,#0b1131 57%,#050611 100%);background-attachment:fixed}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.72;background-image:radial-gradient(1px 1px at 6% 12%,#fff 40%,transparent 52%),radial-gradient(1px 1px at 17% 31%,#bce8ff 40%,transparent 52%),radial-gradient(1.5px 1.5px at 26% 9%,#ffd978 40%,transparent 52%),radial-gradient(1px 1px at 39% 42%,#fff 40%,transparent 52%),radial-gradient(1.5px 1.5px at 58% 16%,#d6beff 40%,transparent 52%),radial-gradient(1px 1px at 72% 36%,#b9ecff 40%,transparent 52%),radial-gradient(1px 1px at 84% 10%,#fff 40%,transparent 52%),radial-gradient(1.5px 1.5px at 93% 48%,#ffd978 40%,transparent 52%)}.shell{position:relative}.topbar{border-bottom-color:#9786d655}.currency{background:linear-gradient(145deg,#15152d,#0a0c20);border-color:#7d72bc}.tab,.ghost-btn{background:#12142a;border-color:#5a5689;color:#d7d6ee}.tab.active,.tab:hover{background:linear-gradient(135deg,#40306e,#1b2854);border-color:#bcb0ff;color:#fff}.panel{filter:drop-shadow(0 18px 32px #0005)}.ritual-card{background:linear-gradient(150deg,#1b1a38,#0b0c1d);border-color:#514b82}.summon-stage{background:radial-gradient(circle at 50% 36%,#8367c62c,#161737 55%,#080914);border-color:#514b82}.hero p{border-left-color:#b5a4ff;color:#e2e3fa}.hero .eyebrow{background:#0d0c22cc;border-left-color:#ffe08a}.hero h2 i{color:#bdb0ff;text-shadow:0 0 18px #a68aff99}.hero-orbit{box-shadow:0 0 0 8px #c3a9ff10,0 0 42px #9375ff66}
.hero-orbit{height:252px;border:0;border-radius:0;transform:none;cursor:pointer;overflow:visible;background:radial-gradient(circle at 50% 55%,#8c61ff36,transparent 64%),url('assets/celestial-summon-chest-transparent.png') center/contain no-repeat;box-shadow:0 0 0 7px #a778ff12,0 0 26px #9d73ff77,0 0 60px #7148d844;animation:chest-call 3.8s ease-in-out infinite}.hero-orbit:before{content:none}.hero-orbit .moon,.hero-orbit span{display:none}.hero-orbit:hover{filter:brightness(1.16) saturate(1.08)}@keyframes chest-call{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 7px #a778ff10,0 0 24px #9d73ff66,0 0 48px #7148d833}50%{transform:translateY(-9px) scale(1.025);box-shadow:0 0 0 15px #b58bff22,0 0 42px #b68cffbb,0 0 86px #794cff77}}@media(max-width:720px){.hero-orbit{display:block;height:185px;width:185px;justify-self:end;margin-top:10px}}
.hero-orbit{backdrop-filter:none;background:url('assets/celestial-summon-chest-transparent.png') center/contain no-repeat;background-color:transparent}
.summon-cinematic{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:#03030b;overflow:hidden}.summon-cinematic.open{display:grid}.summon-cinematic video{width:100%;height:100%;object-fit:contain;background:#03030b}.summon-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.summon-cinematic.flash .summon-flash{animation:summon-whiteout .55s ease forwards}@keyframes summon-whiteout{0%{opacity:0}45%{opacity:.98}100%{opacity:1}}.result-card.summoned{animation:guardian-reveal .88s cubic-bezier(.16,.84,.27,1) both}.result-card.summoned .result-aura{animation:guardian-aura .9s ease-out both}@keyframes guardian-reveal{0%{opacity:0;transform:scale(.5);filter:brightness(3)}55%{opacity:1;transform:scale(1.06);filter:brightness(1.45)}100%{transform:scale(1);filter:brightness(1)}}@keyframes guardian-aura{0%{filter:brightness(3);transform:scale(.45)}55%{filter:brightness(1.7);transform:scale(1.22)}100%{filter:brightness(1);transform:scale(1)}}
.tabs{gap:12px;padding:8px 0;border-bottom:1px solid #c7953555}.tab{position:relative;border-color:#d7a542;background:linear-gradient(145deg,#202246,#0c1029);color:#f6ebcf;box-shadow:inset 0 0 0 1px #fff2a611,0 4px 10px #0008;text-shadow:0 1px 1px #000}.tab:before{content:'';position:absolute;inset:3px;border:1px solid #f9df8a28;pointer-events:none}.tab:hover{border-color:#ffe596;background:linear-gradient(145deg,#4b3979,#1a2550);box-shadow:inset 0 0 0 1px #fff4b855,0 0 18px #dca63c55;color:#fff9e7}.tab.active{background:linear-gradient(180deg,#ffe394,#d99627 57%,#a76011);border-color:#fff1a9;color:#271403;text-shadow:none;box-shadow:inset 0 1px #fffbd7,inset 0 -3px #6e3e0a,0 4px 0 #58300a,0 0 18px #f4bd4b66}.ghost-btn,.family-rarity button{border-color:#d7a542;background:linear-gradient(145deg,#1d2141,#0b1024);color:#f5e7c6;box-shadow:inset 0 0 0 1px #fff1a611,0 3px 8px #0007}.ghost-btn:hover,.family-rarity button:hover{border-color:#ffe595;background:#44336a;color:#fff}.gold-btn{border-color:#fff0a7;box-shadow:inset 0 1px #fffde0,inset 0 -3px #7a4008,0 4px 0 #683709,0 9px 18px #0008}.gold-btn:after{content:'';position:absolute;inset:4px;border:1px solid #fff6bd66;pointer-events:none}
.farm-post:not(.empty)::before{content:'';position:absolute;z-index:0;left:50%;bottom:-8%;width:172%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,var(--post-tier) 0%,transparent 66%);opacity:.32;filter:blur(4px);animation:pedestal-aura 2.5s ease-in-out infinite}.farm-post:not(.empty) img{position:relative;z-index:1;filter:drop-shadow(0 7px 4px #000b) drop-shadow(0 0 12px var(--post-tier))}.farm-post:not(.empty) .post-spark{color:#fff;filter:drop-shadow(0 0 8px var(--post-tier))}@keyframes pedestal-aura{0%,100%{opacity:.22;transform:translateX(-50%) scale(.9)}50%{opacity:.52;transform:translateX(-50%) scale(1.13)}}
body{background:radial-gradient(ellipse at 50% -22%,#2a2868 0%,#111941 31%,#080d25 62%,#03040d 100%)}body:before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='430' viewBox='0 0 520 430'%3E%3Cg fill='none' stroke='%23e8bd58' stroke-width='1' stroke-opacity='.55'%3E%3Cpath d='M36 110L102 65 171 116 244 76 302 142'/%3E%3Cpath d='M325 290L379 233 442 263 486 192'/%3E%3Cpath d='M92 365L148 319 207 344 257 288'/%3E%3C/g%3E%3Cg fill='%23ffe7a0'%3E%3Ccircle cx='36' cy='110' r='3'/%3E%3Ccircle cx='102' cy='65' r='2'/%3E%3Ccircle cx='171' cy='116' r='3'/%3E%3Ccircle cx='244' cy='76' r='2'/%3E%3Ccircle cx='302' cy='142' r='3'/%3E%3Ccircle cx='325' cy='290' r='2'/%3E%3Ccircle cx='379' cy='233' r='3'/%3E%3Ccircle cx='442' cy='263' r='2'/%3E%3Ccircle cx='486' cy='192' r='3'/%3E%3Ccircle cx='92' cy='365' r='2'/%3E%3Ccircle cx='148' cy='319' r='3'/%3E%3Ccircle cx='207' cy='344' r='2'/%3E%3Ccircle cx='257' cy='288' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:520px 430px;background-position:3% 12%;background-repeat:repeat}.shell{z-index:1}.result-aura{position:relative;isolation:isolate;overflow:visible}.result-aura:before{content:'';position:absolute;z-index:-1;inset:-28px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe7a0 0 2deg,transparent 2deg 15deg),radial-gradient(circle,transparent 46%,#f8c65b66 48% 50%,transparent 52%);filter:drop-shadow(0 0 12px #f5c65f);animation:invocation-halo 8s linear infinite}.result-aura:after{content:'✦  ·  ✦  ·  ✦';position:absolute;z-index:-1;inset:-42px;display:grid;place-items:center;color:#fff0ae;letter-spacing:30px;font-size:17px;text-shadow:0 0 10px #f5c65f;animation:invocation-halo 13s linear infinite reverse}.result-aura img{position:relative;z-index:1}.result-card.departing{pointer-events:none;animation:guardian-depart .52s cubic-bezier(.4,0,.2,1) forwards}.result-card.departing .result-aura{animation:depart-flash .52s ease-in forwards}@keyframes invocation-halo{to{transform:rotate(360deg)}}@keyframes guardian-depart{0%{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(1.05)}100%{opacity:0;transform:scale(.72) translateY(-36px);filter:brightness(2.4)}}@keyframes depart-flash{0%{filter:brightness(1)}60%{filter:brightness(2.6)}100%{filter:brightness(3.5)}}
.brand-logo{display:block;width:clamp(350px,46vw,590px);height:132px;object-fit:contain;object-position:left center;margin-top:-18px;margin-bottom:-23px;filter:drop-shadow(0 4px 10px #000b) saturate(1.08)}.summon-stage{min-height:0;aspect-ratio:16/9;background:url('assets/celestial-seal-stage.png') center/cover no-repeat;border-color:#9b75e7;box-shadow:inset 0 0 0 1px #f4cb6f22,0 16px 34px #0008}.summon-stage .seal,.summon-stage .seal-rays,.summon-stage p,.summon-stage .rates{display:none}.summon-stage #pullBtn{position:absolute;left:50%;top:77%;transform:translate(-50%,-50%);width:37%;height:17%;min-width:270px;min-height:68px;padding:0;border:0;background:transparent;color:transparent;box-shadow:none;outline:0;cursor:pointer}.summon-stage #pullBtn small{display:none}.summon-stage #pullBtn:after{display:none}.summon-stage #pullBtn:hover,.summon-stage #pullBtn:focus-visible{border:2px solid #fff3a5;background:#ffe47616;box-shadow:0 0 30px #ffd45d88}.summon-stage #pullBtn:focus-visible{outline:2px solid #fff;border-radius:4px}@media(max-width:720px){.brand-logo{width:min(84vw,390px);height:96px;margin-top:-14px;margin-bottom:-17px}.summon-stage{aspect-ratio:16/10}.summon-stage #pullBtn{top:77%;width:49%;min-width:190px;min-height:46px}}
.summon-stage:before{content:'';position:absolute;z-index:1;left:50%;top:13%;width:19%;height:55%;transform:translateX(-50%);background:url('assets/celestial-ritual-crystal.png') center/contain no-repeat;clip-path:polygon(50% 0,81% 21%,91% 48%,72% 80%,50% 100%,28% 80%,9% 48%,19% 21%);mix-blend-mode:screen;filter:drop-shadow(0 0 13px #b76cff) drop-shadow(0 0 25px #ffca5a);pointer-events:none}.summon-stage #pullBtn{top:79.2%;width:58%;height:30%;min-width:270px;min-height:76px;background:url('assets/celestial-seal-button.png') center/100% 100% no-repeat;filter:drop-shadow(0 8px 8px #0008);transition:filter .2s ease,transform .2s ease}.summon-stage #pullBtn:hover{border:0;background:url('assets/celestial-seal-button.png') center/100% 100% no-repeat;filter:brightness(1.14) drop-shadow(0 0 17px #ffd256);box-shadow:none;transform:translate(-50%,-50%) scale(1.025)}.summon-stage #pullBtn:focus-visible{border:0;background:url('assets/celestial-seal-button.png') center/100% 100% no-repeat;box-shadow:none;outline:2px solid #fff0a8;outline-offset:5px}@media(max-width:720px){.summon-stage:before{top:11%;width:25%;height:57%}.summon-stage #pullBtn{top:79.2%;width:64%;height:30%;min-width:190px;min-height:52px}}
.summon-stage:before{animation:crystal-breathe 3.2s ease-in-out infinite}.summon-stage:after{content:'';position:absolute;z-index:0;left:50%;top:40%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff4b433 0%,#c269ff35 28%,#6855ff20 48%,transparent 72%);filter:blur(3px);pointer-events:none;animation:crystal-aura 3.2s ease-in-out infinite}@keyframes crystal-breathe{0%,100%{transform:translateX(-50%) translateY(0) scale(.96);filter:drop-shadow(0 0 10px #b76cff) drop-shadow(0 0 18px #ffca5a)}50%{transform:translateX(-50%) translateY(-7px) scale(1.045);filter:drop-shadow(0 0 20px #d797ff) drop-shadow(0 0 38px #ffe27a)}}@keyframes crystal-aura{0%,100%{opacity:.46;transform:translate(-50%,-50%) scale(.82)}50%{opacity:.94;transform:translate(-50%,-50%) scale(1.22)}}
.hero-orbit{background:url('assets/celestial-summon-chest-transparent.png') center/contain no-repeat;box-shadow:none;animation:chest-float 4s ease-in-out infinite}.hero-orbit:hover{filter:brightness(1.08) saturate(1.04)}@keyframes chest-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hall-vault{display:grid;grid-template-columns:230px 1fr 220px;gap:22px;align-items:center;padding:24px;border:1px solid #9d7be055;background:linear-gradient(115deg,#111338,#19153d 48%,#0b1330);box-shadow:inset 0 0 42px #7255c422}.hall-chest-wrap{position:relative;min-height:170px;display:grid;place-items:center}.hall-chest-wrap img{width:205px;max-height:165px;object-fit:contain;animation:hall-chest-breathe 3s ease-in-out infinite;filter:drop-shadow(0 10px 8px #000b)}.chest-count{position:absolute;right:9px;bottom:5px;padding:7px 10px;border:1px solid #f4ca6a;background:#0c1028e8;color:#ffe49a;font:800 16px 'Cinzel';box-shadow:0 0 13px #f5c65f55}.hall-vault-copy h3{font:800 27px 'Cinzel';margin:9px 0;color:#f9e9bf}.hall-vault-copy p{color:#bcb9e3;margin:0 0 16px}.hall-vault .gold-btn[disabled]{cursor:not-allowed;filter:grayscale(.7) brightness(.58);box-shadow:none}.fragment-rates{display:grid;gap:7px;padding:14px;border-left:1px solid #9d7be066;color:#ded9f7;font-size:12px}.fragment-rates strong{color:#f6d47b;font:800 12px 'Cinzel';letter-spacing:1px}.fragment-rates span:nth-child(2){color:#f8e0a3}.fragment-rates span:nth-child(3){color:#9fddff}.fragment-rates span:nth-child(4){color:#d9a2ff}.fragment-rates span:nth-child(5){color:#ffd45a}.fragment-archive-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;padding:12px 15px;border:1px solid #675fa033;background:#0c1025bb;color:#bdb9dc;font-size:11px}.fragment-archive{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:14px;margin-top:14px}.fragment-empty{grid-column:1/-1;padding:48px 24px;text-align:center;border:1px dashed #776aa6;background:#0b1027;color:#beb9df}.fragment-card{display:flex;gap:13px;padding:12px;border:1px solid var(--fragment-tier);background:linear-gradient(135deg,var(--fragment-bg),#0a1028 74%);box-shadow:inset 0 0 24px #0006}.fragment-card img{width:102px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 5px #000a)}.fragment-card-copy{min-width:0;flex:1}.fragment-card-copy>span{color:var(--fragment-tier);font:800 9px 'DM Sans';letter-spacing:1px}.fragment-card h3{font:800 19px 'Cinzel';margin:5px 0}.fragment-card p{margin:0;color:#c4c4dd;font-size:11px}.fragment-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:14px}.fragment-pieces b{padding:7px 2px;text-align:center;border:1px solid #5f6180;background:#090d21;color:#747995;font:800 12px 'Cinzel'}.fragment-pieces b.found{border-color:var(--fragment-tier);background:color-mix(in srgb,var(--fragment-tier) 25%,#0b1024);color:#fff;box-shadow:0 0 9px var(--fragment-tier)}.fragment-pieces small{font:700 8px 'DM Sans'}@keyframes hall-chest-breathe{0%,100%{transform:translateY(0);filter:drop-shadow(0 8px 6px #000b)}50%{transform:translateY(-5px);filter:drop-shadow(0 12px 12px #000b) drop-shadow(0 0 14px #b990ff66)}}
.chest-try{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border:1px solid #f1c66b77;background:#0b1025df;color:#ffe6a3;font:800 8px 'DM Sans';letter-spacing:1.3px;box-shadow:0 0 12px #f5c65f33}
.fragment-rates.vault-rules{gap:10px}.fragment-rates.vault-rules span{color:#c9c5e5;font-size:10px;letter-spacing:.6px}.fragment-rates.vault-rules span:before{content:'✦';color:#f2cc71;margin-right:6px}
.hall-vault #openFragmentChest,.hall-vault #openFragmentChest[disabled]{background:linear-gradient(#ffe18a,#d98b1c);border-color:#fff0aa;color:#261606;filter:none;box-shadow:inset 0 1px #fffde0,inset 0 -3px #7a4008,0 4px 0 #683709,0 9px 18px #0008}.hall-vault #openFragmentChest[disabled]{opacity:.58;cursor:not-allowed}
.fragment-roll-track.rolling{animation-duration:3.6s}.fragment-reward{position:relative;isolation:isolate}.fragment-reward:before{content:'';position:absolute;z-index:-1;width:190px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe8a544 0%,#c069ff44 34%,transparent 70%);opacity:0}.fragment-reward.fragment-summoned{animation:fragment-card-reveal .9s cubic-bezier(.16,.84,.27,1) both}.fragment-reward.fragment-summoned:before{animation:fragment-aura-reveal .9s ease-out both}.fragment-reward.fragment-summoned img{animation:fragment-art-reveal .9s cubic-bezier(.16,.84,.27,1) both}@keyframes fragment-card-reveal{0%{opacity:0;transform:scale(.58);filter:brightness(3)}58%{opacity:1;transform:scale(1.06);filter:brightness(1.35)}100%{transform:scale(1);filter:brightness(1)}}@keyframes fragment-art-reveal{0%{transform:translateY(20px) scale(.55);filter:brightness(4)}60%{transform:translateY(-5px) scale(1.12);filter:brightness(1.4)}100%{transform:translateY(0) scale(1);filter:drop-shadow(0 8px 5px #0009)}}@keyframes fragment-aura-reveal{0%{opacity:0;transform:scale(.35)}55%{opacity:1;transform:scale(1.25)}100%{opacity:.55;transform:scale(1)}}
.fragment-reward img{width:auto;height:152px;max-width:38%;aspect-ratio:auto;object-fit:contain;object-position:center bottom;flex:0 0 auto}.fragment-reward.fragment-summoned img{transform-origin:center bottom}@media(max-width:720px){.fragment-reward img{width:auto;height:108px;max-width:40%}}
.fragment-roll-modal{z-index:70;background:#03040be8}.fragment-roll-card{width:min(1030px,96vw);padding:26px;background:linear-gradient(145deg,#171834,#090b1e);border:2px solid #a88dea;box-shadow:0 0 0 5px #f1c75d12,0 0 70px #7d5adc66;position:relative;overflow:hidden}.fragment-roll-card h2{margin:8px 0 20px;font:800 29px 'Cinzel';color:#fff1bd}.roll-viewport{height:220px;overflow:hidden;position:relative;border:1px solid #777493;background:repeating-linear-gradient(135deg,#ffffff06 0 8px,transparent 8px 18px),#080b17}.roll-pointer{position:absolute;z-index:3;top:3px;left:50%;transform:translateX(-50%);color:#fff4bb;font-size:38px;text-shadow:0 0 12px #f8c85b}.fragment-roll-track{display:flex;gap:12px;width:max-content;height:100%;padding:30px 30px 16px;transform:translateX(0)}.fragment-roll-track.rolling{animation:fragment-roll 3.6s cubic-bezier(.08,.67,.06,1) forwards}.fragment-roll-track.settled{transform:translateX(var(--roll-stop))}.roll-guardian{width:146px;flex:0 0 146px;height:168px;padding:8px;border:2px solid var(--roll-tier);background:linear-gradient(150deg,var(--roll-bg),#101324);display:flex;flex-direction:column;align-items:center;justify-content:end;text-align:center;box-shadow:inset 0 0 20px #0008}.roll-guardian img{height:105px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 4px #0009)}.roll-guardian span{font-size:8px;font-weight:800;color:var(--roll-tier);letter-spacing:1px}.roll-guardian b{font:800 13px 'Cinzel';color:#fff;margin-top:3px}.roll-guardian.winner{box-shadow:inset 0 0 24px var(--roll-tier),0 0 20px var(--roll-tier)}.fragment-reward{margin:18px auto 8px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;min-height:108px}.fragment-reward img{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;object-fit:contain!important;object-position:center!important;flex:0 0 82px!important}.fragment-reward span{font:800 10px 'DM Sans';letter-spacing:2px}.fragment-reward h3{margin:6px 0;font:800 21px 'Cinzel';color:#fff0bc}.fragment-reward p{margin:0;color:#c9c5e1;font-size:12px}.fragment-roll-card>#claimFragment{display:block;margin:12px auto 0}@keyframes fragment-roll{to{transform:translateX(var(--roll-stop))}}@media(max-width:720px){.fragment-roll-card{padding:18px 10px}.roll-viewport{height:185px}.roll-guardian{width:126px;flex-basis:126px;height:145px}.fragment-roll-track{padding-top:26px}.fragment-reward{gap:8px}.fragment-reward img{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;flex-basis:72px!important}.fragment-reward h3{font-size:16px}}