.account-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.account-side{flex:1 0 240px;max-width:300px;display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}.account-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}.account-card{padding:22px;border-radius:16px}.account-name{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.1;overflow-wrap:anywhere}.account-since{font-size:13px;color:var(--sub);margin-top:6px}.account-tags{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}.account-nav{padding:8px;border-radius:16px;display:flex;flex-direction:column;gap:2px}.account-tab{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-family:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer}.account-tab:hover{background:var(--bg);color:var(--ink)}.account-tab[aria-current=true]{background:var(--soft);color:var(--accent-text)}.account-tab--out{color:var(--bad-strong);border-top:1px solid var(--line-soft);border-radius:0 0 10px 10px;margin-top:6px}.account-tab--out:hover{background:var(--bad-bg);color:var(--bad-strong)}.account-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--bg);color:var(--sub);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.account-points{font-size:11px;font-weight:800;color:var(--gold-text)}.account-banner{position:relative;border-radius:20px;overflow:hidden;background:var(--navy);color:#fff;min-height:220px}.account-banner img{position:absolute;top:0;right:0;width:40%;height:100%;object-fit:cover;object-position:center top}.account-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#13234a 0% 58%,#13234a99 68%,#13234a00 84%)}:root[data-theme=dark] .account-banner:after{background:linear-gradient(90deg,#1a2b5e 0% 58%,#1a2b5e99 68%,#1a2b5e00 84%)}.account-banner-text{position:relative;z-index:1;padding:36px 40px;max-width:62%}.account-banner-text .eyebrow{color:#c9d6ff}.account-hello{margin:12px 0 10px;font-family:var(--serif);font-weight:600;font-size:38px;line-height:1.05;overflow-wrap:anywhere}.account-banner-text p{font-size:15px;line-height:1.6;color:#c9d6ff}.account-banner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.account-play{--slant: 12px;height:46px;padding:0 26px;font-size:13px;font-weight:800;letter-spacing:.04em}.tile-link{display:inline-block;margin-top:4px;font-size:12px;font-weight:700}.tile-sub{font-size:12px;color:var(--sub);font-weight:600;margin-top:2px;overflow-wrap:anywhere}.tile-value--small{font-size:20px;line-height:1.5}.panel-text{margin-top:8px;font-size:14px;line-height:1.6;color:var(--muted)}.panel-empty{margin-top:14px;font-size:14px;color:var(--sub)}.panel-footnote{margin-top:16px;font-size:12px;line-height:1.6;color:var(--sub)}.panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.form--narrow{max-width:420px;margin-top:18px;gap:12px}.form--narrow .btn{align-self:flex-start}.history{margin-top:12px}.history-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft);font-size:14px}.history-date{font-size:12px;color:var(--sub)}.history-name{font-weight:700}.history-sub{font-size:12px;color:var(--sub);margin-top:2px}.history-amount{font-weight:800;text-align:right;white-space:nowrap}.shop-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}.balance-box{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px}.balance-label{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--sub)}.balance-value{font-size:17px;font-weight:800;display:flex;align-items:center;gap:6px}.coin{flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f2cf72,#c99a2e);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800}.shop-banner{position:relative;border-radius:20px;overflow:hidden;background:var(--navy);color:#fff;min-height:240px}.shop-banner img{position:absolute;top:0;right:0;width:44%;height:100%;object-fit:cover;object-position:center top}.shop-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#13234a 0% 54%,#13234a99 64%,#13234a00 82%)}:root[data-theme=dark] .shop-banner:after{background:linear-gradient(90deg,#1a2b5e 0% 54%,#1a2b5e99 64%,#1a2b5e00 82%)}.shop-banner-text{position:relative;z-index:1;padding:40px 44px;max-width:58%}.shop-banner-tag{display:inline-block;padding:5px 10px;border-radius:6px;background:#c99a2e;font-size:11px;font-weight:800;letter-spacing:.08em}.shop-banner h2{margin:14px 0 8px;font-family:var(--serif);font-weight:600;font-size:32px;line-height:1.1}.shop-banner p{font-size:14px;line-height:1.6;color:#c9d6ff}.method-tabs{display:flex;flex-wrap:wrap;gap:6px}.packages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.package{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;padding:0;text-align:left;font-family:inherit;color:var(--ink)}.package:hover{box-shadow:0 20px 40px -28px #13234a73}.package[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}.package-art{position:relative;height:120px;background:var(--art);display:flex;align-items:center;justify-content:center}.package-art .coin{width:56px;height:56px;font-size:16px}.package-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.package-kind{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--sub)}.package-name{font-size:16px;font-weight:800;line-height:1.3}.package-price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:12px;font-size:20px;font-weight:800}.package-price s{font-size:13px;font-weight:700;color:var(--bad-strong)}.checkout{padding:24px;display:flex;flex-direction:column;gap:16px}.checkout-summary{font-size:15px}.checkout-summary b{font-weight:800}.checkout .btn{align-self:flex-start}@media (max-width: 759px){.account-side{position:static;max-width:none}.account-banner img,.shop-banner img{display:none}.account-banner-text,.shop-banner-text{max-width:none;padding:26px 22px}.history-row{grid-template-columns:minmax(0,1fr) auto}.history-date{grid-column:1 / -1}}