/* Account menu, parallel subscriptions and one-story-per-page reader. */
.site-menu .menu-account-card{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center;padding:14px 4px 22px;margin:12px 0 4px;height:auto;border:0}
.menu-player-avatar{width:64px;height:64px;object-fit:cover;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);grid-row:1/3}
.menu-player-copy{min-width:0;display:grid;gap:5px}.menu-player-name{background-image:var(--account-banner,none);background-size:100% 100%;background-position:center;color:#302d3a;min-height:34px;padding:6px 12px;font-size:17px;text-align:center}
.menu-player-name.has-banner{color:#fff;text-shadow:0 1px 4px #000}.menu-player-ptt{font-size:13px}.menu-member-label{display:block;font-size:11px;color:#6c468c;letter-spacing:.04em;line-height:1.6}
.subscription-main{width:min(1240px,94vw);max-width:1240px;margin:110px auto 70px;padding:0 10px;color:#302e3d}
.subscription-heading{text-align:center;padding:32px 0 24px}.subscription-heading h1{font-size:38px;margin:10px}.subscription-heading small{letter-spacing:.25em;color:#8b809c}
.subscription-balance{margin:20px auto 35px;text-align:center}.subscription-balance span{display:block;font-size:13px;letter-spacing:.15em}.subscription-balance strong{display:block;font-size:44px;color:#6b3fa3;margin:10px}.subscription-balance p{font-size:13px;color:#7b7488}
.subscription-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.subscription-plan{background:#fff;box-shadow:0 7px 28px #30234618;border-top:3px solid #7653a7;padding:30px 28px;min-width:0;text-align:center}
.subscription-plan.premium-plan{border-color:#ac3587;background:linear-gradient(#fff,#fbf8ff)}
.plan-header{min-height:155px}.plan-header>img{width:78px;height:78px;margin:0 auto 8px}.plan-header h2{font-size:25px;margin:7px 0}.plan-header p{color:#8b809a;font-size:11px;letter-spacing:.15em}
.plan-price{margin:20px 0 12px;color:#4f3477}.plan-price strong{font-size:38px;font-weight:700}.plan-price span{font-size:12px;margin-left:9px}
.plan-term{display:flex;justify-content:center;align-items:center;gap:9px;font-size:13px;margin-top:12px}.plan-term select{padding:8px 15px;border:1px solid #d5c7e7;background:white;color:#4f3477}
.plan-purchase-note{font-size:12px;color:#797183;line-height:1.8;min-height:65px}
.plan-benefit{border-top:1px solid #eee8f3;padding:26px 5px}.benefit-symbol{display:block;width:68px;height:68px;margin:0 auto 14px}.plan-benefit h3{font-size:17px;margin:9px 0}.plan-benefit p{font-size:13px;line-height:1.9;color:#71687c;margin:8px 0}.benefit-value{font-size:38px;line-height:1.3;color:#68449a;display:block;font-weight:700}
.plan-benefit .completion-note{font-size:11px;color:#9a8da5}.benefit-papers{display:flex;justify-content:center;gap:8px;margin:16px auto}.benefit-papers img{height:60px;max-width:65%;object-fit:contain;filter:drop-shadow(0 6px 5px #44305b20)}
.subscription-plan .subscription-cta{margin:15px auto 20px;width:90%;font-size:17px}.subscription-cta:disabled{opacity:.5;cursor:default}
.plan-renewal{border:1px solid #dfd3ec;background:#f8f5fc;padding:16px;text-align:left;margin-top:12px}.plan-renewal label{font-size:14px;display:flex;gap:10px;align-items:center}.plan-renewal small{font-size:11px;color:#8c8199;line-height:1.8;display:block;margin-top:8px}.renewal-disabled{opacity:.5;background:#f1f0f3}
.plan-gifts{border-top:1px solid #e5ddec;margin-top:28px;padding-top:20px;display:flow-root}.plan-gifts h3{font-size:17px}.plan-gifts .gift-cover{display:block;width:100px;height:100px;object-fit:cover;margin:15px auto 10px}.plan-gifts .gift-banner{display:block;max-width:240px;width:80%;max-height:62px;object-fit:contain;margin:14px auto}.gift-empty,.gift-date,.plan-gifts p{font-size:12px;line-height:1.8;color:#8e819a}.plan-gifts strong{display:block;font-size:14px}#annual-gift-status{font-size:12px;color:#8a669d}
.story-page{margin:0;background:#171327}.story-masthead{height:210px;background:#faf8fc url('/assets/game/img/world/1080/3.jpg') center 35%/cover;position:relative}
.story-title{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);z-index:2;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);background:#fcfbfd;width:340px;height:116px;display:flex;justify-content:center;align-items:center;gap:14px;color:#222}
.story-title>b{font-size:64px;font-weight:300;line-height:1}.story-title h1{font-size:28px;margin:0}.story-title small{font-size:13px;display:block}
.story-stage{min-height:calc(100svh - 210px);position:relative;display:grid;place-items:center;isolation:isolate;background-position:center;background-size:cover;padding:95px 24px 100px;transition:background-image .3s ease}
.story-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15132d55,#19152b30,#15132d55)}
.story-stage[data-page="0"]{background-image:url('/assets/game/img/1080/bg_select_dark.jpg')}.story-stage[data-page="1"]{background-image:url('/assets/story-colorless.jpg')}.story-stage[data-page="2"]{background-image:url('/assets/game/img/bg_light.jpg')}
.story-stage[data-page="2"]:before{background:#51494c50}.story-copy{max-width:920px;text-align:center;color:white;font-size:17px;line-height:2.05;text-shadow:0 1px 5px #14132770}.story-copy p{margin:24px 0}.story-copy em{font-style:italic}
.story-pagination{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:17px;align-items:center}.story-pagination button{background:none;border:0;color:#fff;font-size:25px;padding:8px;cursor:pointer}.story-pagination [aria-current=true]{text-shadow:0 0 10px white}.story-pagination button:disabled{opacity:.3;cursor:default}
.shop-product.archive_ticket-product .shop-product-image,.shop-product.stamina-product .shop-product-image{object-fit:contain;height:135px;padding:22px;margin-bottom:8px}
@media(max-width:760px){.subscription-layout{grid-template-columns:1fr;gap:24px}.subscription-main{margin-top:80px;width:100%;padding:0 15px}.subscription-plan{padding:25px 20px}.story-masthead{height:165px}.story-title{width:280px;height:100px}.story-stage{min-height:calc(100svh - 165px);padding:80px 24px 95px}.story-copy{font-size:14px;line-height:2}.story-copy p{margin:20px 0}}


.site-menu .menu-account-card .menu-player-avatar{width:64px;height:64px}body:has(#site-menu) .header nav{padding-right:120px}

@media(max-width:760px){body:not(.online-body):has(#site-menu) .header .brand{width:135px;min-width:135px;padding-left:16px}body:not(.online-body):has(#site-menu) .header .brand>span{font-size:30px}body:not(.online-body):has(#site-menu) .header .brand small{display:none}body:not(.online-body):has(#site-menu) .header nav{width:auto;gap:10px;padding:0 120px 0 8px}body:not(.online-body):has(#site-menu) .header .account{display:none}}

.shop-product{position:relative}.awakening-expand{position:absolute;right:12px;top:12px}.shop-lock-reason{color:#815275;font-size:13px;line-height:1.6}.shop-bonus{color:#655092}.awakening-material{padding:12px;background:#f3eff8;border-left:3px solid #775398}.cdk-expiry{display:block;color:#6b526b;margin:8px 0}.cdk-code{user-select:all;overflow-wrap:anywhere}.cdk-history-page{max-width:1000px;margin:120px auto 50px;padding:24px}.cdk-history-image{width:80px;height:80px;object-fit:contain}.cdk-more{display:inline-block;margin:16px 0}

.partner-tile.story-locked .partner-icon img{filter:none;opacity:1}.partner-tile.story-locked .partner-tile-name{letter-spacing:.16em}

.partner-tile.story-locked .partner-icon{filter:none;opacity:1}