.reference-home-stage{background-image:url('./assets/home-portal-v17.webp?v=20261028-panteon153-v17')}
.home-tower-light{position:absolute;inset:0;pointer-events:none;z-index:1;background:url('./assets/home-portal-v17.webp?v=20261028-panteon153-v17') center/100% 100% no-repeat;clip-path:polygon(44% 0,58% 0,62% 65%,40% 65%);filter:brightness(1.8) saturate(1.3);mix-blend-mode:screen;opacity:.4;mask-image:linear-gradient(transparent 32%,#fff 48%,transparent 63%);mask-size:100% 270%;animation:tower-light-travel 10s ease-in-out infinite alternate}
@keyframes tower-light-travel{from{mask-position:50% 0%}to{mask-position:50% 100%}}
.home-cloud-layer{opacity:.36;animation:tower-cloud-drift-visible 25s ease-in-out infinite alternate}
@keyframes tower-cloud-drift-visible{from{transform:translate(-1.4%,-.3%)}to{transform:translate(1.5%,.5%)}}
.reference-hit.ref-summon:after{left:-4%;top:-12%;width:65%;height:125%;opacity:.5;animation:home-summon-aura 4.5s ease-in-out infinite}
@keyframes home-summon-aura{0%,100%{transform:translateY(2%) scale(.92) rotate(-5deg);opacity:.22}50%{transform:translateY(-4%) scale(1.1) rotate(5deg);opacity:.58}}
.home-portal-hit{position:absolute;z-index:3;left:auto;right:3.5%;top:44%;width:30%;height:28%;background:none!important;border:0;padding:0;display:flex;align-items:center;justify-content:flex-end;isolation:isolate}
.home-portal-hit:before{content:'';display:block!important;position:absolute;inset:0;z-index:-2;border:1.7cqw solid transparent;border-image:url('./assets/dialog-frame-v1.webp?v=20261028-panteon153-v17') 220 fill stretch;background:none}
.portal-world{position:absolute;inset:12% 6%;width:88%;height:76%;opacity:.48;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,#fff,transparent 90%)}
.portal-boss{position:absolute;left:-7%;bottom:0;width:55%;height:125%;z-index:1;pointer-events:none;filter:drop-shadow(0 4px 7px #0009)}
.home-portal-hit>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55cqw;width:66%;padding:5% 7% 5% 2%;font-family:'Noto Serif KR',serif;font-size:clamp(19px,2.5cqw,37px);font-weight:800;color:#fff0c5;text-shadow:0 1px 4px #000,0 0 5px #000;isolation:isolate}
.home-portal-hit>span:before{display:none}
.home-portal-hit small{font:650 clamp(10px,1.25cqw,20px)/1.4 'Noto Sans KR',sans-serif;color:#dcf6ff;word-break:keep-all}
.home-portal-hit em{font:600 clamp(9px,1.05cqw,16px)/1.4 'Noto Sans KR',sans-serif;color:#e4dfcf;font-style:normal}
.loading{position:fixed;inset:0;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 5% 4dvh;background:#081526 url('./assets/loading-contract-v17.webp?v=20261028-panteon153-v17') center/cover no-repeat;isolation:isolate}
.loading:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 55%,#04101bda 88%,#04101b)}
.loading .loading-logo{width:min(300px,36vw);max-height:10dvh;object-fit:contain;margin:0 0 12px}
.loading>p{font-size:clamp(11px,1.5vw,15px);color:#e5ebee;line-height:1.5;letter-spacing:.04em;text-shadow:0 1px 4px #000;margin:0}
.loading:after{content:'';display:block;width:min(310px,45vw);height:14px;margin-top:12px;background:url('./assets/core-energy-gauge-v1.webp?v=20261028-panteon153-v17') center 64%/100% 420% no-repeat;filter:brightness(1.15);animation:loading-breathe 1.8s ease-in-out infinite alternate}
@keyframes loading-breathe{from{opacity:.45;filter:brightness(.8)}to{opacity:1;filter:brightness(1.5)}}
@media(prefers-reduced-motion:reduce){.loading:after{animation:none}}
.reference-home-stage .ref-wallet{left:auto;right:5.7%;top:.65%;width:17%;height:6.1%;display:flex;align-items:center;justify-content:flex-end;gap:7%;padding:0 .7cqw;isolation:isolate;white-space:nowrap}
.ref-wallet .reference-mana-icon{position:static;flex:0 0 auto;width:1.9cqw;height:2.6cqw;max-width:none}
.ref-wallet .reference-wallet-value{position:static;display:block;width:auto;height:auto;background:none;padding:0;font:750 1.9cqw/1 'Noto Sans KR',sans-serif;color:#d3f7ff;text-align:right;font-variant-numeric:tabular-nums}
#toast{top:max(52px,9dvh);bottom:auto;left:50%;width:max-content;max-width:min(460px,90vw);min-height:46px;padding:10px 29px 10px 22px;display:flex;align-items:center;justify-content:center;gap:10px;isolation:isolate;background:none;border:0;border-radius:0;box-shadow:none;font-size:13px;line-height:1.45;color:#fff0d0;text-align:center;text-shadow:0 1px 3px #000;transform:translate(-50%,-9px);opacity:0;z-index:110;transition:opacity .24s,transform .32s cubic-bezier(.2,.75,.2,1)}
#toast:before{content:'';position:absolute;inset:0;z-index:-1;background:url('./assets/ui-buttons-v1.webp?v=20261028-panteon153-v17') 4.51% 61.88%/214.83% 562.64% no-repeat}
#toast.show{opacity:1;transform:translate(-50%,0)}
#toast .toast-symbol{width:25px;height:30px;flex:0 0 auto;object-fit:contain}
#toast .game-icon{width:25px;height:25px}
#toast .toast-message{min-width:0;overflow-wrap:break-word;word-break:keep-all}
.draw-actions>button:disabled{opacity:1!important;filter:none!important;color:#d6d9df!important;cursor:default}
.draw-actions>button:disabled:before{filter:saturate(.6) brightness(.9)!important}
.draw-actions>button:disabled b{color:#f8a79a!important}
.draw-arriving:not(.draw-ready) .draw-result-card{animation-duration:1.5s;animation-timing-function:cubic-bezier(.16,.72,.2,1)}
.draw-flipper{transition:transform .95s cubic-bezier(.24,.65,.18,1)}
@keyframes star-card-arrive{0%{opacity:0;transform:translate(var(--origin-x),var(--origin-y)) scale(.45) rotate(-3deg)}20%{opacity:1}82%{transform:translateY(calc(var(--fan-rise) + 3px)) rotate(var(--fan-angle)) scale(1.015)}100%{transform:translateY(var(--fan-rise)) rotate(var(--fan-angle)) scale(1)}}
.draw-result-card.just-revealed{animation:weighted-card-reveal 1.2s ease-out both}
@keyframes weighted-card-reveal{0%,100%{transform:translateY(var(--fan-rise)) rotate(var(--fan-angle)) scale(1)}45%{transform:translateY(var(--fan-rise)) rotate(0) scale(1.035)}}
@media(max-height:450px) and (orientation:landscape){#toast{font-size:12px;min-height:40px;top:48px;padding:8px 24px 8px 19px;max-width:min(400px,87vw)}#toast .toast-symbol{width:22px;height:27px}}
@media(prefers-reduced-motion:reduce){.home-tower-light,.home-cloud-layer,.reference-hit.ref-summon:after{animation:none}.home-tower-light{opacity:.12}.draw-flipper{transition:none}.draw-arriving .draw-result-card,.draw-result-card.just-revealed{animation:none!important}#toast{transition:opacity .15s}}
.home-wallet{position:absolute;z-index:4;right:5.5%;top:.5%;width:33%;height:6.5%;display:flex;align-items:center;justify-content:flex-end;gap:4%;padding:0 2%;isolation:isolate;color:#f0f6f9}
.home-wallet:before{content:'';position:absolute;inset:0;z-index:-1;background:url('./assets/ui-buttons-v1.webp?v=20261028-panteon153-v17') 4.51% 61.88%/214.83% 562.64% no-repeat}
.home-resource{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45cqw;padding:0!important;min-width:0;flex:0 1 auto;background:none!important;border:0;white-space:nowrap;font:750 clamp(9px,1.6cqw,25px)/1.2 'Noto Sans KR',sans-serif;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}
.home-resource:before{display:none!important}.home-resource .resource-icon{position:static;width:1.65cqw;height:2cqw;min-width:12px;min-height:14px;margin:0;flex:0 0 auto}.home-resource .resource-ticket{height:2cqw!important}
.scene-shell.scene-collection{background-image:url('./assets/constellation-archive-v17.webp?v=20261028-panteon153-v17');background-position:center;background-size:cover}
.scene-collection:before{background:linear-gradient(90deg,#0a203829,#10294425 50%,#061d3a55),linear-gradient(0deg,#071a2f66,transparent 70%);backdrop-filter:none}
.scene-collection .archive-notes,.scene-collection .scene-heading,.scene-collection .archive-count{color:#f4efe3;text-shadow:0 1px 3px #051120}
.scene-collection .archive-notes .hero-ability p,.scene-collection .archive-notes .hero-line{color:#f0f3f5;font-weight:500}