:root{color-scheme:dark;--accent:#7ff0c8;--accent-soft:#7ff0c822;--bg:#101719;--line:#ffffff13;--muted:#8d9d9b;--text:#e6eeeb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#1e353233,transparent 65%),var(--bg);font:14px/1.6 system-ui,sans-serif;color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}header{height:88px;max-width:1480px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;font-size:26px;color:var(--accent)}.logo b{font-size:19px;letter-spacing:4px;color:var(--text)}.logo>span{border-left:1px solid #ffffff25;padding-left:20px;margin-left:10px;font-size:9px;letter-spacing:2px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:26px;font-size:12px}.demo-tag{font-size:9px;letter-spacing:1px;border:1px solid #ffffff25;border-radius:5px;padding:6px 10px;color:var(--muted)}main{max-width:1480px;padding:32px 44px 20px;display:grid;grid-template-columns:215px minmax(0,1fr);gap:40px;margin:auto}.section-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:0 0 16px}aside{padding-top:7px}nav{display:grid;gap:10px}.banner-tab{position:relative;text-align:left;width:100%;background:#1c242480;border:1px solid var(--line);border-radius:12px;padding:14px;overflow:hidden;transition:border-color .2s,background .2s}.banner-tab img{width:48px;height:48px;object-fit:cover;border-radius:8px;float:left;margin-right:12px;opacity:.75}.banner-tab strong{display:block;font-size:12px;line-height:1.4;min-height:32px}.banner-tab small{font-size:9px;color:var(--muted)}.banner-tab.active{border-color:var(--accent);background:var(--accent-soft)}.banner-tab.active:after{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--accent);border-radius:3px}.banner-tab:hover{border-color:#ffffff55}.sidebar-note{margin-top:48px;border-top:1px solid var(--line);padding:28px 12px;color:var(--muted);display:flex;gap:15px;font-size:12px}.sidebar-note>span{font-size:30px;color:var(--accent)}.sidebar-note p{margin:0}.quiet{background:none;border:0;color:var(--muted);font-size:10px;padding:8px}.breadcrumb{font-size:10px;color:var(--muted);margin-bottom:20px}.breadcrumb span{margin:0 12px;color:#536761}.breadcrumb b{font-weight:400;color:#b8cbc3}.hero{min-height:460px;border:1px solid #ffffff20;border-radius:22px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:#1b2525}.hero-landscape{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.18;filter:saturate(.5);z-index:-3;transition:background-image .3s}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#142022 7%,#142022eb 35%,#14202220 100%),linear-gradient(0deg,#142022 0%,transparent 50%)}.stars{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.star{position:absolute;width:3px;height:3px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:drift 7s linear infinite}.hero-copy{width:55%;padding:40px 0 60px 40px;position:relative;z-index:2}.event-label{font-size:9px;letter-spacing:2px;color:var(--accent);padding:6px 10px;border:1px solid #ffffff20;border-radius:4px}h1{font-family:Georgia,serif;font-size:clamp(35px,3.8vw,58px);line-height:1.06;font-weight:400;letter-spacing:-2px;margin:24px 0 18px;text-wrap:balance}.tagline{color:var(--accent);font-size:16px;margin:0 0 12px}.description{color:#a5b5b1;font-size:12px;max-width:300px;line-height:1.8}.hero-links{display:flex;gap:20px;margin-top:24px}.hero-links button{padding:0;background:none;border:0;border-bottom:1px solid #8caaa244;font-size:10px;color:#d0ddd6}.hero-characters{position:absolute;right:0;top:0;bottom:24px;width:53%;isolation:isolate}.primary-character{position:absolute;right:8%;bottom:55px;width:51%;height:76%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 15px 28px #000b);z-index:2;animation:float 5s ease-in-out infinite}.secondary-character{position:absolute;left:0;bottom:60px;width:46%;height:62%;object-fit:contain;opacity:.85;filter:drop-shadow(0 12px 25px #0009);animation:float 6s ease-in-out infinite reverse}.halo{position:absolute;border-radius:50%;border:1px solid #ffffff15;pointer-events:none}.halo-one{width:330px;height:330px;right:5%;top:10%;box-shadow:0 0 90px var(--accent-soft),inset 0 0 80px var(--accent-soft);animation:orbit 25s linear infinite}.halo-one:before,.halo-one:after{content:'✦';position:absolute;font-size:25px;color:var(--accent);top:30px;left:25px}.halo-one:after{bottom:30px;right:30px;top:auto;left:auto;font-size:15px}.halo-two{width:260px;height:260px;right:12%;top:18%;border-style:dashed;transform:rotate(30deg)}.character-floor{position:absolute;bottom:40px;right:0;width:100%;height:80px;background:radial-gradient(ellipse,var(--accent-soft),transparent 65%);transform:rotate(-5deg)}.character-caption{position:absolute;bottom:12px;right:12%;display:grid;grid-template-columns:20px 1fr;text-align:left;align-items:center;column-gap:8px}.character-caption>span{grid-row:span 2;color:var(--accent);font-size:25px}.character-caption>b{font-size:15px;letter-spacing:1px}.character-caption>small{font-size:8px;color:var(--muted);letter-spacing:1px}.hero-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#9baea7;padding:13px 24px;border-top:1px solid var(--line);background:#0d161744}.summon-panel{padding:23px 27px;background:linear-gradient(100deg,#1b2826,#172020);border:1px solid #ffffff16;border-radius:16px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scroll-balance{display:flex;align-items:center;gap:14px}.scroll-icon{width:48px;height:48px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff12;display:grid;place-items:center;overflow:hidden}.scroll-icon img{width:100%;height:100%;object-fit:contain}.scroll-balance>div>span{font-size:10px;color:var(--muted)}.scroll-balance strong{display:block;font-size:23px;line-height:1.3}.scroll-balance strong small{font-size:10px;font-weight:400;color:var(--muted)}.draw-actions{display:flex;gap:12px}.draw{border-radius:10px;padding:12px 24px;min-width:150px;line-height:1.3}.draw span{display:block;font-weight:650;font-size:13px}.draw small{font-size:9px;opacity:.6}.draw i{font-style:normal;margin-left:16px}.primary{background:linear-gradient(110deg,#f2ddac,#d7bb7c);color:#302716;border:1px solid #f5e4b7;box-shadow:0 4px 18px #d7b77317}.primary:hover{filter:brightness(1.08)}.secondary{background:#24342f;color:#e1eee7;border:1px solid #9bb9aa30}.utility-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 30px;font-size:9px;color:var(--muted)}.utility-row p{margin:0}.status-dot{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;margin-right:5px}.utility-row button{background:none;border:0;color:var(--muted);font-size:10px;padding:6px}.row-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.row-title h2{font-size:20px;font-weight:500;margin:0}.row-title .section-label{margin:0 0 7px}.row-title>span{font-size:8px;color:var(--muted);letter-spacing:1px}.featured-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reward-preview{padding:14px 10px;background:#192322;border:1px solid #ffffff10;border-radius:12px;text-align:center;position:relative;overflow:hidden}.reward-preview img{width:100%;height:85px;object-fit:contain;filter:drop-shadow(0 5px 10px #0005);transition:transform .2s}.reward-preview:hover img{transform:translateY(-5px)}.reward-preview strong{display:block;font-size:10px;line-height:1.4;margin-top:10px;min-height:29px}.reward-preview small{font-size:8px;color:var(--accent)}.reward-preview:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent);opacity:.5}footer{font-size:9px;color:#71857c;margin:28px 0 10px;max-width:700px;line-height:1.8}dialog{color:var(--text)}dialog::backdrop{background:#020706dc;backdrop-filter:blur(10px)}.ritual{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:radial-gradient(ellipse at 50% 40%,#20302a,#07100ff5 65%);margin:0;padding:30px;overflow:auto}.ritual:not([open]){display:none}.invocation{min-height:calc(100dvh - 60px);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.skip{position:absolute;right:10px;top:0;background:none;border:1px solid #ffffff30;border-radius:8px;padding:10px 16px;font-size:11px}.portal{width:310px;height:310px;position:relative;display:grid;place-items:center}.portal-ring{position:absolute;inset:0;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 50px var(--accent-soft),inset 0 0 35px var(--accent-soft)}.ring-a{border-style:dashed;animation:orbit 2s linear infinite,portalExpand 1.9s ease-in forwards}.ring-b{inset:25px;opacity:.6;animation:orbit 3s linear infinite reverse,portalExpand 1.9s ease-in forwards}.portal-core{position:absolute;inset:50px;border-radius:50%;background:radial-gradient(circle,#fff8,var(--accent-soft) 35%,transparent 70%);animation:portalPulse 1.9s ease-in forwards}.portal img{width:150px;height:150px;object-fit:contain;animation:scrollAscend 1.9s ease-in forwards}.portal-symbol{position:absolute;font-size:80px;color:white;opacity:0;animation:flash 1.9s ease-in forwards}.invocation-copy{text-align:center;margin-top:35px}.invocation-copy span{font-size:10px;letter-spacing:4px;color:var(--accent)}.invocation-copy p{font:24px Georgia,serif}.results-heading{text-align:center;padding-top:20px}.results-heading h2{font:36px Georgia,serif;margin:10px 0}.results-heading>p{font-size:11px;color:var(--muted)}#results[hidden],#invocation[hidden]{display:none}.result-cards{max-width:1050px;margin:30px auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.result-cards.single{max-width:280px;grid-template-columns:1fr}.result-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#29313c,#152020);border:1px solid var(--rarity,#7c9bc5);border-radius:15px;padding:20px 12px;text-align:center;opacity:0;animation:cardReveal .6s cubic-bezier(.2,.8,.2,1) forwards;box-shadow:0 10px 45px #0005}.result-card:before{content:'';position:absolute;inset:-30% -30% 30%;background:radial-gradient(ellipse,var(--rarity),transparent 65%);opacity:.15;pointer-events:none}.result-card img{width:100%;height:120px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 12px #0009)}.result-cards.single .result-card{padding:35px 20px}.result-cards.single img{height:220px}.result-card small{font-size:8px;color:var(--rarity);letter-spacing:1px}.result-card strong{font-size:12px;display:block;margin:12px 0 6px;min-height:36px}.result-card .rank{font-size:14px;color:var(--rarity);letter-spacing:3px}.result-card .demo-watermark{font-size:7px;letter-spacing:2px;color:#8c9b98;display:block;margin-top:15px}.continue{display:block;margin:28px auto;border-radius:10px;padding:15px 30px;font:600 13px system-ui}.info-dialog{width:min(700px,calc(100% - 28px));max-height:85dvh;background:#14201e;border:1px solid #637b6c;border-radius:20px;padding:32px}.close-dialog{position:absolute;right:14px;top:12px;border:0;background:none;font-size:20px;color:var(--muted)}.info-dialog h2{font:30px Georgia,serif;margin:0 0 16px}.info-dialog p{color:var(--muted);font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-inspect{text-align:center}.item-inspect>img{max-width:100%;height:230px;object-fit:contain}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-grid div{padding:12px;border:1px solid var(--line);border-radius:9px;font-size:14px}.stat-grid small{display:block;color:var(--muted);font-size:9px}.history-item{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.history-item img{width:40px;height:40px;object-fit:contain}.history-item strong{font-size:12px}.history-item small{font-size:10px;color:var(--muted);margin-left:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 20px;background:#dce9df;color:#13241d;border-radius:10px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes float{50%{transform:translateY(-13px) rotate(2deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes drift{0%{opacity:0;transform:translateY(20px)}30%{opacity:.7}100%{opacity:0;transform:translateY(-100px)}}@keyframes portalExpand{0%{transform:scale(.7) rotate(0);opacity:0}25%{opacity:1}80%{transform:scale(1.1) rotate(120deg);opacity:1}100%{transform:scale(2) rotate(180deg);opacity:0}}@keyframes portalPulse{0%{transform:scale(.4);opacity:0}70%{opacity:1;transform:scale(1.2)}100%{transform:scale(6);opacity:0}}@keyframes scrollAscend{0%{transform:translateY(40px) scale(.5);opacity:0}35%{opacity:1}75%{transform:translateY(-15px) scale(1.1);opacity:1}100%{transform:translateY(-40px) scale(.1);opacity:0}}@keyframes flash{70%{opacity:0;transform:scale(.1)}85%{opacity:1}100%{opacity:0;transform:scale(5)}}@keyframes cardReveal{from{opacity:0;transform:translateY(25px) rotateY(70deg) scale(.85)}to{opacity:1;transform:none}}
@media(min-width:1450px){.hero{min-height:520px}.hero-copy{padding-left:50px}.primary-character{height:85%;bottom:35px}.secondary-character{height:70%;bottom:40px}}@media(max-width:1100px){main{grid-template-columns:175px 1fr;gap:20px;padding:24px}.hero-copy{padding-left:28px;width:57%}h1{font-size:40px}.hero{min-height:430px}.halo-one{width:250px;height:250px;top:20%}.halo-two{width:180px;height:180px;top:27%}.draw{min-width:120px;padding:12px 16px}.scroll-balance strong small{display:block}.hero-footer>span:last-child{display:none}.featured-rewards{gap:8px}.row-title>span{display:none}}@media(max-width:800px){header{height:70px;padding:0 20px}.logo>span{display:none}.header-right{gap:14px}.demo-tag{font-size:8px}.header-right>a{font-size:10px}main{grid-template-columns:1fr;gap:22px;padding:18px 16px}aside{min-width:0;padding:0}aside>.section-label{display:none}nav{display:flex;gap:8px;overflow:auto;padding-bottom:6px}.banner-tab{min-width:155px;max-width:180px;flex-shrink:0;padding:10px}.banner-tab img{width:36px;height:36px;margin-right:9px}.banner-tab strong{font-size:10px;min-height:28px}.banner-tab small{font-size:8px}.sidebar-note{display:none}.quiet{display:none}.breadcrumb{margin-bottom:12px;font-size:9px}.hero{min-height:400px}.hero-copy{padding:30px 0 60px 25px;width:53%}h1{font-size:40px}.hero-characters{width:52%}.primary-character{right:0;width:62%;height:65%;bottom:80px}.secondary-character{left:-12%;width:58%;height:52%;bottom:80px}.halo-one{right:-20%;top:15%}.halo-two{right:-10%;top:25%}.character-caption{right:10%;bottom:25px}.description{font-size:11px}.summon-panel{padding:18px;gap:15px}.scroll-balance{gap:10px}.scroll-balance strong{font-size:20px}.draw-actions{gap:8px}.draw{min-width:115px}.utility-row{font-size:8px}.featured-rewards{grid-template-columns:repeat(5,minmax(0,1fr))}.reward-preview{padding:10px 6px}.reward-preview img{height:65px}.reward-preview strong{font-size:9px}.row-title h2{font-size:18px}.result-cards{grid-template-columns:repeat(5,1fr);gap:8px}.result-card{padding:15px 7px}.result-card img{height:80px}.result-card strong{font-size:10px}.ritual{padding:18px}.result-card .rank{font-size:10px}}@media(max-width:520px){.logo{gap:8px}.logo b{font-size:16px;letter-spacing:3px}.demo-tag{padding:4px 6px;font-size:7px}.hero{min-height:440px;align-items:start}.hero-copy{padding:26px 22px 140px;width:100%}h1{font-size:36px;max-width:240px;margin-top:18px;letter-spacing:-1px}.tagline{font-size:13px}.description{max-width:195px;font-size:10px}.hero-links{margin-top:18px;gap:14px}.hero-characters{right:0;top:180px;width:55%;bottom:20px}.primary-character{height:88%;width:80%;right:-3%;bottom:20px}.secondary-character{height:65%;width:65%;left:-15%;bottom:20px}.halo-one{width:180px;height:180px;top:10%;right:-20%}.halo-two{width:130px;height:130px;right:0;top:20%}.character-caption{display:none}.hero-footer{padding:10px 18px;font-size:7px}.summon-panel{flex-direction:column;align-items:stretch;gap:15px}.scroll-balance strong small{display:inline}.scroll-icon{width:40px;height:40px}.draw-actions{display:grid;grid-template-columns:1fr 1fr}.draw{padding:13px 10px}.draw small{font-size:9px}.utility-row{align-items:start;gap:8px}.utility-row p{max-width:180px}.utility-row button{font-size:9px;padding:4px}.featured-rewards{grid-template-columns:repeat(3,minmax(0,1fr))}.reward-preview:nth-child(n+4){display:none}.row-title h2{font-size:17px}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-cards.single{max-width:250px;grid-template-columns:1fr}.result-card img{height:105px}.result-card strong{font-size:11px}.results-heading h2{font-size:28px}.info-dialog{padding:28px 20px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal{width:250px;height:250px}.stat-grid{gap:7px}.stat-grid div{font-size:12px;padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.result-card{opacity:1}}

.guarantee-panel{margin-top:16px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:#17231f}.guarantee-panel>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.guarantee-panel strong{display:block;font-size:12px;font-weight:500;margin:8px 0}.guarantee-panel small{color:var(--muted);font-size:10px}.guarantee-panel progress{display:block;width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;margin:12px 0;background:#324239;accent-color:var(--accent)}.guarantee-panel progress::-webkit-progress-bar{background:#324239}.guarantee-panel progress::-webkit-progress-value{background:var(--accent)}#gacha-wallet{font-size:11px;color:var(--accent)}.probability{display:block;margin-top:8px!important;font-size:11px!important;color:var(--text)!important}.history-item{width:100%;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);text-align:left}#scroll-shop label{display:block;color:var(--muted);font-size:12px;margin-top:18px}#scroll-shop select,#scroll-shop input{width:100%;padding:12px;margin-top:6px;background:#0b1712;color:var(--text);border:1px solid #5b7264;border-radius:9px;font:inherit}#scroll-price{color:var(--accent);font-size:18px}#scroll-result{font-size:12px}.utility-row>div{display:flex;flex-wrap:wrap;justify-content:flex-end}.quiet[hidden]{display:none}#recover:not([hidden]){border:1px solid var(--accent);padding:10px 16px;color:var(--accent);border-radius:8px;margin-bottom:22px}@media(max-width:650px){header{height:auto;min-height:75px;gap:14px;padding-top:12px;padding-bottom:12px}.header-right{flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-right .demo-tag{display:none}#gacha-wallet{font-size:9px}.utility-row{flex-direction:column;align-items:stretch}.utility-row p{max-width:none}.utility-row>div{justify-content:flex-start}.utility-row button{padding:8px 8px 8px 0}.guarantee-panel{padding:15px}}
.scroll-menu{margin-top:22px;padding:18px 15px;border:1px solid var(--accent);border-radius:14px;background:linear-gradient(145deg,var(--accent-soft),#14201d)}.scroll-menu[hidden]{display:none}.scroll-menu h2{font-size:16px;margin:0 0 8px}.scroll-menu>p{font-size:11px;color:var(--muted);line-height:1.5}.scroll-menu .continue{width:100%;margin-top:12px;padding:12px 8px;font-size:12px}.scroll-menu #scroll-price{font-size:15px;color:var(--accent);overflow-wrap:anywhere}.scroll-menu #scroll-result{overflow-wrap:anywhere}@media(max-width:800px){.scroll-menu{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.scroll-menu h2,.scroll-menu>p,.scroll-menu .continue{grid-column:1/-1}.scroll-menu label{grid-column:1;margin-top:6px!important;align-self:center}.scroll-menu select,.scroll-menu input{grid-column:2;margin-top:0!important;min-width:0}.scroll-menu .continue{margin-top:0}.scroll-menu>p{margin:2px 0}}
.scroll-menu h2{display:flex;align-items:center;gap:10px}.scroll-menu h2 img{width:46px;height:46px;object-fit:contain;flex-shrink:0}