:root{color-scheme:dark;--bg:#0b0d17;--panel:#141723;--line:#ffffff12;--text:#ececf3;--muted:#9398ad;--gold:#efce8d;--purple:#a59aff}
#dialog-notice{color:#f0bc96;background:#bf875619;padding:14px;border-radius:6px;margin:16px 0 0}
.blue-stage .summoning-ring{border-color:#7cbfff;box-shadow:0 0 60px #6fb5ff33,inset 0 0 70px #6fb5ff22}
.blue-stage .summoning-ring span{color:#a2d4ff}
.pack-quantities{flex-wrap:wrap}
.purchase-success,.spotlight{position:relative;isolation:isolate;overflow:hidden}
.purchase-success:before,.spotlight:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 20%,#efce8d 0 1px,transparent 3px),radial-gradient(circle at 75% 15%,#efce8d 0 2px,transparent 4px),radial-gradient(circle at 90% 45%,#efce8d 0 1px,transparent 3px),radial-gradient(circle at 25% 60%,#efce8d 0 1px,transparent 3px),radial-gradient(circle at 67% 80%,#c5a1ff 0 2px,transparent 4px);background-size:210px 230px;animation:stardrift 5s ease-out both;opacity:.6}
@keyframes stardrift{from{transform:translateY(70px);opacity:0}30%{opacity:.8}to{transform:translateY(-40px);opacity:.4}}
.soft *:before,.soft *:after,.quick *:before,.quick *:after{animation:none!important;transition:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans JP",sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid #ffffff20;background:#ffffff05;border-radius:7px;min-height:44px;padding:11px 17px;cursor:pointer;transition:background .18s,transform .18s,border-color .18s}button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff50;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:var(--muted);text-decoration:none}h1,h2,h3,p{margin-top:0}p{line-height:1.9;color:var(--muted)}h2{font-size:21px;font-weight:600}h3{font-size:17px}small{font-size:11px}strong{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.gold{color:var(--gold)!important}.center{text-align:center}.wide{width:100%}.primary{background:linear-gradient(115deg,#f3d59a,#cfaa67);color:#242033;border:1px solid #f1dcae;font-weight:700;box-shadow:0 4px 25px #dfb95a13}.primary:hover:not(:disabled){background:linear-gradient(115deg,#ffe6b4,#dfb978);border-color:#fff2d8}.text-button{background:transparent;border:0;color:var(--gold);padding:8px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#9e9ab2;margin-bottom:13px}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#171b29,#11141f);border-radius:12px}.tag{display:inline-block;border:1px solid #d9c89e2b;border-radius:4px;padding:7px 10px;color:#b6ad98;font-size:10px;letter-spacing:1px;white-space:nowrap}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;border-right:1px solid var(--line);padding:38px 20px;position:fixed;height:100vh;background:#0e101b;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;color:#e6d4ae;line-height:1.2;letter-spacing:4px;font-family:Georgia,serif;font-size:22px;padding:0 8px}.brand b{font-weight:400;font-size:23px}.brand small{display:block;font-family:"Noto Sans JP",sans-serif;font-size:9px;letter-spacing:3px;margin-top:11px;color:#9093a7}.brand-mark{font-size:54px;line-height:1;color:#e6ce98}.side-label{font-size:8px;letter-spacing:2px;color:#626a81;margin:56px 12px 17px}nav{display:grid;gap:9px}nav button{text-align:left;border-color:transparent;color:#989cb1;display:flex;align-items:center;gap:12px;font-size:12px;padding:13px 12px;position:relative}nav button>span{font-size:22px;width:24px;text-align:center}nav small{display:none}nav button.active{background:linear-gradient(90deg,#8e7cc923,#8e7cc907);border-color:#aa9ee51a;color:#e6d9ff}nav button.active:before{content:"";position:absolute;left:-21px;height:20px;width:2px;background:#c5b6fb}.side-bottom{margin-top:auto;padding:20px 12px 0;font-size:9px;color:#6d758e;letter-spacing:1px}.side-bottom p{margin-top:18px;font-size:11px;line-height:2}.side-bottom a{font-size:10px}.status-dot{display:inline-block;width:5px;height:5px;background:#8cc7a1;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #8cc7a144}.workspace{margin-left:224px;width:calc(100% - 224px)}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 42px;background:#0c0e18dd}.season{font-size:11px;letter-spacing:2px;color:#ccd1df;white-space:nowrap}.season small{display:block;margin:6px 0 0 14px;color:#6f7890;font-size:9px;letter-spacing:1px}.wallet{margin-left:auto;display:flex;gap:30px}.wallet>div{min-width:108px;border-right:1px solid var(--line);padding-right:27px}.wallet small{display:block;color:#9096ad;font-size:10px;margin-bottom:5px}.wallet em{font-size:8px;font-style:normal;color:#687187}.wallet strong{font-size:16px;font-weight:500;letter-spacing:1px}.wallet>div:nth-child(2) strong{color:#d0c0fa}.icon-button{font-size:22px;padding:0;width:40px;min-height:40px;border:0;color:#8c92aa}main{max-width:1320px;margin:auto;padding:34px 42px 42px}footer{max-width:1320px;margin:auto;display:flex;justify-content:space-between;padding:0 42px 24px;font-size:8px;letter-spacing:1px;color:#626b84}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:14px}.page-heading .eyebrow{margin-bottom:7px}.page-heading h1{font-size:28px;font-weight:500;letter-spacing:2px;margin-bottom:7px;font-family:"Noto Serif JP",serif}.page-heading p{font-size:12px;margin:0}.home-hero{height:335px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 74% 46%,#61538b55,transparent 45%),linear-gradient(115deg,#191d30,#14172b 60%,#26213c)}.hero-copy{position:relative;z-index:2;padding:32px 38px}.hero-copy h2{font-family:"Noto Serif JP",serif;font-weight:500;font-size:35px;line-height:1.6;letter-spacing:5px;margin-bottom:13px}.hero-copy p{font-size:11px;color:#d7ccdf;line-height:1.9}.hero-copy .gold{font-size:10px}.hero-copy .primary{min-width:184px;margin-top:4px}.hero-copy button span{margin-left:40px}.moon-art{position:absolute;top:0;right:2%;width:56%;height:100%;background:radial-gradient(ellipse at center,#ba92ee18,transparent 65%)}.moon{position:absolute;left:34%;top:0;color:#e6d8fe;font-family:Georgia,serif;font-size:240px;line-height:1.3;text-shadow:0 0 35px #c3a3ff44,0 0 90px #8d62db44;transform:rotate(-16deg)}.orbit{position:absolute;border:1px solid #cab1ec24;border-radius:50%;left:18%;top:12%;width:290px;height:290px;transform:rotate(-30deg)}.orbit-one:before,.orbit-two:before{content:"✦";position:absolute;top:2%;left:22%;color:#c9afe5}.orbit-two{transform:rotate(35deg);width:240px;height:240px;top:20%;left:23%;border-style:dashed}.star{position:absolute;color:#d8bee9}.s1{top:18%;left:18%;font-size:35px}.s2{right:6%;top:25%;font-size:24px}.s3{right:12%;bottom:24%;font-size:45px}.art-caption{position:absolute;bottom:23px;left:18%;font-size:8px;letter-spacing:3px;color:#a69bbd}.hero-note{position:absolute;right:20px;top:24px;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px;color:#a89fbf}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 28px}.metric{padding:18px 22px}.metric>small{color:#8c95ae;font-size:11px;display:block}.metric strong{display:block;font-size:29px;font-weight:500;letter-spacing:1px;margin:6px 0}.metric em{font-style:normal;font-size:12px;color:#8f98af;margin-left:7px}.metric>span{font-size:10px;color:#898fa6}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px}.section-title h2{margin:0;font-size:16px}.section-title small{color:#838ba2;font-size:11px}.section-title .text-button{font-size:11px}.party{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.party-card{border:1px solid var(--line);border-radius:9px;padding:15px 12px;display:flex;align-items:center;gap:12px;background:#131722}.party-card .crest{width:49px;height:65px;font-size:35px;flex-shrink:0}.party-card h3{font-size:14px;margin:5px 0}.party-card small{font-size:9px;color:#818ba4}.party-card p{font-size:9px;margin:6px 0 0;white-space:nowrap}.rarity{font-weight:700;font-size:10px;letter-spacing:1px}.party-card .muted{font-size:9px}.party-empty{color:#7c8298;border-style:dashed;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.party-empty small{font-size:10px}.crest{position:relative;display:flex;align-items:center;justify-content:center;color:var(--rarity);font-family:Georgia,serif;width:90px;height:105px;font-size:65px;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 13%,transparent),transparent 65%)}.crest:before{content:"";position:absolute;inset:10% 15%;border:1px solid color-mix(in srgb,var(--rarity) 35%,transparent);transform:rotate(45deg);border-radius:15%}.crest:after{content:"✦";position:absolute;font-size:11px;bottom:0}.crest span{z-index:1;text-shadow:0 0 24px color-mix(in srgb,var(--rarity) 35%,transparent)}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:17px;margin-top:24px}.income-panel,.news{padding:24px}.two-col h2{font-size:16px}.income-panel>strong{font-size:22px;color:var(--gold);font-weight:500}.two-col p{font-size:11px;margin-top:12px}.button-row{display:flex;gap:8px}.button-row button{flex:1;padding:10px;font-size:11px}.news>button{font-size:11px}.news>small{display:block;color:#676f86;font-size:9px;margin-top:12px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{font-size:12px;border-color:transparent;color:#8f96af;padding:12px 20px}.tabs button.selected,.pull-options button.selected{border-color:#bc9a672b;color:#f1d69d;background:#d4b27913}.tabs small{margin-left:8px;font-size:8px;letter-spacing:1px}.summon-banner{position:relative;min-height:330px;display:flex;align-items:center;justify-content:space-between;padding:36px 46px;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#7c5faa33,transparent 55%),linear-gradient(125deg,#191c2d,#1c1934)}.summon-copy{z-index:1;max-width:58%}.character-title{font-family:"Noto Serif JP",serif;margin:25px 0 4px;color:#c5b9d9;letter-spacing:4px}.summon-copy h2{font-family:"Noto Serif JP",serif;font-size:46px;font-weight:500;letter-spacing:8px;margin:0 0 14px}.quote{font-family:"Noto Serif JP",serif;font-size:12px;color:#c7badf;letter-spacing:1px}.character-meta{display:flex;gap:9px;margin-top:23px}.character-meta span{font-size:10px;border:1px solid #b8a5ce26;padding:5px 10px;color:#afa4c3;border-radius:3px}.giant{width:220px;height:235px;font-size:175px}.summon-art{display:flex;align-items:center;flex-direction:column;margin-right:30px}.summon-art .giant{--rarity:#c7b6ee!important}.art-label{color:var(--gold);letter-spacing:3px;font-size:17px}.art-label span{display:block;font-size:7px;color:#8c7ca7;margin-top:8px}.banner-footnote{position:absolute;bottom:13px;left:46px;font-size:8px;color:#746b88}.summon-controls{padding:25px 30px;margin-top:18px}.pity{display:flex;justify-content:space-between;font-size:11px;color:#8991aa;margin-bottom:13px}.pity b{color:#ddc18b;margin-left:10px}.progress{height:4px;background:#ffffff0a;border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#8674bf,#e3bf81);border-radius:3px}.pull-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0 18px}.pull-options button{font-size:23px;font-weight:500;letter-spacing:1px}.pull-options small{display:block;font-size:10px;font-weight:400;color:#9296ad;letter-spacing:0;margin-top:4px}.summon-button{width:100%;display:flex;justify-content:center;align-items:center;gap:40px;min-height:58px;font-size:18px}.summon-button span{font-size:12px;font-weight:400}.summon-controls .center{font-size:10px;margin:15px 0 0}.notice{border:1px solid var(--line);border-radius:8px;padding:15px 20px;margin-top:20px;color:#8f96aa;font-size:11px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.notice span{font-size:10px;color:#6d758e}.formation{padding:20px;margin-bottom:24px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.character-card{padding:19px;text-align:center;border-top:2px solid color-mix(in srgb,var(--rarity) 45%,transparent)}.card-top{display:flex;justify-content:space-between}.card-top>span:last-child{font-size:9px;color:#8791aa}.character-card .crest{margin:12px auto 14px}.character-card>small{font-size:10px;color:#8f97ae}.character-card h2{font-family:"Noto Serif JP",serif;font-size:18px;margin:5px 0}.owned-count{font-size:10px;margin:8px 0 12px}.char-stats{display:flex;justify-content:space-between;font-size:11px;color:#acb2c4}.stars{letter-spacing:4px;font-size:12px;color:var(--rarity);margin:8px 0 15px;min-height:23px}.character-card>button{width:100%;margin-bottom:8px;font-size:11px}.character-card button small{margin-left:10px;color:#a9a3bb;font-size:10px}.equipped{color:#e2ce98!important;border-color:#c4b48033}.character-card .forward{flex:0 0 44px;font-size:16px}.unowned .crest{filter:grayscale(.7);opacity:.45}.legacy-value{margin:20px 0;font-size:11px}.legacy-value strong{display:block;font-size:24px;color:var(--rarity);font-weight:500;margin-top:8px}.character-card>.muted{font-size:10px;margin-top:9px}.passive-note{border-top:1px solid var(--line);padding:13px 0 0;font-size:10px;color:#8c95aa;line-height:1.9}.versus{display:flex;justify-content:space-around;align-items:center;padding:35px 25px;background:radial-gradient(ellipse at 50% 100%,#30264f66,transparent 70%),#141724}.versus>div{text-align:center;width:43%}.versus h2{font-family:"Noto Serif JP",serif;font-size:20px;margin-top:18px}.versus strong{font-size:34px;font-weight:500;letter-spacing:2px}.versus p{font-size:11px}.vs{font:italic 27px Georgia,serif;color:#8d7f9f}.team-symbols{display:flex;justify-content:center;margin-top:20px}.team-symbols .crest{width:54px;height:66px;font-size:37px}.battle-button{width:100%;margin-top:20px;min-height:56px;font-size:17px}.battle-button+.center{font-size:11px;margin-top:14px}.ascension{padding:30px;display:flex;align-items:center;justify-content:space-between;margin-top:30px;background:radial-gradient(ellipse at 90% 60%,#593d6133,transparent 60%),#151622}.ascension h2{font-family:"Noto Serif JP",serif;font-size:22px}.ascension p{font-size:12px}.ascension>div:last-child{text-align:center}.ascend-symbol{font-size:88px;color:#c2a5dd;text-shadow:0 0 30px #ba8be83d}.ascension-stats{display:flex;gap:20px;font-size:11px;color:#8e92a9}.ascension-stats b{color:var(--gold);margin-left:6px}.simulation-label{padding:13px 17px;border:1px solid #8ba79824;color:#9eb5aa;background:#86b19b08;border-radius:6px;font-size:11px;line-height:1.8;margin-bottom:20px}.shop-summary{display:flex;align-items:center;justify-content:space-between;padding:30px 36px;margin-bottom:23px}.shop-summary small{display:block;color:#9991a8;font-size:11px}.shop-summary strong{display:block;font-size:41px;color:var(--gold);font-weight:500;letter-spacing:2px;margin:12px 0}.shop-summary p{font-size:11px;margin:0}.shop-gem{font:100px Georgia,serif;color:#c1a9ed;text-shadow:0 0 30px #a788db77;margin-right:30px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pack{text-align:center;padding:24px 18px}.pack.premium{border-color:#d8b16d55;background:radial-gradient(ellipse at 50% 20%,#8d5a2933,transparent 70%),#171722}.crystals{font:45px Georgia,serif;letter-spacing:-9px;color:#b49bdf;margin:26px 0;text-shadow:0 0 25px #cbb1f66b;min-height:52px}.premium .crystals{color:#edd098}.pack h2{font-size:13px}.pack>strong{font-size:25px;font-weight:500;letter-spacing:1px}.pack>p{font-size:10px}.pack>button{margin-top:13px;width:100%;font-size:18px}.pack button small{font-size:9px;margin-left:5px}
dialog{color:var(--text);border:1px solid #a29abe40;background:linear-gradient(135deg,#1b1e30,#11121e);border-radius:16px;padding:32px;width:min(560px,calc(100% - 28px));max-height:90dvh;overflow:auto;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#060710dc;backdrop-filter:blur(8px)}dialog h2{font-family:"Noto Serif JP",serif;line-height:1.6;padding-right:15px}dialog p{font-size:12px}.modal-close{position:absolute;right:12px;top:10px;border:0;font-size:25px;color:#7f819e;background:transparent;z-index:3;width:44px;padding:0}dialog .eyebrow{padding-right:25px}.payment-methods{display:grid;gap:10px;margin:20px 0}.payment-methods label{display:flex;align-items:center;gap:15px;border:1px solid #ffffff16;border-radius:8px;padding:14px;cursor:pointer}.payment-methods label:has(input:checked){border-color:#d0b38588;background:#c8ad6810}.payment-methods label>span{font-size:26px;color:var(--gold)}.payment-methods small{display:block;font-size:9px;color:#7f879f;margin-top:5px;letter-spacing:1px}input{accent-color:#e6c78d}.receipt{padding:8px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.receipt>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:12px;color:#b0b5c8}.receipt strong{font-size:21px;color:var(--text)}.effect-modal{width:min(650px,calc(100% - 28px));background:radial-gradient(ellipse at center,#3b2e5666,transparent 65%),#11121e}.purchase-success,.result,.spotlight,.battle-result{text-align:center;padding-top:14px}.approved{border:2px solid #9dcbac;border-radius:50%;color:#9dcbac;font-size:40px;width:85px;height:85px;margin:22px auto;display:grid;place-items:center;animation:stamp .4s ease-out}.purchase-success h2{font-size:22px}.paid-amount{font-size:44px;letter-spacing:3px;color:var(--gold);margin:25px 0}.gem-award{background:linear-gradient(90deg,transparent,#bd9ef31a,transparent);padding:20px 10px;color:#d2bbfc;font-size:31px;letter-spacing:2px;margin-bottom:20px}.gem-award small{display:block;font-size:10px;letter-spacing:1px;color:#8c81a8;margin-top:8px}.summon-stage{text-align:center;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center}.summoning-ring{width:220px;height:220px;border:1px solid #a390c6;border-radius:50%;position:relative;display:grid;place-items:center;margin:20px auto 40px;box-shadow:0 0 60px #b791ff33,inset 0 0 70px #b791ff22;animation:charge 1.6s ease-in-out forwards}.summoning-ring:before{content:"";position:absolute;inset:20px;border:1px solid #9d8abd;transform:rotate(45deg)}.summoning-ring:after{content:"";position:absolute;inset:-15px;border:1px dashed #827292;border-radius:50%;animation:rotate 12s linear infinite}.summoning-ring span{font-size:120px;font-family:Georgia,serif;color:#ded0ff;text-shadow:0 0 30px #9f78dc}.gold-stage .summoning-ring{border-color:#ebd095;box-shadow:0 0 80px #dcb35d55,inset 0 0 70px #dcb35d22}.gold-stage .summoning-ring span{color:#ffe5aa}.summon-stage h2{font-size:21px}.summon-stage p{font-size:12px}.spotlight{animation:spot .8s ease-out}.spotlight .giant{margin:25px auto}.spotlight h2{font-size:45px;letter-spacing:8px;margin:8px 0 20px;padding:0;color:#ffe6b4}.spotlight .quote{margin-bottom:30px}.result-modal{width:min(700px,calc(100% - 28px))}.ssr-results{display:flex;justify-content:center;gap:30px;padding:10px 0 20px}.ssr-results .crest{margin:auto}.ssr-results h3{font-family:"Noto Serif JP",serif;font-size:17px;margin:6px 0}.ssr-results strong{font-size:20px;color:var(--gold);font-weight:500}.rarity-totals{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:8px;padding:15px 6px;gap:6px}.rarity-totals span{display:block;font-size:10px;margin-bottom:5px}.rarity-totals strong{font-size:21px;font-weight:500}.legacy-gain{margin:25px 0}.legacy-gain>span{font-size:11px;color:#9f94b5}.legacy-gain strong{display:block;font-size:26px;color:#b9d9b5;margin:10px 0}.legacy-gain strong small{font-size:16px;color:#9393a8;margin:0 10px}.legacy-gain p{font-size:10px}.battle-modal{width:min(780px,calc(100% - 28px))}.battle-hp{display:grid;grid-template-columns:1fr 1fr;gap:30px}.unit-hp{margin:16px 0}.unit-hp>span{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.unit-hp small{font-size:9px;color:#8991a6}.fallen{opacity:.3}.battle-log{padding:15px;background:#ffffff05;border-radius:6px;min-height:64px;color:#dcc799}.battle-result .eyebrow{color:var(--gold);font-size:15px}.rank-result{font-size:70px;color:var(--gold);padding:25px}.rank-result small{font-size:20px}.settings-list{display:grid;gap:8px;margin:20px 0}.settings-list label{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.settings-list small{display:block;color:#7d879e;margin-top:5px;font-size:10px}.settings-list input{width:21px;height:21px;cursor:pointer}.danger{color:#ed9da6;border-color:#b96f7b66;margin-top:15px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);padding:15px 24px;background:#24283f;border:1px solid #a7a0c84d;box-shadow:0 10px 30px #0006;border-radius:9px;font-size:12px;max-width:90vw;width:max-content;z-index:10;opacity:0;pointer-events:none;transition:.25s;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes stamp{from{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes charge{0%{transform:scale(.6);opacity:.1}70%{transform:scale(1);opacity:1}100%{transform:scale(1.1);opacity:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes spot{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.soft *,.quick *{animation:none!important;transition:none!important}.soft .crest span,.soft .moon,.soft .crystals{text-shadow:none}.soft .summoning-ring{box-shadow:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.home-hero{height:370px}.hero-copy{padding:38px 46px}.hero-copy h2{font-size:40px}.moon{font-size:270px}.orbit{width:320px;height:320px}.orbit-two{width:270px;height:270px}.party-card{padding:20px}}
@media(max-width:1150px){.sidebar{width:185px;padding:30px 14px}.workspace{margin-left:185px;width:calc(100% - 185px)}.brand{font-size:18px;gap:9px}.brand b{font-size:19px}.brand-mark{font-size:40px}.brand small{font-size:8px}header{padding:0 25px;gap:12px}.wallet{gap:15px}.wallet>div{min-width:80px;padding-right:14px}main{padding:28px 25px}.party{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr 1fr}.button-row{flex-wrap:wrap}.two-col .button-row{flex-direction:column}.hero-copy h2{font-size:30px}.moon-art{right:0}.orbit{width:230px;height:230px;top:20%}.orbit-two{width:190px;height:190px;top:27%}.moon{font-size:200px;top:8%;left:30%}.summon-copy h2{font-size:36px}.summon-art{margin-right:0}.giant{width:180px;height:210px;font-size:150px}.summon-banner{padding:30px}.pack-grid{gap:10px}.pack{padding:20px 12px}.pack h2{font-size:11px}.pack .tag{font-size:8px}.character-grid{gap:12px}.character-card{padding:15px}.character-card h2{font-size:16px}}
@media(max-width:800px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:4;width:100%;height:auto;padding:0;background:#0e101bf5;border-bottom:1px solid var(--line)}.brand,.side-label,.side-bottom{display:none}nav{display:flex;gap:0;justify-content:space-around;padding:5px 8px}nav button{flex:1;justify-content:center;flex-direction:column;gap:2px;font-size:9px;min-height:58px;padding:6px 4px}nav button>span{font-size:20px}nav button.active:before{display:none}.workspace{margin:0;width:100%}header{height:75px;padding:0 20px}.season{font-size:9px;letter-spacing:1px}.season small{font-size:8px}.wallet{gap:12px}.wallet>div{min-width:65px;padding-right:12px}.wallet strong{font-size:13px}.wallet small{font-size:8px}.wallet em{display:none}.icon-button{width:28px;flex-shrink:0}.page-heading h1{font-size:25px}main{padding:24px 20px 30px}.home-hero{height:315px}.hero-copy{padding:27px}.hero-copy h2{font-size:30px}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:24px}.metric>span{font-size:9px}.metric>small{font-size:10px}.summon-banner{min-height:310px}.versus h2{font-size:17px}.ascension{gap:20px}.ascension h2{font-size:18px}footer{padding:0 20px 20px}}
@media(max-width:520px){header{padding:0 14px;gap:8px}.season{display:none}.wallet{margin-left:0;flex:1;justify-content:space-between;gap:9px}.wallet>div{padding-right:10px;min-width:70px}.wallet>div:last-child{border:0}.wallet strong{font-size:13px;letter-spacing:0}.wallet small{font-size:9px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:23px;letter-spacing:1px}.page-heading p{font-size:10px;max-width:290px}.page-heading>.tag{display:none}.page-heading>.text-button{font-size:10px;max-width:95px;flex-shrink:0}.eyebrow{font-size:8px;letter-spacing:2px}main{padding:23px 15px 30px}.home-hero{height:310px}.hero-copy{padding:25px 23px}.hero-copy h2{font-size:28px;letter-spacing:3px}.hero-copy p{font-size:10px}.hero-copy .primary{min-width:155px;font-size:12px}.hero-copy button span{margin-left:25px}.moon-art{width:62%;right:-30px;opacity:.67}.moon{font-size:190px;left:18%;top:14%}.orbit{left:0;width:210px;height:210px;top:23%}.orbit-two{left:10%;width:170px;height:170px;top:29%}.art-caption{display:none}.s1{left:6%;top:19%}.s2{right:16%}.hero-note{right:11px;font-size:8px}.metrics{gap:7px;margin:14px 0 23px}.metric{padding:13px 10px}.metric strong{font-size:21px;letter-spacing:0}.metric>small{font-size:9px}.metric>span{font-size:8px;line-height:1.8;display:block}.metric em{font-size:9px;margin-left:3px}.party{gap:9px}.party-card{padding:12px 9px;gap:8px}.party-card .crest{width:39px;height:55px;font-size:31px}.party-card h3{font-size:13px}.party-card p{font-size:8px}.party-card small{font-size:8px}.two-col{grid-template-columns:1fr;margin-top:18px;gap:13px}.income-panel,.news{padding:21px}.two-col .button-row{flex-direction:row}.tabs{gap:4px}.tabs button{padding:10px 12px;font-size:11px}.tabs small{font-size:7px;margin-left:4px}.summon-banner{padding:25px 22px;min-height:320px;align-items:flex-start}.summon-copy{max-width:72%;z-index:2}.summon-copy h2{font-size:37px;letter-spacing:5px}.summon-copy .quote{font-size:10px;max-width:210px}.summon-copy .tag{font-size:9px}.character-title{font-size:11px;margin-top:30px}.character-meta{gap:5px;margin-top:26px}.character-meta span{font-size:8px;padding:5px 7px}.summon-art{position:absolute;right:-32px;top:40px;opacity:.6}.summon-art .giant{width:180px;height:220px;font-size:170px}.art-label{font-size:11px}.art-label span{display:none}.banner-footnote{left:22px;font-size:7px}.summon-controls{padding:20px 17px}.pity{font-size:9px;gap:10px}.pity b{margin-left:4px}.pity>span:last-child{font-size:8px}.pull-options{gap:7px;margin:18px 0}.pull-options button{font-size:18px;padding:11px 4px;letter-spacing:0}.pull-options small{font-size:8px}.summon-button{font-size:16px;gap:15px;min-height:58px}.summon-button span{font-size:10px}.summon-controls .center{font-size:9px}.notice{padding:12px 15px;font-size:10px;gap:5px}.notice span{font-size:9px}.notice .text-button{font-size:10px}.formation{padding:15px}.formation .section-title{align-items:flex-start;flex-direction:column;gap:7px}.formation .section-title>span{font-size:10px}.character-grid{grid-template-columns:repeat(2,1fr);gap:10px}.character-card{padding:14px 12px}.character-card h2{font-size:15px}.character-card>small{font-size:8px}.character-card .crest{width:76px;height:90px;font-size:55px}.card-top>span:last-child{font-size:8px}.char-stats{font-size:9px}.character-card>button{font-size:10px;padding:10px 4px}.character-card button small{font-size:8px;margin-left:4px}.character-card .button-row button{font-size:9px;padding:9px 4px}.character-card .forward{flex-basis:30px}.legacy-value strong{font-size:21px}.passive-note{font-size:9px}.versus{padding:26px 12px;gap:7px}.versus .eyebrow{font-size:7px;letter-spacing:1px}.versus h2{font-size:14px;line-height:1.7;min-height:45px;margin-bottom:0}.versus strong{font-size:27px;letter-spacing:0}.vs{font-size:18px}.team-symbols{flex-wrap:wrap;margin-top:10px}.team-symbols .crest{width:35px;height:47px;font-size:28px}.ascension{padding:23px;flex-direction:column;align-items:stretch}.ascension>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.ascend-symbol{font-size:55px}.ascension h2{font-size:18px;line-height:1.7}.ascension-stats{gap:13px;font-size:10px}.ascension p{font-size:11px}.ascension button{font-size:11px}.simulation-label{font-size:10px;padding:11px 13px}.shop-summary{padding:25px}.shop-summary strong{font-size:32px}.shop-summary p{font-size:10px}.shop-gem{font-size:65px;margin-right:0}.pack-grid{grid-template-columns:1fr;gap:14px}.pack{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:22px;gap:8px 15px;text-align:left}.pack .tag{grid-column:1/-1;width:max-content;font-size:9px}.pack .crystals{grid-row:2/5;margin:5px 0;text-align:center;font-size:55px}.pack h2{font-size:12px;margin:0}.pack strong{font-size:25px}.pack p{margin:0;font-size:10px}.pack button{grid-column:1/-1;font-size:16px;margin-top:8px}.shop-summary{margin-bottom:15px}footer{font-size:7px;letter-spacing:0;padding:0 15px 20px}dialog{padding:28px 20px}dialog h2{font-size:20px}.paid-amount{font-size:37px}.result h2{font-size:20px;padding:0}.ssr-results{gap:15px}.ssr-results .crest{width:72px;height:90px;font-size:52px}.ssr-results h3{font-size:14px}.rarity-totals strong{font-size:18px}.legacy-gain strong{font-size:22px}.legacy-gain strong small{margin:0 3px}.result>.primary{font-size:12px}.battle-hp{gap:15px}.unit-hp>span{font-size:10px}.unit-hp small{font-size:8px}.battle-log{font-size:11px}.summon-stage{min-height:400px}.summon-stage h2{font-size:18px}.settings-list label{font-size:12px}}