:root{color-scheme:dark;--ink: #f4f9ff;--muted: #b9cfe4;--navy: #152b43;--panel: #203e5c;--line: #7499bb;--gold: #ffe37a;--sky: #4a91de;--pixel: #0c1a29}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:#0c1726}body{min-height:100vh;min-height:100svh;margin:0;padding:24px;display:grid;place-items:center;color:var(--ink);font:14px/1.5 Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}canvas{image-rendering:pixelated}.gacha-screen{position:relative;container-type:inline-size;display:grid;grid-template-rows:12% minmax(0,1fr) 26%;width:min(100%,calc((100vh - 48px) * 16 / 9));width:min(100%,calc((100svh - 48px) * 16 / 9));aspect-ratio:16 / 9;font-size:clamp(10px,calc(var(--screen-width, 100vw) * .012),15px);background:var(--navy);border:3px solid var(--pixel);box-shadow:0 0 0 2px #7296b8,6px 6px #050d18;overflow:hidden}.screen-header{display:flex;align-items:center;gap:1.5em;padding:0 2%;border-bottom:3px solid var(--pixel);background:#19334d;box-shadow:inset 0 2px #436487}.return-link{display:inline-flex;align-items:center;gap:.55em;min-height:3em;white-space:nowrap;font-size:1.15em;font-weight:700}.return-link:hover{color:var(--gold)}.screen-header h1{margin:0;font-size:1.2em;letter-spacing:.2em;font-weight:800;color:var(--gold);text-shadow:2px 2px var(--pixel)}.wallet{display:flex;align-items:center;gap:1.6em;margin-left:auto}.currency{display:flex;align-items:center;gap:.6em;min-width:0}.currency>span:last-child{display:flex;align-items:baseline;gap:.65em}.currency small{font-size:.8em;color:var(--muted);white-space:nowrap}.currency strong{font-size:1.2em;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.currency-icon{font-size:1.7em;line-height:1;text-shadow:2px 2px var(--pixel)}.gem{color:#f6a2ed}.ticket{color:#92e2ff}.dust{color:var(--gold)}.notice{position:absolute;top:13%;left:2%;right:2%;z-index:5;margin:0;padding:.65em 1em;background:#244f3c;border:2px solid #b3e48e;box-shadow:3px 3px var(--pixel);font-size:.85em}.notice.error{background:#632f34;color:#fff0dd;border-color:#ffa78a}.gacha-screen{grid-template-rows:12% minmax(0,1fr) 26% auto}.cloud-save-status{margin:0;padding:.25em 2%;color:var(--muted);background:var(--navy);font-size:clamp(9px,1.15vw,12px);font-size:clamp(9px,1.15cqw,12px);line-height:1.35;overflow-wrap:anywhere}.wish-banner{position:relative;isolation:isolate;min-height:0;overflow:hidden;container-type:size;background:var(--sky)}#gachaScene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.pool-tabs{position:absolute;top:4%;left:2%;z-index:3;display:flex;gap:.5em}.pool-tabs button{min-height:2.9em;padding:.4em 1.2em;border:2px solid var(--pixel);background:#19334d;color:var(--muted);box-shadow:inset 0 2px #7499bb,2px 2px var(--pixel);font-size:1em;font-weight:800}.pool-tabs button[aria-selected=true]{color:#142b35;background:#e8c765;box-shadow:inset 0 2px #fff0ac,2px 2px var(--pixel)}.pool-tabs button:not([aria-selected=true]):hover{color:var(--gold);background:#2c5172}.banner-toolbar{position:absolute;top:4%;right:2%;z-index:3;display:flex;gap:.5em}.banner-toolbar button{position:relative;min-height:2.9em;padding:.4em 1.1em;background:#19334d;border:2px solid var(--pixel);box-shadow:inset 0 2px #7499bb,2px 2px var(--pixel);font-size:1em}.banner-toolbar button:hover{background:#2c5172;color:var(--gold)}.banner-toolbar button:hover:before{content:"\25b6";position:absolute;left:.1em;top:50%;transform:translateY(-50%);font-size:.6em}#historyTotal{font-size:.85em;color:var(--muted);margin-left:.25em}.banner-copy{position:absolute;z-index:2;top:43%;left:8%;transform:translateY(-50%);pointer-events:none;text-shadow:2px 2px var(--pixel)}.star-rating{color:var(--gold);font-size:1.1em;letter-spacing:.25em}.banner-copy h2{margin:.25em 0 .35em;font-size:3em;font-weight:900;letter-spacing:.1em;line-height:1.3;text-shadow:3px 3px var(--pixel),-1px -1px var(--pixel),1px -1px var(--pixel),-1px 1px var(--pixel)}.featured-label{display:inline-block;color:var(--gold);background:#19334d;border:2px solid var(--pixel);padding:.25em .7em;font-size:.9em;letter-spacing:.15em;box-shadow:2px 2px var(--pixel)}.beginner-side-art{display:none;position:absolute;bottom:calc(3.75vw - min(5.61vh,2.97vw));bottom:calc(3.75cqw - min(5.61cqh,2.97cqw));transform:translate(-50%);width:min(51vh,27vw);width:min(51cqh,27cqw);aspect-ratio:1;pointer-events:none}.beginner-side-art canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.beginner-left{left:23%}.beginner-right{left:77%}.gacha-screen[data-pool=beginner] .beginner-side-art{display:block}.gacha-screen[data-pool=beginner] .feature-art{left:50%;bottom:calc(3.75vw - min(7.7vh,4.18vw));bottom:calc(3.75cqw - min(7.7cqh,4.18cqw));width:min(70vh,38vw);width:min(70cqh,38cqw)}.gacha-screen[data-pool=beginner] .banner-copy{top:18%;left:5%;transform:none}.gacha-screen[data-pool=beginner] .banner-copy h2{font-size:2.4em;margin:.2em 0}.gacha-screen[data-pool=beginner] .featured-label{font-size:.8em}.feature-art{position:absolute;left:67%;bottom:calc(3.75vw - min(10.12vh,6.6vw));bottom:calc(3.75cqw - min(10.12cqh,6.6cqw));transform:translate(-50%);width:min(92vh,60vw);width:min(92cqh,60cqw);aspect-ratio:1}.feature-art canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.wish-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:5%;padding:2% 3%;border-top:3px solid var(--pixel);box-shadow:inset 0 2px #587b97;background:var(--navy)}.pity-block{min-width:0}.pity-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5em;font-size:.95em}.pity-heading>span:last-child{color:var(--muted);font-size:.9em}.pity-heading strong{font-size:1.55em;font-weight:800;color:var(--gold)}.pity-track{height:.65em;border:1px solid #9ab4cb;background:#0c1a29;margin-top:.35em;overflow:hidden}.pity-track>span{display:block;width:0;height:100%;background:#80bb48;box-shadow:inset 0 2px #b5e783;transition:width .25s}.pity-block p{margin:.5em 0 .1em;font-size:.78em;color:var(--muted)}.guarantee-badge{font-size:.78em;color:var(--gold)}.guarantee-badge.active{color:#b5f48b;font-weight:800}.pull-area{min-width:0}.pull-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85em}.pull-button{position:relative;min-height:5em;padding:.65em .6em;border:2px solid #071423;background:#2b5277;box-shadow:inset 2px 2px #96bad5,inset -2px -2px #173552,3px 3px #071423;text-align:center}.pull-button:not(:disabled):hover{color:var(--gold);background:#386b95}.pull-button:not(:disabled):hover:before{content:"\25b6";position:absolute;top:50%;left:.6em;transform:translateY(-50%);font-size:.8em}.pull-button:not(:disabled):active{transform:translate(2px,2px);box-shadow:inset 2px 2px #173552}.pull-ten{color:#142b35;background:#e8c765;box-shadow:inset 2px 2px #fff0ac,inset -2px -2px #997b31,3px 3px #071423}.pull-ten:not(:disabled):hover{color:#142b35;background:#ffe38a}.pull-title{display:block;font-size:1.6em;font-weight:900;letter-spacing:.2em}.pull-cost{display:block;font-size:.85em;margin-top:.15em;overflow-wrap:anywhere}.payment-hint{font-size:.72em;color:var(--muted);text-align:center;margin:.55em 0 0}.info-dialog,.reveal-dialog{position:fixed;inset:auto;left:calc(var(--screen-left, 0px) + var(--screen-width, 100vw) / 2);top:calc(var(--screen-top, 0px) + var(--screen-height, 100vh) / 2);top:calc(var(--screen-top, 0px) + var(--screen-height, 100svh) / 2);transform:translate(-50%,-50%);margin:0;padding:0;width:calc(var(--screen-width, 100vw) * .92);height:calc(var(--screen-height, 100vh) * .9);height:calc(var(--screen-height, 100svh) * .9);max-width:none;max-height:none;font-size:clamp(10px,calc(var(--screen-width, 100vw) * .012),15px);color:var(--ink);background:var(--navy);border:3px solid var(--pixel);border-radius:0;outline:2px solid #91b3ce;overflow:hidden;box-shadow:6px 6px #071423}.info-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.info-dialog:has(.dialog-footer)[open]{grid-template-rows:auto minmax(0,1fr) auto}dialog::backdrop{background:#071423b8}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1em;min-height:4em;padding:.65em 1.15em;border-bottom:2px solid var(--pixel);background:#244867;box-shadow:inset 0 2px #7499bb}.dialog-heading h2{margin:0;font-size:1.35em;font-weight:800;color:var(--gold);text-shadow:2px 2px var(--pixel)}.close-button{display:grid;place-items:center;flex:0 0 2.4em;width:2.4em;height:2.4em;padding:0;border:2px solid var(--pixel);background:#19334d;box-shadow:inset 1px 1px #91b3ce,2px 2px #071423;font-size:1.1em;line-height:1}.close-button:hover{color:var(--gold);background:#386b95}.dialog-body{min-height:0;min-width:0;padding:1em 1.15em;overflow:auto;scrollbar-color:#8caec9 #0c1a29;scrollbar-width:thin}.dialog-footer{padding:.65em 1.15em .85em;text-align:right;border-top:2px solid #0c1a29;background:#19334d}.solid-button{min-height:3.2em;padding:.55em 1.9em;border:2px solid #071423;background:#e8c765;color:#142b35;box-shadow:inset 2px 2px #fff0ac,inset -2px -2px #997b31,2px 2px #071423;font-size:1em;font-weight:800}.solid-button:not(:disabled):hover{background:#ffe38a}.rules-body h3{margin:1.2em 0 .45em;color:var(--gold);font-size:1em}.rules-body h3:first-child{margin-top:0}.rules-body p{margin:.6em 0;font-size:.95em;line-height:1.8;color:var(--muted)}.rules-body strong{color:var(--ink)}.pool-row{display:flex;gap:1em;align-items:baseline}.pool-stars{flex:0 0 6.2em;font-size:.8em;letter-spacing:.08em}.five{color:var(--gold)}.four{color:#dea7ff}.muted{font-size:.9em;line-height:1.7;color:var(--muted);margin:0 0 1em}#ownedCount{margin-left:.65em;color:var(--muted);font-size:.75em;font-weight:400;text-shadow:none}.collection-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.7em;align-content:start}.collection-card{position:relative;min-width:0;overflow:hidden;border:2px solid #7296b8;background:#2b5277;isolation:isolate}.collection-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent, #7499bb);opacity:.14}.collection-card.locked:before{opacity:.04}.collection-card canvas{display:block;width:100%;height:auto;aspect-ratio:10 / 11;object-fit:contain}.collection-card.locked canvas{opacity:.4;filter:grayscale(.9)}.collection-card-top{position:absolute;left:.55em;top:.5em;right:.55em;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2em .4em;z-index:2;font-size:.65em;color:var(--gold);text-shadow:1px 1px var(--pixel)}.collection-card[data-rarity="4"] .collection-card-top{color:#dea7ff}.collection-state{color:#c3d1df;font-size:1em}.collection-state.is-owned{color:#b5f48b}.collection-card-name{padding:.5em .45em;background:#142b43;border-top:2px solid #071423}.collection-card-name h3{margin:0;font-size:.85em;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-list{display:flex;flex-direction:column}.history-item{display:grid;grid-template-columns:3.5em 1fr auto;align-items:center;gap:1em;padding:.8em 0;border-bottom:1px solid #456886}.history-number,.history-item time{font-size:.8em;color:var(--muted)}.history-name{display:flex;align-items:center;flex-wrap:wrap;gap:.6em;font-size:.95em}.history-item time{display:block;margin-top:.25em}.history-reward{font-size:.85em;color:var(--muted);text-align:right}.history-stars{font-size:.7em;color:#92d4ff}.history-item[data-rarity="4"] .history-stars{color:#dea7ff}.history-item[data-rarity="5"] .history-stars{color:var(--gold)}.history-new{color:#b5f48b;font-size:.8em}.empty-history{padding:2em 1em;text-align:center;color:var(--muted)}.exchange-dialog{width:min(calc(var(--screen-width, 100vw) * .68),38em);height:calc(var(--screen-height, 100vh) * .74);height:calc(var(--screen-height, 100svh) * .74)}.exchange-dialog .dialog-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.exchange-visual{display:flex;align-items:center;justify-content:center;gap:2em;margin:0 0 1em}.exchange-visual>span{font-size:3.5em;line-height:1.3;color:var(--gold);text-shadow:3px 3px #071423}.exchange-visual>span:last-child{color:#92e2ff}.exchange-visual small{display:block;font-size:.26em;text-shadow:none}.exchange-visual .exchange-arrow{font-size:1.8em;color:var(--muted)}.exchange-dialog .dialog-footer{text-align:center}#exchangeStatus{min-height:1.5em;margin:0;font-size:.85em;color:#b5f48b}#exchangeStatus.error{color:#ffa78a}.reveal-dialog{--reveal-color: #92d4ff}.reveal-dialog[data-rarity="4"]{--reveal-color: #dea7ff}.reveal-dialog[data-rarity="5"]{--reveal-color: #ffe37a}.reveal-dialog::backdrop{background:#071423d9}.skip-button{position:absolute;top:1em;right:1em;min-height:3.2em;padding:.55em 1.15em;border:2px solid #91b3ce;background:#19334d;box-shadow:2px 2px #071423;color:var(--ink);font-size:1em}.reveal-results{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.6em 1.15em;border-bottom:2px solid var(--pixel);background:#244867;box-shadow:inset 0 2px #7499bb}.results-heading h2{margin:0;font-size:1.35em;font-weight:800;color:var(--gold);text-shadow:2px 2px var(--pixel)}.results-heading p{margin:.2em 0 0;font-size:.8em;color:var(--muted)}.result-grid{min-height:0;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.7em;padding:.85em 1.15em;overflow:auto;scrollbar-color:#8caec9 #0c1a29;scrollbar-width:thin}.result-grid.single{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center}.result-grid.single .result-card{width:min(32%,calc(var(--screen-height, 100vh) * .52));width:min(32%,calc(var(--screen-height, 100svh) * .52))}.result-card{min-width:0;position:relative;overflow:hidden;border:2px solid #6b9dc0;background:#244969;--card-color: #92d4ff}.result-card[data-rarity="4"]{border-color:#b989dc;background:#3c365d;--card-color: #dea7ff}.result-card[data-rarity="5"]{border-color:#d7bc65;background:#514a32;--card-color: #ffe37a}.result-card canvas{display:block;width:100%;height:auto;aspect-ratio:6 / 5;object-fit:contain}.result-card.single-card canvas{aspect-ratio:1}.dust-symbol{display:grid;place-items:center;aspect-ratio:6 / 5;font-size:4em;color:#a8dcff;text-shadow:3px 3px #071423}.single-card .dust-symbol{aspect-ratio:1;font-size:5em}.result-top{position:absolute;left:.6em;right:.6em;top:.55em;display:flex;align-items:center;justify-content:space-between;gap:.4em;z-index:2;color:var(--card-color);font-size:.65em;text-shadow:1px 1px var(--pixel)}.new-badge{font-size:1em;color:#142b35;padding:.05em .35em;background:#b5f48b;text-shadow:none;font-weight:800}.result-name{margin:0 .65em .15em;font-size:.95em;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-description{margin:0 .75em .65em;min-height:1.5em;font-size:.75em;color:var(--muted)}.result-card[data-rarity="5"] .result-description{color:#f0db9d}.results-footer{display:flex;align-items:center;justify-content:flex-end;gap:1em;padding:.6em 1.15em .8em;border-top:2px solid #071423;background:#19334d;font-size:1em;color:var(--muted)}@media(max-width:900px),(max-height:560px){.currency>span:last-child{display:block}.currency small{display:block;line-height:1.3}.wallet{gap:1.2em}.screen-header{gap:1.25em}}@media(orientation:landscape)and (max-height:560px){body{padding:12px}.gacha-screen{width:min(100%,calc((100vh - 24px) * 16 / 9));width:min(100%,calc((100svh - 24px) * 16 / 9))}}@media(max-width:650px)and (orientation:portrait){body{padding:12px}.gacha-screen{width:100%;height:min(calc(100vh - 24px),760px);height:min(calc(100svh - 24px),760px);min-height:500px;aspect-ratio:auto;grid-template-rows:14% minmax(0,1fr) 28% auto;font-size:12px}.screen-header{display:grid;grid-template-columns:1fr auto;gap:0 1em;padding:.4em 1.2em .7em}.screen-header h1{font-size:1.2em}.return-link{min-height:2.8em}.wallet{grid-column:1 / -1;margin:0;display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:.5em}.currency{justify-content:center;gap:.3em}.currency small{font-size:.75em}.currency strong{font-size:1em}.currency-icon{font-size:1.2em}.notice{top:15%;font-size:.85em}.pool-tabs{top:3%;left:3%;right:3%;justify-content:center;gap:.6em}.pool-tabs button{min-height:3.2em;padding:.4em 1.7em}.banner-toolbar{left:3%;right:3%;top:calc(3% + 3.85em);justify-content:center;gap:.5em}.banner-toolbar button{min-height:3.35em;padding:.4em 1.1em;font-size:.95em}.banner-copy{top:calc(3% + 7.8em);bottom:auto;left:7%;transform:none}.star-rating{font-size:.95em}.banner-copy h2{margin:.2em 0;font-size:2.2em}.featured-label{font-size:.8em}.feature-art{bottom:calc(3.75vw - min(9.13vh,10.78vw));bottom:calc(3.75cqw - min(9.13cqh,10.78cqw));left:57%;width:min(83vh,98vw);width:min(83cqh,98cqw)}.gacha-screen[data-pool=beginner] .banner-copy{top:calc(3% + 7.8em);left:7%}.gacha-screen[data-pool=beginner] .banner-copy h2{font-size:2.2em}.gacha-screen[data-pool=beginner] .feature-art{left:50%;bottom:calc(3.75vw - min(6.16vh,7.26vw));bottom:calc(3.75cqw - min(6.16cqh,7.26cqw));width:min(56vh,66vw);width:min(56cqh,66cqw)}.beginner-side-art{bottom:calc(3.75vw - min(4.4vh,4.84vw));bottom:calc(3.75cqw - min(4.4cqh,4.84cqw));width:min(40vh,44vw);width:min(40cqh,44cqw)}.beginner-left{left:22%}.beginner-right{left:78%}.wish-console{grid-template-columns:1fr;gap:.8em;padding:.85em 1.2em}.pity-heading strong{font-size:1.3em}.pity-track{margin-top:.25em}.pity-block p{font-size:.78em}.guarantee-badge{display:block;font-size:.78em}.pull-button{min-height:5em}.pull-title{font-size:1.6em}.payment-hint{margin-top:.4em}.info-dialog,.reveal-dialog{font-size:12px}.close-button{flex-basis:36px;width:36px;height:36px}.dialog-heading,.results-heading{padding-left:.9em;padding-right:.9em}.dialog-body{padding:1em .9em}.dialog-footer{padding:.65em .9em .85em}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em}.collection-card-name h3{font-size:.8em}.pool-row{gap:.5em}.pool-stars{flex-basis:5.8em;font-size:.75em}.history-item{grid-template-columns:2.7em 1fr auto;gap:.6em}.history-name{font-size:.85em}.history-reward,.history-number,.history-item time{font-size:.75em}.exchange-dialog{width:calc(var(--screen-width, 100vw) * .92);height:min(calc(var(--screen-height, 100vh) * .7),450px);height:min(calc(var(--screen-height, 100svh) * .7),450px)}.exchange-visual{gap:1.5em}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;padding:.9em}.result-grid.single .result-card{width:min(76%,calc(var(--screen-height, 100vh) * .4));width:min(76%,calc(var(--screen-height, 100svh) * .4))}.result-name{font-size:.9em}.result-description{font-size:.75em}.results-footer{padding-left:1em;padding-right:1em}}dialog+.backdrop{background:#071423b8}.reveal-dialog+.backdrop{background:#071423d9}
