/* Account and public player pages: static HD artwork, readable information, light feedback. */
.player-page.reveal-in{animation:none}.player-page{--player-line:#2d4859;--player-muted:#9eb8c9}.player-page p{font-size:15px;line-height:1.8;color:var(--player-muted)}.player-page .eyebrow{font-size:11px;letter-spacing:2px}.player-page h2{font-size:25px;letter-spacing:-.7px}.player-banner{position:relative;isolation:isolate;overflow:hidden;min-height:260px;display:flex;align-items:center;gap:24px;padding:46px;border:1px solid #38586b;border-radius:22px;background:linear-gradient(110deg,#192d3c,#12202f)}.player-banner-landscape{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#192d3c 22%,#172b3be8 46%,#13233340),url('/assets/wayward-skyblock-hd-v2.webp') right 42%/auto 185% no-repeat;opacity:.7}.player-banner:after{content:'';position:absolute;inset:auto 40px 0;height:1px;background:linear-gradient(90deg,transparent,#79e7ce80,transparent)}.player-identity{display:flex;align-items:center;gap:28px;min-width:0}.player-identity>div:last-child{min-width:0}.player-avatar-frame{width:112px;height:112px;padding:9px;border:1px solid #6bb4b580;border-radius:25px;background:#16303c;position:relative;flex-shrink:0;box-shadow:0 12px 30px #050f2033}.player-avatar-frame .avatar{width:100%;height:100%;border-radius:16px;image-rendering:pixelated}.player-avatar-frame>span{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#183b40;border:1px solid #6ab7ae;color:#8af7df}.player-avatar-frame>span svg{width:18px}.player-identity h1{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-1.5px;margin:14px 0 18px;overflow-wrap:anywhere}.player-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.player-badges .badge{font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:#3c8c7f30;border:1px solid #5eb2a05e;color:#a5f5df}.player-badges svg{width:15px;height:15px}.player-joined{font-size:12px;color:#b2c9d8}.player-banner-action{display:flex;gap:12px;align-items:center;margin-left:auto;align-self:flex-end;padding:12px 16px;border:1px solid #608b9d77;background:#102535b8;border-radius:10px;font-size:13px;white-space:nowrap}.player-banner-action svg{width:17px}.player-banner-spark{position:absolute;right:25%;top:32px;color:#83ded3;font-size:20px;pointer-events:none}
.player-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:26px;margin-top:28px;align-items:start}.player-sidebar{position:sticky;top:24px;padding:24px 13px;background:#111f2c;border:1px solid var(--player-line);border-radius:16px}.player-sidebar>.eyebrow{display:block;padding:3px 12px 20px;font-size:10px}.player-sidebar>a{display:flex;gap:11px;align-items:center;padding:14px 12px;border-radius:9px;color:#aac1d2;font-size:13px;min-height:48px}.player-sidebar>a>svg{width:17px;height:17px;flex-shrink:0;color:#75a3b3}.player-sidebar>a>svg:last-child:not(:first-child){margin-left:auto;width:15px}.player-sidebar>a.selected{background:#244e4c55;color:#a2f5e2}.player-sidebar-note{padding:22px 12px 0;margin:20px 0 0;border-top:1px solid var(--player-line)}.player-sidebar-note>svg{color:#6dbbb7;margin-bottom:13px}.player-sidebar-note strong{font-size:12px;display:block}.player-sidebar-note p{font-size:12px;line-height:1.8;margin-bottom:0}.player-main{min-width:0;display:grid;gap:24px}.player-overview{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.player-wallet,.player-summary{padding:29px;border:1px solid var(--player-line);border-radius:17px;position:relative;overflow:hidden}.player-wallet{background:linear-gradient(125deg,#1b423f,#152e3a);border-color:#4b8279}.player-card-icon{position:absolute;right:24px;top:23px;width:40px;height:40px;display:grid;place-items:center;background:#77d9b51a;border:1px solid #8be6cb30;border-radius:12px;color:#8be6cb}.player-wallet>span{display:block;font-size:13px;color:#b0cfce;margin:3px 44px 16px 0}.player-wallet h2{font-size:38px;color:#d2fff2;letter-spacing:-1.6px;margin-bottom:23px;overflow-wrap:anywhere}.player-wallet h2 small{font-size:14px;letter-spacing:0;font-weight:500;color:#a2cdc5}.player-wallet .btn{width:100%;justify-content:space-between;font-size:14px}.player-wallet .btn b{font-size:22px;line-height:1;font-weight:500}.player-inline-link{display:flex;align-items:center;gap:10px;color:#7ee3d0;font-size:13px;font-weight:700;margin-top:18px}.player-inline-link svg{width:16px;height:16px}.player-summary{background:linear-gradient(135deg,#162736,#142332)}.player-summary h2{margin:16px 0 10px}.player-summary p{font-size:14px;margin-bottom:18px}.player-summary-facts{display:flex;gap:18px;flex-wrap:wrap}.player-summary-facts>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#adc5d4}.player-summary-facts svg{width:17px;color:#73c8bd}.player-summary-facts strong{color:#e4f9f3;font-size:16px}
.player-section{padding:29px;background:#111f2d;border:1px solid var(--player-line);border-radius:17px;min-width:0;scroll-margin-top:24px}.player-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.player-section-heading h2{margin:8px 0 0}.player-section-heading>svg{color:#7bacae;width:26px;height:26px}.player-page .scroll-table{border-color:#294150;background:#0f1c28}.player-page table{font-size:13px}.player-page th{font-size:11px;letter-spacing:.5px;background:#162736;color:#9cb6c9}.player-page td,.player-page th{padding:17px 18px}.player-page .table-empty{padding:33px;font-size:14px}.player-positive{color:#8aebcb}.player-empty{display:flex;align-items:center;gap:18px;padding:25px 0 3px}.player-empty>svg{width:34px;height:34px;color:#78b6b6;flex-shrink:0}.player-empty h3{font-size:16px;margin:0 0 7px}.player-empty p{font-size:13px;margin:0}.player-empty .btn{margin-left:auto;font-size:12px;white-space:nowrap}.player-membership{display:flex;align-items:center;gap:17px;padding:19px 0;border-top:1px solid var(--player-line)}.player-membership>svg{color:#e8cb87;flex-shrink:0}.player-membership h3{font-size:16px;margin:0}.player-membership p{font-size:12px;margin:6px 0 0}.player-membership>.badge{margin-left:auto;white-space:nowrap;font-size:11px}.player-contact{display:grid;grid-template-columns:1fr 1.15fr;gap:30px}.player-contact h2{margin-top:12px}.player-contact p{font-size:13px}.player-contact label{font-size:13px}.player-contact input{font-size:14px}.player-contact .btn{font-size:13px}
.player-public-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;margin-top:28px}.player-passport{padding:36px}.player-passport h2{font-size:29px;margin:17px 0 12px}.player-passport dl{margin:30px 0}.player-passport dl>div{padding:19px 0;border-top:1px solid var(--player-line)}.player-passport dt{display:flex;align-items:center;gap:9px;font-size:12px;color:#9fb9cb}.player-passport dt svg{width:17px;height:17px;color:#75b9b4}.player-passport dd{margin:9px 0 0 26px;font-size:16px;font-weight:700;overflow-wrap:anywhere}.player-passport .btn{font-size:14px}.player-world-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid #345367;background:linear-gradient(0deg,#102333 10%,#102333c9 55%,#10233311),url('/assets/wayward-skyblock-hd-v2.webp') center top/cover;display:flex;align-items:end;min-height:470px;padding:38px}.player-world-card h2{font-size:33px;line-height:1.35;margin:16px 0 12px}.player-world-card em{font-style:normal;color:#74e5d2}.player-world-card p{margin-bottom:24px}.player-world-card .btn{font-size:14px}.player-page a:focus-visible{outline:2px solid #83ead5;outline-offset:4px}
/* Refined header: clear amount and a distinct add action, without nested frames. */
.nav-wallet{gap:12px;padding:6px 0 6px 16px;border:0;border-left:1px solid #344958;border-radius:0;background:none;color:#d8f5ee;max-width:none}.nav-wallet strong{font-size:15px;letter-spacing:-.35px;font-variant-numeric:tabular-nums}.nav-wallet strong small{font-size:11px;font-weight:500;color:#91b7ba;letter-spacing:0;margin-left:2px}.nav-wallet>b{width:32px;height:32px;border:0;border-radius:50%;background:#5ce1c9;color:#07352e;font-size:23px;box-shadow:none}.nav-wallet:hover>b{background:#9bf4df}.nav-wallet:hover{border-color:#344958}.profile-popover{width:316px;border-radius:18px;background:linear-gradient(145deg,#1a3443,#102331 70%)}.profile-popover-head{padding:23px 22px 20px;gap:14px}.profile-popover-head .avatar{width:46px;height:46px;border-radius:12px}.profile-popover-head strong{font-size:16px}.profile-popover-head small{font-size:11px;line-height:1.5}.profile-wallet{margin:0 18px 14px;padding:15px}.profile-wallet>span{font-size:12px;line-height:1.4}.profile-wallet strong{font-size:20px;margin-top:6px}.profile-wallet>b{width:32px;height:32px;font-size:23px;border-radius:50%;border:0;background:#7adebf24}.profile-links{padding:0 11px 11px}.profile-links>a{padding:13px 12px;min-height:48px;gap:13px}.profile-links>a>span{font-size:14px}.profile-links small{font-size:11px;margin-top:5px;line-height:1.5;color:#8eacbd}.profile-links>a>svg:first-child{width:18px;height:18px}.profile-logout{padding:18px 24px;font-size:14px}.nav-profile-trigger{font-size:13px}
/* Details use the same typography scale as the rest of the store. */
dialog.shop-dialog{width:min(1020px,calc(100vw - 32px))}.shop-detail{grid-template-columns:.85fr 1.15fr}.shop-detail-copy{padding:38px 34px 30px}.shop-detail-copy .shop-kicker{font-size:11px}.shop-detail-copy h2{font-size:38px;margin-top:13px}.shop-detail-copy>p{font-size:14px;line-height:1.8}.shop-duration-label{font-size:14px;margin-top:23px}.shop-detail-options{gap:12px}.shop-detail-options button{padding:17px 15px;min-height:124px}.shop-detail-options button>span{font-size:14px;gap:7px;flex-wrap:wrap}.shop-detail-options button>span>b{font-size:10px;padding:4px 6px}.shop-detail-options strong{font-size:27px}.shop-detail-options small{font-size:12px}.shop-detail-options s{font-size:11px}.shop-campaign{padding:16px;gap:12px}.shop-campaign strong{font-size:13px;line-height:1.5}.shop-campaign p{font-size:12px;line-height:1.6;margin-top:6px}.shop-detail-total{padding:23px 0}.shop-detail-total>span{font-size:14px}.shop-detail-total small{font-size:12px;margin-top:5px}.shop-detail-total strong{font-size:34px}.shop-detail-total>div{font-size:12px}.shop-detail-copy>.btn{font-size:15px;min-height:51px}.shop-detail-copy .shop-delivery-note{font-size:12px;line-height:1.8;margin-top:17px;gap:10px}.shop-detail-link,.shop-detail-auth-note{font-size:12px}.shop-detail-art-label{font-size:12px}.shop-detail-art-caption{font-size:10px;letter-spacing:1.5px}.shop-dialog .modal-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:38px;height:38px;min-width:38px;padding:0;border:0!important;border-radius:50%;background:transparent;color:#adc6d3;font-size:27px;line-height:1;z-index:2;box-shadow:none}.shop-dialog .modal-close:hover{background:#8ac8ce18;color:#e2fff8}.shop-dialog .modal-close:focus-visible{outline:2px solid #6ce4ce;outline-offset:1px}.redeem-visual .redeem-crystals{width:174px;height:190px;object-fit:contain;filter:none;animation:none}
@media(hover:hover) and (pointer:fine){.player-sidebar>a:hover{background:#28495955;color:#ddf9f1}.player-banner-action:hover{background:#23444d}.player-page .btn:active{transform:scale(.98)}}
@media(prefers-reduced-motion:no-preference){.player-banner-spark{animation:player-spark 4s ease-in-out 2}.player-avatar-frame>span{animation:player-welcome .26s var(--ease-out) both}.player-page .btn{transition:transform .12s var(--ease-out),background-color .16s ease}.nav-wallet>b{transition:background-color .15s ease}.player-sidebar>a{transition:background-color .15s ease,color .15s ease}}
@keyframes player-spark{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.8;transform:scale(1.05)}}@keyframes player-welcome{from{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:1100px){.player-banner{padding:34px}.player-banner-action{font-size:12px}.player-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.player-overview{grid-template-columns:1fr}.player-summary-facts{margin-top:16px}.player-contact{grid-template-columns:1fr;gap:16px}.player-empty{flex-wrap:wrap}.player-empty .btn{margin:8px 0 0 52px}.player-joined{display:block;flex-basis:100%}.shop-detail-copy{padding:35px 28px 26px}}
@media(max-width:800px){.player-banner{padding:30px;flex-wrap:wrap;min-height:240px}.player-banner-action{margin-left:140px}.player-avatar-frame{width:88px;height:88px;border-radius:21px}.player-identity{gap:22px}.player-identity h1{font-size:31px;letter-spacing:-1px}.player-identity .eyebrow{font-size:9px;letter-spacing:1.4px}.player-layout{grid-template-columns:1fr}.player-sidebar{position:static;display:flex;gap:6px;overflow-x:auto;padding:10px;scrollbar-width:thin}.player-sidebar>.eyebrow,.player-sidebar-note{display:none}.player-sidebar>a{white-space:nowrap;font-size:12px;flex-shrink:0;padding:10px}.player-sidebar>a>svg:last-child:not(:first-child){display:none}.player-overview{grid-template-columns:1fr 1.1fr}.player-wallet,.player-summary{padding:23px}.player-contact{grid-template-columns:1fr 1fr}.player-public-grid{gap:18px}.player-passport,.player-world-card{padding:27px}.nav-wallet{padding:5px 0 5px 10px;gap:8px;max-width:none}.nav-wallet strong{font-size:13px;max-width:none}.nav-wallet strong small{font-size:10px}.nav-wallet>b{width:28px;height:28px;font-size:21px}}
@media(max-width:700px){.shop-detail{grid-template-columns:1fr}.shop-detail-art{padding:30px 22px 12px;min-height:0}.shop-detail-art>img{height:170px}.shop-detail-art-label{font-size:11px}.shop-detail-copy{padding:24px}.shop-detail-copy h2{font-size:33px}.shop-detail-copy>p{font-size:14px}.shop-detail-options button{min-height:125px;padding:15px 12px}.shop-detail-options button>span{font-size:14px;line-height:1.5}.shop-detail-options strong{font-size:25px}.shop-detail-options button>span>b{font-size:9px}.player-overview,.player-public-grid,.player-contact{grid-template-columns:1fr}.player-world-card{min-height:390px}.player-banner-landscape{background-position:center,right center;opacity:.4}.player-summary h2{font-size:23px}.player-identity h1{font-size:29px}.player-section{padding:23px}.player-empty{padding-top:12px}.player-banner-action{margin-left:0}.player-joined{font-size:11px}.player-banner{border-radius:17px;padding:27px 22px}.player-identity{gap:19px}.player-page .eyebrow{font-size:10px}.player-identity .eyebrow{font-size:8px}.player-badges .badge{font-size:11px;padding:5px 8px}.player-avatar-frame{width:78px;height:78px;padding:6px;border-radius:18px}.player-avatar-frame .avatar{border-radius:12px}.player-avatar-frame>span{width:27px;height:27px}.player-wallet h2{font-size:37px}}
@media(max-width:480px){.nav-wallet{padding-left:8px;gap:7px;max-width:106px}.nav-wallet strong{font-size:13px;max-width:64px;letter-spacing:-.2px}.nav-wallet strong small{display:none}.nav-wallet>b{width:27px;height:27px;flex-shrink:0}.shop-nav-cart{padding:9px 8px}.shop-nav-cart>span{display:none}.shop-nav-cart b{min-width:20px}.profile-popover{width:310px}.player-identity{align-items:flex-start;gap:16px}.player-identity h1{font-size:25px;margin:11px 0 14px}.player-identity .eyebrow{line-height:1.7}.player-avatar-frame{width:64px;height:64px;flex-shrink:0;margin-top:5px}.player-banner-action{font-size:12px;padding:11px 13px}.player-passport h2{font-size:26px}.player-section h2{font-size:24px}.shop-campaign strong{font-size:12px}.shop-campaign p{font-size:11px}.shop-detail-copy{padding:23px 19px}.shop-detail-total strong{font-size:31px}.shop-detail-options button>span{display:flex;align-items:start;flex-direction:column;gap:5px}.shop-detail-options button{min-height:143px}.shop-detail-options strong{font-size:24px}}
@media(max-width:360px){.nav-wallet{gap:5px;padding-left:6px;max-width:94px}.nav-wallet strong{font-size:12px;max-width:54px}.nav-wallet>b{width:25px;height:25px}.shop-nav-cart{padding:8px 6px}.player-banner{padding:24px 18px}.player-identity{gap:13px}.player-identity h1{font-size:22px}.player-avatar-frame{width:54px;height:54px}.player-joined{font-size:10px}.player-badges{gap:6px}}
@media(prefers-reduced-motion:reduce){.player-page *{animation:none!important;transition:none!important}}
dialog.shop-dialog{max-width:1020px}
/* Quiet wallet navigation, with a named action instead of an isolated plus. */
.nav-wallet{display:flex;gap:17px;padding:0 0 0 18px;border-left:1px solid #304653;max-width:none;color:#dcece9;background:none;border-radius:0}
.nav-wallet-amount{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.nav-wallet-label{font-size:10px;line-height:1.3;color:#88a7b8;font-weight:500}
.nav-wallet strong{display:block;font-size:14px;line-height:1.4;letter-spacing:0;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.nav-wallet strong small{font-size:11px;color:#91b8b7;font-weight:500;margin-left:3px}
.nav-wallet-action{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#77dfcb;white-space:nowrap}
.nav-wallet-action svg{width:16px;height:16px}.nav-wallet-action-mobile{display:none}
.nav-wallet:hover .nav-wallet-action{color:#b5f9e9}.profile-wallet .wallet-link-arrow{border:0;background:none;border-radius:0;font-size:22px}
.shop-balance-add{border:0;background:none;border-radius:0;color:#8fe3d0;font-size:24px}
@media(max-width:1200px){.nav-wallet{gap:10px;padding-left:12px}.nav-wallet-action{font-size:11px;gap:6px}.nav-wallet strong{font-size:13px}}
@media(max-width:800px){.nav-wallet{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:10px;max-width:96px}.nav-wallet-label,.nav-wallet-action-desktop,.nav-wallet-action svg{display:none}.nav-wallet-action-mobile{display:inline}.nav-wallet-action{font-size:10px;line-height:1.3}.nav-wallet strong{font-size:13px;max-width:80px}.nav-wallet strong small{font-size:9px}.nav-wallet-amount{gap:0}}
@media(max-width:480px){.nav-wallet{gap:2px;padding-left:9px;max-width:74px}.nav-wallet strong{font-size:13px;max-width:64px}.nav-wallet strong small{display:none}.nav-wallet-action{font-size:10px}.nav-wallet-amount{gap:0}}
@media(max-width:360px){.nav-wallet{max-width:64px;padding-left:7px}.nav-wallet strong{font-size:12px;max-width:54px}}
@media(max-width:1150px){.redeem-visual .redeem-crystals{width:145px;height:176px}}@media(max-width:600px){.redeem-visual .redeem-crystals{width:147px;height:140px}}