Operations Settings
diff --git a/account/index.html b/account/index.html
index f04672b7..6db78581 100644
--- a/account/index.html
+++ b/account/index.html
@@ -3,7 +3,7 @@
-
World Explorer Account
+
Account Center · World Explorer
@@ -536,15 +536,203 @@
.top { flex-wrap: wrap; }
.top a { width: 100%; text-align: center; }
}
+
+ /* Account Center uses the same restrained V4 shell as the game. */
+ :root {
+ --bg: #05090d;
+ --panel: #071018;
+ --line: rgba(157, 174, 186, 0.28);
+ --ink: #f4f7f9;
+ --muted: #9aa8b2;
+ --accent: #2d7dff;
+ --gold: #f4b942;
+ --ok: #35d272;
+ --warn: #ef5b5b;
+ }
+
+ [hidden] { display: none !important; }
+
+ body {
+ background:
+ linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
+ linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
+ var(--bg);
+ background-size: 34px 34px;
+ font-family: Inter, 'Barlow', system-ui, sans-serif;
+ }
+
+ .account-shell {
+ display: grid;
+ grid-template-columns: 248px minmax(0, 1fr);
+ min-height: 100vh;
+ }
+
+ .account-rail {
+ position: sticky;
+ top: 0;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ padding: 28px 14px 18px;
+ border-right: 1px solid var(--line);
+ background: rgba(5, 12, 18, .98);
+ }
+
+ .account-brand { padding: 0 10px 24px; border-bottom: 1px solid var(--line); }
+ .account-brand > span,
+ .account-eyebrow,
+ .account-section-heading span {
+ display: block;
+ color: var(--accent);
+ font: 600 9px/1.2 Orbitron, 'Chakra Petch', sans-serif;
+ letter-spacing: .14em;
+ text-transform: uppercase;
+ }
+ .account-brand strong {
+ display: block;
+ margin: 8px 0;
+ color: var(--ink);
+ font: 700 22px/1.1 Orbitron, 'Chakra Petch', sans-serif;
+ text-transform: uppercase;
+ }
+ .account-brand small { color: var(--muted); font-size: 12px; line-height: 1.5; }
+
+ .account-nav { display: grid; gap: 3px; margin-top: 20px; }
+ .account-nav button,
+ .account-nav-admin {
+ width: 100%;
+ display: block;
+ min-height: 54px;
+ padding: 10px 12px;
+ border: 0;
+ border-left: 2px solid transparent;
+ border-radius: 0;
+ background: transparent;
+ color: var(--muted);
+ text-align: left;
+ text-decoration: none;
+ }
+ .account-nav button:hover,
+ .account-nav button.active,
+ .account-nav-admin:hover {
+ transform: none;
+ background: rgba(45, 125, 255, .11);
+ border-left-color: var(--accent);
+ color: var(--ink);
+ }
+ .account-nav strong { display: block; color: inherit; font-size: 12px; }
+ .account-nav span { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; font-weight: 500; }
+ .account-nav-admin { margin-top: 10px; border-top: 1px solid var(--line); }
+ .account-nav-admin strong { color: var(--gold); }
+ .account-back { margin-top: auto; padding: 12px 10px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; text-decoration: none; }
+
+ .wrap { width: min(1180px, calc(100vw - 280px)); margin: 0 auto; padding: 34px 28px 48px; }
+ .top { align-items: flex-end; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
+ .top h1 { margin-top: 7px; font: 700 clamp(26px, 4vw, 40px)/1 Orbitron, 'Chakra Petch', sans-serif; text-transform: uppercase; }
+ .top a { border-radius: 2px; background: #101921; font-size: 12px; }
+ .sub { margin-top: 8px; font-size: 13px; }
+
+ #accountPanel { padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
+ .account-view,
+ #authPrompt {
+ margin-top: 18px;
+ padding: 22px;
+ border: 1px solid var(--line);
+ border-radius: 2px;
+ background: rgba(7, 16, 24, .96);
+ box-shadow: 0 22px 48px rgba(0,0,0,.3);
+ }
+ .account-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
+ .account-section-heading h2 { margin: 6px 0 0; font: 700 20px/1.1 Orbitron, sans-serif; text-transform: uppercase; }
+ .section-title { margin: 10px 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--line); color: var(--ink); font: 700 16px/1.2 Orbitron, sans-serif; text-transform: uppercase; }
+ .section-title:not(:first-child) { margin-top: 28px; }
+
+ .status { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+ .status-item,
+ .identity-card,
+ .creator-card,
+ .plan {
+ border-color: var(--line);
+ border-radius: 2px;
+ background: #0b151e;
+ }
+ .value { font-family: Orbitron, 'Chakra Petch', sans-serif; font-size: 20px; }
+ .label { font-size: 9px; letter-spacing: .12em; }
+ .hint, .creator-meta, .creator-bio, .receipt-meta, .social-meta { color: var(--muted); }
+
+ button,
+ .btn-link {
+ min-height: 38px;
+ border-radius: 2px;
+ padding: 9px 13px;
+ font-family: Inter, sans-serif;
+ font-size: 11px;
+ letter-spacing: .02em;
+ }
+ .btn-primary { background: var(--accent); color: #fff; }
+ .btn-ghost { background: #101921; border-color: var(--line); }
+ .btn-supporter, .btn-pro { background: #163b66; color: #fff; }
+ input, textarea, select { border-radius: 2px; background: #03090e; border-color: var(--line); color: var(--ink); }
+ .creator-avatar { border-radius: 2px; background: #101921; }
+ .creator-badge { border-radius: 2px; }
+ .danger-card { border-color: rgba(239, 91, 91, .55); }
+ .danger-card .btn-danger { margin-top: 18px; }
+ .privacy-links { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
+ .privacy-links a { color: #bcd3ff; font-size: 12px; }
+ .links { border-top-color: var(--line); }
+
+ @media (max-width: 980px) {
+ .account-shell { grid-template-columns: 1fr; }
+ .account-rail { position: static; align-self: start; height: auto; padding: 14px; border-right: 0; border-bottom: 1px solid var(--line); }
+ .account-brand small, .account-back { display: none; }
+ .account-brand { padding: 2px 4px 12px; }
+ .account-brand strong { font-size: 17px; }
+ .account-nav { display: flex; overflow-x: auto; margin-top: 10px; }
+ .account-nav button, .account-nav-admin { flex: 0 0 auto; width: auto; min-height: 44px; border-left: 0; border-bottom: 2px solid transparent; }
+ .account-nav button:hover, .account-nav button.active, .account-nav-admin:hover { border-left-color: transparent; border-bottom-color: var(--accent); }
+ .account-nav span { display: none; }
+ .account-nav-admin { margin: 0; border-top: 0; }
+ .wrap { width: 100%; padding: 22px 14px 34px; }
+ .status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+ }
+
+ @media (max-width: 560px) {
+ .top { align-items: flex-start; }
+ .top > a { width: auto; }
+ .account-view, #authPrompt { padding: 15px; }
+ .status { grid-template-columns: 1fr; }
+ .account-section-heading { align-items: flex-start; }
+ }
-
-
-
Manage your account, optional monthly donations, and multiplayer profile settings.
+
+
+
+ World Explorer
+ Account Center
+ Your identity, community, support, privacy, and authorized administration.
+
+
+ Overview Status and shortcuts
+ Profile Identity and creator card
+ Friends & Rooms Friends and invitations
+ Support & Receipts Donations and billing history
+ Security & Privacy Sign-in details and account controls
+ Administration Authorized workspace
+
+ Return to World Explorer
+
+
+
+
+
+
Account Center
+
Overview
+
Account status, access, and the actions you use most.
+
+
Open App
+
Sign in to manage account details, optional donations, and multiplayer identity.
@@ -553,7 +741,12 @@ Account
-
+
+
+
+
At a glance
Account overview
+
Refresh
+
Current Plan
@@ -583,18 +776,15 @@ Account
-
Donate as Supporter ($1/mo)
-
Donate as Pro ($5/mo)
Enable Admin Test Access
-
Open Admin Dashboard
-
Manage Donations
-
Refresh Account Data
-
Sign Out
-
Delete Account
+
Edit Profile
+
View Friends & Rooms
+
+
Identity
@@ -630,22 +820,22 @@ Creator Profile
New Creator
Visible in World
- Add a short bio so people know who built these activities and world edits.
+ Add a short bio for room-scoped activities, attribution, and published world overlays.
Creator recognition is lightweight here: activities, published overlays, and attribution all point back to this profile.
Published overlays and room attribution point to this profile. Creator Library activity drafts remain on their browser.