@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#07151b;--jade:#30d7a2;--jade-deep:#0b6859;--gold:#f5c65f;--paper:#e9eee6;--muted:#8aa8a4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#174f58 0,#0a2027 35%,#030a10 100%);color:var(--paper);font-family:'DM Sans',sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(245,198,95,.35);padding-bottom:20px}.brand-kicker,.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:800}.brand h1{font:800 clamp(23px,4vw,43px) 'Cinzel',serif;letter-spacing:2px;margin:5px 0 0}.brand h1 em{font-size:.45em;font-style:normal;color:#73e4d0;vertical-align:middle}.currency{background:#09171f;border:1px solid #406b69;padding:10px 16px;border-radius:8px;text-align:right;font-size:11px;letter-spacing:1.5px;color:#9ecbc4}.currency strong{display:block;color:var(--gold);font:800 24px 'Cinzel',serif;letter-spacing:0}.hero{display:grid;grid-template-columns:1fr 310px;gap:24px;margin:32px 0 16px;padding:34px 42px;border:1px solid rgba(102,218,192,.25);background:linear-gradient(105deg,#0b2a32,#102431 72%,#17233d);overflow:hidden;position:relative}.hero h2{font:700 clamp(30px,5vw,57px) 'Cinzel',serif;line-height:1.08;margin:12px 0}.hero h2 i{color:#79ead8;font-style:normal}.hero p{max-width:570px;line-height:1.6;color:#adc4c6}.hero-orbit{height:190px;position:relative;border:1px solid rgba(245,198,95,.35);border-radius:50%;transform:rotate(-18deg);background:radial-gradient(circle,#1b806e15,#0000 65%)}.hero-orbit .moon{width:72px;height:72px;border:8px solid var(--gold);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;position:absolute;left:100px;top:54px;filter:drop-shadow(0 0 12px #f5c65f88)}.hero-orbit span{position:absolute;color:#9ff8df;font-size:20px}.hero-orbit span:nth-of-type(1){right:42px;top:25px}.hero-orbit span:nth-of-type(2){left:34px;bottom:33px}.hero-orbit span:nth-of-type(3){right:51px;bottom:25px}.tabs{display:flex;gap:8px;margin:25px 0}.tab,.ghost-btn{border:1px solid #456d71;background:#0c1f29;color:#b8d2d0;padding:11px 17px;font:700 12px 'DM Sans';letter-spacing:1px;cursor:pointer}.tab.active,.tab:hover{background:#17434a;color:#dffff8;border-color:#6ce5d0}.panel{display:none}.panel.active{display:block}.summon-stage{position:relative;min-height:435px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#1c787735,#0b1821 57%,#071018);border:1px solid #315a60;overflow:hidden}.seal{width:178px;height:178px;border:4px solid var(--gold);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 13px #efc75612,0 0 44px #eccc7388;position:relative;z-index:1}.seal:before,.seal:after{content:'';position:absolute;inset:13px;border:1px solid #79ead8;border-radius:50%}.seal:after{inset:-18px;border-style:dashed;border-color:#d5ad50aa;animation:spin 24s linear infinite}.seal-inner{font:800 68px 'Cinzel';color:#e2fff8;text-shadow:0 0 16px #31d9b2}.seal-rays{position:absolute;width:570px;height:570px;background:repeating-conic-gradient(from 10deg,#f3cb5a12 0 5deg,transparent 5deg 20deg);border-radius:50%;animation:spin 55s linear infinite}.summon-stage p{position:relative;z-index:1;color:#90aba9}.gold-btn{position:relative;z-index:1;border:1px solid #fff0aa;background:linear-gradient(#ffe18a,#d98b1c);color:#261606;padding:15px 29px;box-shadow:0 4px 0 #74400c;font:800 14px 'Cinzel';letter-spacing:1px;cursor:pointer}.gold-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.gold-btn small{display:block;font:700 9px 'DM Sans';margin-top:3px}.rates{display:flex;gap:16px;position:relative;z-index:1;margin-top:24px;font-size:11px;color:#b7cccb}.rates b{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.common-dot{background:#a6b3b0}.rare-dot{background:#4fb5ff}.epic-dot{background:#c078ff}.legendary-dot{background:#f6c65f}.ritual-card{padding:28px;background:#10222b;border:1px solid #315a60}.ritual-card h3{font:700 24px 'Cinzel';line-height:1.3}.ritual-card p,.team-note{color:#9bb5b4;line-height:1.6}.ghost-btn{margin-top:12px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #315a60;margin-bottom:19px;padding-bottom:16px}.section-head h2{font:700 29px 'Cinzel';margin:6px 0 0}.section-head p{color:#a0bab8}.guardian-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:13px}.guardian{position:relative;min-height:235px;padding:12px;border:1px solid var(--rarity);background:linear-gradient(150deg,var(--rarity-bg),#091923 67%);cursor:pointer;text-align:center;overflow:hidden}.guardian.locked{filter:grayscale(1);opacity:.5}.guardian:hover{transform:translateY(-4px);box-shadow:0 0 22px var(--rarity)}.guardian img{height:145px;max-width:100%;object-fit:contain;filter:drop-shadow(0 9px 5px #0008)}.guardian h3{font:700 15px 'Cinzel';margin:5px 0}.guardian p{font-size:10px;margin:0;color:#b0cac7}.rarity-label{font-size:9px;letter-spacing:1px;color:var(--rarity);font-weight:800}.owned{position:absolute;top:8px;right:8px;border:1px solid var(--rarity);padding:2px 5px;font-size:10px;background:#081720cc}.team-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.team-slot{min-height:265px;border:1px dashed #577276;background:#091923;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px}.team-slot img{max-width:100%;height:165px;object-fit:contain}.team-slot.empty{color:#6f8b89;font:700 13px 'Cinzel'}.modal{position:fixed;inset:0;background:#01080ccc;display:none;place-items:center;padding:20px;z-index:5}.modal.open{display:grid}.result-card{width:min(430px,100%);text-align:center;padding:34px;background:linear-gradient(165deg,#173943,#07141d);border:1px solid var(--result);box-shadow:0 0 55px var(--result);position:relative}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:28px;cursor:pointer}.result-aura{margin:15px auto;width:230px;height:230px;background:radial-gradient(circle,var(--result),transparent 67%);display:grid;place-items:center}.result-aura img{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 10px 7px #0009)}.result-card h2{font:700 32px 'Cinzel';margin:4px}.result-card p{color:#b7ceca}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.shell{padding:16px}.topbar{align-items:flex-start;gap:12px}.currency{padding:8px}.hero{grid-template-columns:1fr;padding:26px}.hero-orbit{display:none}.summon-stage{min-height:380px}.rates{flex-wrap:wrap;justify-content:center}.team-slots{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}}