body:has(.secondary-page){background:#061116}.home-hero:before{background:var(--cover-gradient,linear-gradient(90deg,#061116,transparent))!important}.home-hero:after{background:none!important}.home-hero .configured-hero{object-position:var(--cover-position)!important;filter:brightness(var(--cover-brightness,1))}.play-page .legacy-account-card[data-cover-slot]:before,.secondary-page .secondary-hero:before{background-image:var(--cover-image,url("/xawan-hero.webp"));background-size:cover;background-position:var(--cover-position,center);opacity:1;filter:brightness(var(--cover-brightness,.8));z-index:-2}.play-page .legacy-account-card:after,.secondary-page .secondary-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--cover-gradient,linear-gradient(90deg,#061116,transparent))}.secondary-page{max-width:1180px;margin:0 auto;color:#d9e5e9;--cyan:#45e1c8}.secondary-hero{position:relative;isolation:isolate;padding:48px 0 32px;min-height:210px;margin:0 0 20px!important;overflow:hidden}.secondary-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061116 12%,#06111680 65%,#06111666),linear-gradient(0deg,#061116,transparent 80%),url(/xawan-hero.webp) center 45%/cover no-repeat;opacity:.8}.secondary-hero h1{font-size:40px;margin:12px 0;letter-spacing:-.04em}.secondary-hero p{font-size:14px;color:#98afb9}.secondary-hero .eyebrow{font-size:11px;letter-spacing:.18em;color:#45e1c8}.secondary-page .ranking-switch,.secondary-page .tabs{gap:8px;flex-wrap:wrap;margin-bottom:18px}.secondary-page .ranking-switch a,.secondary-page .tabs a,.secondary-page .tabs button{border:1px solid #a5c8ce22;background:#081920;color:#99b0bb;border-radius:6px;padding:9px 14px;box-shadow:none;font-size:13px}.secondary-page .ranking-switch .active,.secondary-page .tabs .active{color:#45e1c8;border-color:#45e1c855;background:#45e1c80b}.ranking-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0}.ranking-board,.ranking-board .rank{display:grid;border:0;background:transparent}.ranking-board .rank{position:relative;grid-column:1/-1;grid-template-columns:38px 112px minmax(0,1fr) 40px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #a5c8ce15;border-radius:0;min-width:0}.ranking-board .rank-cover{width:100%;min-width:0;border-radius:6px;overflow:hidden}.ranking-board .rank-cover img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover}.ranking-board .rank-number{display:flex;align-items:center;gap:8px;color:#7195a2;font-size:19px}.ranking-board .game-title{font-size:15px;line-height:1.4}.ranking-board .english{font-size:11px;color:#76909c;margin:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ranking-board .library-state{display:none}.ranking-board small{font-size:12px;color:#a1b7c0}.ranking-board .release-state{font-size:11px;flex-wrap:wrap;gap:6px}.ranking-board .release-state strong{background:transparent;color:#81a59f;padding:0}.ranking-board .rank:nth-child(-n+3){grid-column:auto;display:flex;flex-direction:column;align-items:stretch;padding:0 0 16px;overflow:hidden;border:1px solid #aac8ca20;border-radius:10px;background:#07161c;gap:0}.ranking-board .rank:first-child{grid-column:1/-1}.ranking-board .rank:nth-child(-n+3) .rank-number{position:absolute;top:14px;left:14px;z-index:2;flex-direction:column;gap:2px;padding:8px;border-radius:8px;background:#06111699;color:#b9d4d9}.ranking-board .rank:first-child .rank-number{color:#e8ca79}.ranking-board .rank:nth-child(-n+3) .rank-cover{position:relative;aspect-ratio:460/215;border-radius:0;max-height:none}.ranking-board .rank:nth-child(-n+3) .rank-cover img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.ranking-board .rank:nth-child(-n+3) .rank-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#07161c)}.ranking-board .rank:nth-child(-n+3)>div{position:relative;margin-top:-48px;padding:0 64px 0 18px}.ranking-board .rank:nth-child(-n+3) .game-title{font-size:20px}.ranking-board .rank:nth-child(-n+3)>.cover-heart{position:absolute;bottom:18px;right:14px}.ranking-board .cover-heart .queue-button{width:38px;height:38px;padding:8px;border-radius:50%;background:#06111670;border:1px solid #9abdc533;color:#c5d8df;box-shadow:none}.ranking-board .cover-heart .queue-button.active{color:#f45b73}.ranking-board .queue-button.active svg{fill:currentColor}.ranking-board .queue-feedback{position:absolute;right:0;bottom:44px;width:210px;z-index:5;background:#10232b;padding:10px;border-radius:6px}.want-page .queue-group-head{margin:28px 0 16px}.want-page .queue-group-head .eyebrow,.want-page .queue-group-head p{display:none}.want-page .queue-group-head h2{font-size:21px}.want-page .queue-group-head>strong{color:#45e1c8;font-size:14px}.want-page .queue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.want-page .queue-item{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0;overflow:hidden;border:1px solid #a5c8ce20;border-radius:9px;background:#08171d}.want-page .queue-cover{width:100%;position:relative}.want-page .queue-cover img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover}.want-page .queue-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#08171d);pointer-events:none}.want-page .queue-item>div:not(.queue-actions){padding:4px 16px 10px}.want-page .queue-title{min-width:0}.want-page .game-title{font-size:16px}.want-page .queue-item small{font-size:11px;color:#90a7b2}.want-page .queue-item p{font-size:11px;color:#6d8894;margin:7px 0}.want-page .queue-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px;margin-top:auto}.want-page .queue-actions button{font-size:12px;padding:8px 10px;border:1px solid #a5c8ce22;background:transparent;color:#9db6c0;border-radius:6px;box-shadow:none}.want-page .queue-actions button:last-child{color:#f45b73}.play-page .legacy-play-heading{padding:0}.play-page .legacy-play-heading .eyebrow{display:none}.play-page .legacy-play-heading h1{font-size:26px;margin:0 0 10px;font-weight:700}.play-page .legacy-play-heading p{font-size:14px}.play-page .legacy-rental-stats{gap:0;margin-top:22px;padding:20px;background:#08191f;border:1px solid #45e1c82b;border-radius:10px}.play-page .legacy-stat-card{min-height:90px;padding:16px;border:0;border-radius:0;background:none}.play-page .legacy-stat-card strong{font-size:16px}.play-page .legacy-plan-card strong{color:#e4c97b}.play-page .legacy-stat-card:last-child strong{color:#45e1c8}.play-page .legacy-account-grid{grid-template-columns:1fr;gap:18px}.play-page .legacy-account-card{position:relative;isolation:isolate;padding:26px 28px 26px 108px;border-radius:10px;border:1px solid #45e1c82b;background:#07191f;overflow:hidden}.play-page .legacy-account-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07191f 40%,#07191f99),url(/xawan-hero.webp) 100%/cover;opacity:.35}.play-page .legacy-account-icon{position:absolute;left:24px;top:28px;width:60px;height:60px;border-radius:50%;background:#15313950;box-shadow:none}.play-page .legacy-account-card h2{font-size:23px;margin:0 0 10px}.play-page .legacy-account-card>p{min-height:0;font-size:14px;max-width:560px;margin-bottom:18px}.play-page .legacy-enter-account{width:auto;min-width:150px;border-radius:6px;box-shadow:none;background:#45e1c8;color:#03201a}.play-page .legacy-account-detail{background:#061116;border-color:#a5c8ce22;position:relative}.play-page .legacy-play-notice-corner{position:static;display:block;margin-top:20px;width:100%;padding:17px;text-align:left;border-radius:8px;background:#08191f;box-shadow:none}.play-page .legacy-play-notice-modal .game-modal-content{margin-top:0;padding-top:28px}.play-page .legacy-play-notice-content{display:block;overflow:visible;-webkit-line-clamp:unset}@media(max-width:767px){.secondary-hero{padding:32px 0 24px;min-height:180px}.secondary-hero h1{font-size:32px}.ranking-board{gap:10px}.ranking-board .rank{grid-template-columns:25px 76px minmax(0,1fr) 32px;gap:8px}.ranking-board .game-title{font-size:12px}.ranking-board .rank-number{font-size:15px}.ranking-board .english{font-size:10px}.ranking-board .cover-heart .queue-button{width:32px;height:32px;padding:5px}.ranking-board .rank:nth-child(-n+3)>div{padding:0 40px 0 10px;margin-top:-22px}.ranking-board .rank:nth-child(-n+3) .game-title{font-size:14px}.ranking-board .rank:nth-child(-n+3) .rank-number{top:7px;left:7px;padding:5px}.ranking-board .rank:nth-child(-n+3)>.cover-heart{right:6px;bottom:12px}.want-page .queue-list{gap:12px}.want-page .queue-item>div:not(.queue-actions){padding:4px 9px 8px}.want-page .game-title{font-size:13px}.want-page .queue-actions{padding:0 9px 10px;gap:5px}.want-page .queue-actions button{font-size:10px;padding:7px}.want-page .queue-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-page .legacy-rental-stats{padding:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.play-page .legacy-stat-card{padding:12px}.play-page .legacy-stat-card strong{font-size:13px}.play-page .legacy-account-card{padding:20px}.play-page .legacy-account-icon{position:static;width:45px;height:45px;margin-bottom:14px}.play-page .legacy-account-card h2{font-size:20px}.play-page .legacy-enter-account{width:100%}}.user-menu-wrap .user-menu{width:350px;max-height:calc(100dvh - 80px);overflow-y:auto;padding:18px;border:1px solid rgba(120,160,175,.22);border-radius:14px;background:rgba(8,22,29,.98);box-shadow:0 12px 28px #0004;backdrop-filter:blur(8px)}.user-menu .user-menu-profile{grid-template-columns:68px minmax(0,1fr);gap:16px;padding:4px 0 18px}.user-menu .user-menu-profile>.user-avatar{width:68px;height:68px;border:1px solid #718c9740}.user-menu .user-menu-profile>span:last-child{min-width:0;gap:8px}.user-menu .user-menu-profile strong{overflow-wrap:anywhere;line-height:1.3}.user-menu .user-badge-row{display:flex;gap:6px;flex-wrap:wrap}.account-center .account-status-badge,.user-menu .account-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:999px;font-size:11px;font-weight:650;line-height:1.4;color:#97adb9;background:#91aabb0a;white-space:nowrap}.account-center .account-status-badge .site-icon,.user-menu .account-status-badge .site-icon{flex-shrink:0}.user-menu .account-status-badge.month{color:#91bfee;background:#8dbdf00b}.user-menu .account-status-badge.quarter{color:#c5a1e8;background:#c5a1e80b}.user-menu .account-status-badge.year{color:#e7c477;background:#e7c4770c}.account-center .account-status-badge.active,.user-menu .account-status-badge.active,.user-menu .account-status-badge.custom{color:#68d8bf;background:#68d8bf0b}.account-center .account-status-badge.restricted,.user-menu .account-status-badge.restricted{color:#ed8c98;background:#ed8c980c}.user-menu .user-level{gap:8px;padding:19px 0}.user-menu .user-level>strong{font-size:22px}.user-menu .user-level>div{height:5px;margin:3px 0;background:#1c3039}.user-menu .user-level>div i{background:linear-gradient(90deg,#58b8c7,#62d8bf);box-shadow:none}.user-menu .user-menu-links{gap:6px;padding:12px 0 0}.user-menu .user-menu-links>.user-menu-logout,.user-menu .user-menu-links>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border:1px solid #789faf12;border-radius:7px;text-align:left;background:transparent;font-size:13px}.user-menu .user-menu-links .site-icon{flex-shrink:0;color:#68cdbb}.user-menu .user-menu-links>a:hover{background:#ffffff06;color:#e6f3f5}.user-menu .user-menu-links>.user-menu-logout,.user-menu .user-menu-logout .site-icon{color:#bba6ab}.user-menu .user-menu-links>.user-menu-logout:hover{background:#bf657512;color:#ef9da7}.account-center{gap:20px;grid-template-columns:210px minmax(0,1fr)}.account-center .panel{border:1px solid rgba(120,160,175,.2);border-radius:12px;background:#0b1921;box-shadow:none}.account-center .account-sidebar{padding:14px}.account-center .account-sidebar-title{padding:8px 10px 20px}.account-center .account-sidebar-title h2{font-size:21px;margin:0 0 6px}.account-center .account-sidebar-title .eyebrow{font-size:9px;color:#819ca9;letter-spacing:.18em}.account-center .account-sidebar>.button,.account-center .account-sidebar>a{display:flex;align-items:center;gap:12px;border-radius:7px;min-height:46px;padding:12px;font-size:13px}.account-center .account-sidebar>a.active{background:#62d8bf0c;color:#73ddc8;box-shadow:inset 2px 0 #62d8bf}.account-center .account-sidebar>.button:hover,.account-center .account-sidebar>a:hover{background:#ffffff05}.account-center .account-sidebar .site-icon{flex-shrink:0}.account-center .account-content{gap:16px}.account-center .account-hero{position:relative;overflow:hidden;padding:28px;gap:26px;background:linear-gradient(110deg,#0e232b,#09161d)}.account-center .account-hero:after{content:"X";position:absolute;right:28px;top:-65px;color:#92c2ca04;font-size:290px;font-weight:900;line-height:1.3;pointer-events:none}.account-center .account-hero>div{min-width:0;position:relative;z-index:1}.account-center .account-hero h1{font-size:30px;margin:8px 0 10px;overflow-wrap:anywhere}.account-center .account-hero p{font-size:13px;line-height:1.7}.account-center .account-hero .eyebrow{color:#85a4af;font-size:10px;letter-spacing:.18em}.account-center .avatar-uploader{width:126px;flex-shrink:0}.account-center .account-avatar{width:96px;height:96px;border:1px solid #789faf66}.account-center .avatar-uploader small{font-size:10px;line-height:1.5}.account-center .button{border-radius:7px;background:transparent;box-shadow:none;font-size:12px}.account-center .input{min-width:0;width:100%;min-height:42px;border-radius:7px;border-color:#789faf33;background:#07141b;font-size:13px}.account-center .membership-card{gap:18px;padding:22px;background:#101f25;border-color:#789faf33}.account-center .membership-card:after{display:none}.account-center .membership-card.month{--membership-color:#91bfee;background:linear-gradient(100deg,#14212e,#0b1921)}.account-center .membership-card.quarter{--membership-color:#c5a1e8;background:linear-gradient(100deg,#211d2c,#0b1921)}.account-center .membership-card.year{--membership-color:#e7c477;background:linear-gradient(100deg,#272419,#0b1921)}.account-center .membership-card.custom{--membership-color:#68d8bf}.account-center .membership-emblem{width:60px;height:66px;border-radius:10px;box-shadow:none;background:transparent;border-color:color-mix(in srgb,var(--membership-color) 40%,transparent);color:var(--membership-color)}.account-center .membership-title{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.account-center .membership-title h2{font-size:26px;color:var(--membership-color)}.account-center .membership-card.inactive p,.account-center .membership-main p{font-size:12px;line-height:1.6}.account-center .membership-dates{gap:18px}.account-center .membership-dates>div{border-left:1px solid #789faf25;padding-left:16px}.account-center .membership-dates strong{font-size:13px}.account-center .account-restriction-alert{position:relative;margin:0;padding:18px 20px;border:1px solid #b76c753d;border-radius:9px;background:#34202980;color:#ec919b}.account-center .account-restriction-alert>.site-icon{float:left;margin:0 12px 12px 0}.account-center .account-restriction-alert strong{font-size:14px}.account-center .account-restriction-alert p{margin:6px 0 0;color:#bfa7ac;font-size:12px;line-height:1.7}.account-center .account-details{padding:26px}.account-center .account-section-heading h2{font-size:21px}.account-center .account-section-heading p{font-size:12px}.account-center .account-meta{display:block;margin:20px 0 12px;border-top:1px solid #789faf26}.account-center .account-meta>div{display:flex;justify-content:space-between;gap:20px;border:0;border-bottom:1px solid #789faf22;border-radius:0;background:none;padding:13px 0}.account-center .account-meta span{font-size:12px;color:#8ea7b3}.account-center .account-meta strong{font-size:13px;font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}.account-center .profile-editor{margin:0;padding:22px 0;border-top:1px solid #789faf26;gap:12px;align-items:end}.account-center .profile-editor label{min-width:0;font-size:12px;line-height:1.7;color:#aabfc8}.account-center .profile-editor .button{min-height:42px}.account-center .profile-editor h2{margin:0 0 4px;font-size:16px}.account-center .profile-editor:last-child{padding-bottom:0}.account-center .email-editor{grid-template-columns:minmax(0,1fr) auto minmax(0,.7fr) auto}.account-center .password-editor{grid-template-columns:repeat(3,minmax(0,1fr)) auto}@media(max-width:1100px){.account-center .membership-card.active{grid-template-columns:auto minmax(0,1fr)}.account-center .membership-dates{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:14px;border-top:1px solid #789faf26}.account-center .membership-dates>div:first-child{border:0;padding-left:0}.account-center .email-editor{grid-template-columns:minmax(0,1fr) auto}.account-center .password-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.account-center{grid-template-columns:minmax(0,1fr)}.account-center .account-sidebar{position:static;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.account-center .account-sidebar-title{width:100%;padding:6px 8px 10px}.account-center .account-sidebar-title h2{display:inline;margin-right:10px;font-size:18px}.account-center .account-sidebar>.button,.account-center .account-sidebar>a{width:auto;flex:1 0 auto;margin:0;justify-content:center;padding:10px;font-size:12px;gap:7px}.account-center .account-sidebar>a.active{box-shadow:inset 0 -2px #62d8bf}}@media(max-width:560px){.user-menu-wrap .user-menu{position:fixed;top:62px;right:12px;width:calc(100vw - 24px);max-width:360px;padding:16px}.account-center .account-hero{padding:20px;gap:18px}.account-center .avatar-uploader{width:96px}.account-center .account-avatar{width:80px;height:80px}.account-center .account-hero h1{font-size:24px}.account-center .account-details{padding:18px}.account-center .membership-card{padding:18px;gap:12px}.account-center .membership-dates{gap:10px}.account-center .membership-dates>div{padding-left:8px}.account-center .membership-dates strong{font-size:12px;overflow-wrap:anywhere}.account-center .membership-emblem{width:48px;height:54px}.account-center .membership-title h2{font-size:23px}.account-center .email-editor,.account-center .password-editor,.account-center .profile-editor{grid-template-columns:minmax(0,1fr)}.account-center .profile-editor h2,.account-center .profile-editor small{grid-column:1/-1}.account-center .profile-editor .button{width:100%}.account-center .account-sidebar-title .eyebrow{font-size:8px}.account-center .account-sidebar .site-icon{width:16px}.account-center .account-meta>div{gap:16px}}