.account-link{position:relative;display:inline-block;flex-shrink:0;white-space:nowrap;padding:10px 15px;border-radius:999px;color:#eee9dd;background:#191b22e8;border:1px solid #ffffff29;text-decoration:none;font:600 13px var(--font-game);box-shadow:0 4px 20px #0003}.account-page .account-link{display:none}
.account-page{margin:0;background:#101218;color:#eee9dd;font:15px/1.6 var(--font-game);--mint:#c4ef98;--muted:#a4a6af}.account-page *{box-sizing:border-box}.account-page [hidden]{display:none!important}.account-page a{color:inherit}.account-page button,.account-button{font:700 14px var(--font-game);border:1px solid transparent;border-radius:8px;padding:12px 18px;background:var(--mint);color:#13200c;cursor:pointer;text-decoration:none;display:inline-block}.account-page button:disabled{opacity:.45;cursor:wait}.account-page button.quiet,.account-button.secondary{background:#ffffff08;color:inherit;border-color:#ffffff25}.account-page :focus-visible{outline:3px solid #c4ef98;outline-offset:4px}.account-header{max-width:1120px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff16}.account-brand{font:800 27px var(--font-game);letter-spacing:1px;text-decoration:none}.account-header nav{display:flex;gap:24px;font-size:13px}.account-header nav a{text-decoration:none}.account-main{max-width:1120px;padding:56px 24px 80px;margin:auto}.account-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--mint)}.account-page h1{font:clamp(48px,8vw,88px)/1.04 var(--font-game);letter-spacing:-2px;margin:12px 0}.account-intro{font-size:17px;color:var(--muted);margin-bottom:32px}.account-page h2{font:700 28px var(--font-game);margin:0 0 12px}.account-page p{overflow-wrap:anywhere}#account-message{color:var(--mint);min-height:24px}.account-panel{border:1px solid #ffffff20;background:#1b1e27;border-radius:16px;padding:28px;margin:24px 0}.account-panel>p{color:var(--muted)}.account-page form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.account-page form label{width:100%;font-size:12px;color:var(--muted)}.account-page input,.account-page textarea{font:inherit;color:inherit;background:#101218;border:1px solid #ffffff30;border-radius:8px;padding:11px 13px;min-width:180px}.account-page input:focus,.account-page textarea:focus{border-color:var(--mint)}#verify-form{margin-top:24px}.account-wallet{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-wallet strong{font:700 64px var(--font-game)}.account-wallet p{margin:4px 0}.account-wallet-actions{display:flex;gap:12px;flex-direction:column;text-align:center}.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px}.account-tabs,.account-filters{display:flex;gap:8px;flex-wrap:wrap}.account-tabs button,.account-filters button{background:transparent;color:var(--muted);padding:9px 12px}.account-page button[aria-pressed=true]{background:#c4ef9818;color:var(--mint);border-color:#c4ef9840}.account-filters{margin:16px 0 24px;align-items:center}.account-search-label{margin-left:auto;font-size:11px;color:var(--muted)}.account-search-label input{margin-left:8px;padding:7px 12px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.account-card{background:#1b1e27;border:1px solid #ffffff1c;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.account-card-art{height:230px;background:radial-gradient(ellipse at 50% 90%,#4b493455,transparent 80%);display:flex;align-items:center;justify-content:center}.account-card-art img{max-width:100%;height:95%;object-fit:contain}.account-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.account-card h3{font:700 26px var(--font-game);margin:0}.account-card p{font-size:12px;color:var(--muted);margin:8px 0 16px}.account-card small{color:var(--mint);font-size:10px;letter-spacing:1px}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.account-actions button,.account-actions a{font-size:12px;padding:8px 11px}.account-page details{margin-top:24px;border-top:1px solid #ffffff20;padding-top:18px}.account-page summary{cursor:pointer;font-weight:600}.account-ledger{list-style:none;padding:0;font-size:13px}.account-ledger li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #ffffff10}.account-footer{max-width:1120px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);border-top:1px solid #ffffff16}.account-page dialog{color:inherit;background:#1b1e27;border:1px solid #ffffff30;border-radius:16px;max-width:480px;padding:28px}.account-page dialog::backdrop{background:#000a}.account-page dialog form{display:block}.account-page dialog textarea{width:100%;min-height:110px;margin:10px 0 20px}.account-page dialog .account-actions{justify-content:end;margin-top:24px}@media(max-width:760px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-section-heading,.account-wallet{align-items:start;flex-direction:column}.account-wallet-actions{flex-direction:row;flex-wrap:wrap}.account-header{align-items:start}.account-header nav{gap:12px;flex-wrap:wrap}.account-search-label{margin-left:0}.account-footer{flex-direction:column}.account-link{top:8px;right:8px;padding:8px 12px}}@media(max-width:480px){.account-grid{grid-template-columns:1fr}.account-main{padding:30px 16px}.account-panel{padding:20px}.account-header{padding:20px 16px}.account-header nav{font-size:11px}.account-card-art{height:250px}}

.cloud-account>header{height:auto;min-height:78px;gap:20px;padding-top:16px;padding-bottom:16px}.cloud-account>header nav,.cloud-account>header .connection{flex-wrap:wrap;justify-content:flex-end}.cloud-account .menu-profile{flex-wrap:wrap;justify-content:flex-end}.cloud-account .create-top>.account-link,.cloud-account .css-top>.account-link{margin-left:auto;justify-self:end}.cloud-account .create-script[hidden]{display:none}.cloud-account .account-link{inset:auto}@media(max-width:760px){.cloud-account>header{flex-wrap:wrap}.cloud-account>header .connection>.account-link{display:inline-block}}

.checkout-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.checkout-heading h2{margin:0}#stripe-checkout{margin-top:20px}#checkout-panel{scroll-margin-top:20px}
/* Account and checkout keep the same atmosphere as the rest of the game. */
.account-page{background:linear-gradient(#09162bd9,#071326f5),url('/assets/ui/create/skyroom.webp') center top/cover fixed;color:#edf4ff;--mint:#c6eaff;--muted:#a9c0d5}.account-page h1{font:750 clamp(40px,6vw,68px)/1.08 var(--font-game);letter-spacing:-.05em}.account-page h2{font:650 25px/1.2 var(--font-game);letter-spacing:-.035em}.account-panel,.account-card{background:#102139c9;border-color:#c9e4ff25;box-shadow:0 16px 45px #03112830}.account-page input,.account-page textarea{background:#09172bc9;border-color:#c6eaff30}.account-page button,.account-button{background:#deeeff;color:#102139;border-radius:10px}.account-page button[aria-pressed=true]{background:#b9daf022;color:#d5edff;border-color:#c6eaff35}.account-page button.quiet,.account-button.secondary{color:#d7e8f9;background:#bfd9f00a;border-color:#cee4ff25}.account-card h3{font:650 23px/1.2 var(--font-game);letter-spacing:-.025em}.account-card small{letter-spacing:0;font-size:11px}.account-page :focus-visible{outline-color:#c6eaff}.account-page .account-wallet strong{font:750 64px/1 var(--font-game);letter-spacing:-.04em}
.account-footer{flex-wrap:wrap;gap:12px 24px}.account-policy-notice{font-size:12px;max-width:64ch;margin-top:16px}