:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e6e9ff;background:#0b1022}*{box-sizing:border-box}.beta-dashboard{margin:0;background:radial-gradient(ellipse 80% 40% at 10% 0%,#30255e,#0b1022 70%);min-height:100vh}a{color:inherit}.beta-header{max-width:1130px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:25px 24px;gap:16px}.beta-brand{text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:-.05em}.marble-mark{color:#a68afb}.beta-chip{margin-left:8px;font-size:.61rem;background:#392b68;border:1px solid #8b6bdf;color:#ded3ff;padding:5px 8px;border-radius:99px;vertical-align:middle;letter-spacing:.12em}.beta-header nav{display:flex;gap:18px;font-size:.85rem;color:#c5c4e5}.beta-header nav a{text-decoration:none}.beta-header nav a:hover{color:white}.beta-main{max-width:1130px;margin:auto;padding:10px 24px 70px}.beta-hero{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:30px;padding:30px 0 42px}.beta-kicker,.mini-label{font-size:.72rem;letter-spacing:.17em;font-weight:850;color:#a99aff}.beta-hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.05;letter-spacing:-.065em;margin:12px 0 18px}.beta-hero h1 em{font-style:normal;color:#a48efa}.beta-hero p:not(.beta-kicker){max-width:590px;color:#b0b3d2;font-size:1rem;line-height:1.7}.beta-hero-orbit{height:230px;position:relative;display:grid;place-items:center}.orbit-ring{height:190px;width:190px;border-radius:50%;border:1px solid #624b9b;box-shadow:0 0 60px #684dbd44;transform:rotate(-24deg) skewX(18deg)}.beta-moon{position:absolute;font-size:5rem;color:#aaa1fa;text-shadow:0 0 35px #b29cff}.beta-hero-orbit>span{position:absolute;top:15px;right:35px;font-size:2.3rem;color:#f7d58d}.beta-warning{padding:12px 17px;border:1px solid #5a486c;background:#2a2343;color:#dbd3f4;border-radius:12px;font-size:.8rem;line-height:1.5}.beta-overview{margin:28px 0;min-height:210px;border:1px solid #3a385d;background:linear-gradient(105deg,#1d1b3b,#20254a);border-radius:19px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.beta-overview h2{font-size:clamp(1.2rem,2.8vw,2rem);letter-spacing:-.04em;margin:10px 0 8px}.beta-overview p{color:#bbc0d9;line-height:1.5}.beta-auth-copy{width:100%}.beta-big-avatar{display:grid;place-items:center;flex:0 0 118px;width:118px;height:118px;border-radius:26px;background:linear-gradient(140deg,#8e78e8,#263e93);font-size:4.2rem;box-shadow:0 12px 35px #0006}.beta-button{display:inline-flex;justify-content:center;align-items:center;background:#9276e8;color:#110d28;border:0;border-radius:10px;min-height:42px;padding:11px 17px;text-decoration:none;font-weight:850;cursor:pointer;font-size:.84rem}.beta-button:hover{background:#b5a2fb}.beta-level-line{display:flex;justify-content:space-between;max-width:410px;margin-top:20px;color:#dcd8fd}.beta-xpbar{max-width:410px;height:10px;background:#393456;border-radius:12px;margin-top:11px;overflow:hidden}.beta-xpbar span{display:block;background:linear-gradient(90deg,#735de3,#e9aee8);height:100%;width:0;border-radius:12px;transition:width .3s}.beta-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.beta-metrics article{border:1px solid #343753;background:#171c33;border-radius:14px;padding:21px;display:grid;gap:10px}.beta-metrics article span{font-size:.77rem;color:#a7accb}.beta-metrics article strong{font-size:1.75rem;letter-spacing:-.05em}.beta-section{margin-top:45px}.beta-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}.beta-section h2{font-size:1.65rem;letter-spacing:-.04em;margin:6px 0 0}.subline{color:#a6a6c8;font-size:.8rem;line-height:1.5}.beta-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.beta-collection{background:#171b34;border:1px solid #3a3d61;border-radius:16px;padding:20px}.beta-collection h3{font-size:1rem;margin:0 0 15px}.beta-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.beta-option{display:grid;place-items:center;gap:7px;border:1px solid #414369;border-radius:11px;background:#212544;min-height:104px;padding:12px 8px;text-align:center;color:#fff;cursor:pointer}.beta-option .preview{font-size:2.1rem}.beta-option strong{font-size:.8rem}.beta-option small{font-size:.66rem;color:#beb7d6}.beta-option[disabled]{opacity:.46;cursor:not-allowed}.beta-option.active{outline:2px solid #b8a1ff;background:#362954}.rank-rule{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.77rem;color:#aeb4d5;padding:13px 16px;border:1px solid #39405d;border-radius:12px;margin-bottom:14px}.rank-rule strong{color:white}.rank-rule span{background:#262941;border-radius:6px;padding:6px 10px}.beta-table-scroll{overflow-x:auto;border:1px solid #363c60;border-radius:15px}.beta-leaderboard{border-collapse:collapse;width:100%;min-width:600px;font-size:.86rem;text-align:left}.beta-leaderboard th{padding:14px 16px;color:#aeb4d5;font-size:.74rem;letter-spacing:.04em;background:#1e2340}.beta-leaderboard td{padding:15px 16px;border-top:1px solid #303653}.beta-leaderboard tbody tr:nth-child(odd){background:#151a32}.beta-leaderboard tbody tr.mine{background:#302951}.beta-leaderboard td:nth-child(n+3){font-variant-numeric:tabular-nums}.beta-profile-form{max-width:600px;display:grid;gap:14px;padding:25px;background:#191d39;border:1px solid #34385f;border-radius:14px}.beta-profile-form>label{font-size:.83rem;color:#d6d7f6}.beta-profile-form input[type=text],.beta-profile-form input:not([type]){border-radius:9px;background:#0d132b;border:1px solid #555678;color:white;min-height:43px;padding:9px 12px;font:inherit}.beta-toggle{display:flex;align-items:start;gap:10px;line-height:1.5}.beta-toggle input{margin-top:4px;accent-color:#a18cff}.beta-footer{border-top:1px solid #333956;margin-top:60px;padding-top:22px;display:flex;flex-wrap:wrap;gap:20px;font-size:.78rem;color:#a9afce}.beta-footer a{text-decoration:none}.beta-footer span{margin-left:auto}.beta-dashboard [hidden]{display:none!important}.beta-toast{position:fixed;right:18px;bottom:18px;padding:15px 22px;background:#2b2354;color:white;border-radius:12px;border:1px solid #7f6fc8;box-shadow:0 9px 40px #0008;z-index:1000;font-size:.86rem;max-width:340px}.beta-skin-sapphire .marble{fill:#2a88ed!important}.beta-skin-ember .marble{fill:#ff8147!important}.beta-skin-aurora .marble{fill:#86ead1!important}.beta-bg-dusk .board-panel{background:linear-gradient(150deg,#221b43,#3d335b)!important}.beta-bg-nebula .board-panel{background:radial-gradient(ellipse at 25% 25%,#3b2774,#111c45 75%)!important}.beta-bg-dusk .gridline,.beta-bg-nebula .gridline{stroke-opacity:.45}.beta-profile-link{display:inline-flex;gap:6px;align-items:center;margin-left:12px;text-decoration:none;font-weight:750;color:#7858ce}.beta-game-status{font-size:.74rem;padding:8px 13px;border:1px solid #bfb3e9;border-radius:10px;background:#e8e3fa;color:#4c357b;margin:6px 0}.beta-game-status a{color:#5630a3}.beta-dashboard button:focus-visible,.beta-dashboard a:focus-visible,.beta-dashboard input:focus-visible{outline:3px solid #ffdf90;outline-offset:3px}@media(max-width:760px){.beta-hero{grid-template-columns:1fr}.beta-hero-orbit{display:none}.beta-metrics{grid-template-columns:repeat(2,1fr)}.beta-collection-grid{grid-template-columns:1fr}.beta-header{align-items:flex-start}.beta-header nav{gap:9px}.beta-overview{padding:22px}.beta-big-avatar{width:88px;height:88px;flex-basis:88px;font-size:3rem}}@media(max-width:390px){.beta-chip{display:none}.beta-big-avatar{display:none}.beta-metrics article{padding:14px}.beta-main{padding:5px 15px 50px}}
/* The board itself visibly changes with unlocked backgrounds, without changing collisions. */
.beta-bg-dusk #board{background:linear-gradient(135deg,#202345,#3f3766)!important;border-radius:10px}
.beta-bg-nebula #board{background:radial-gradient(ellipse at 30% 15%,#4b3d8e,#141c48 75%)!important;border-radius:10px}
.beta-bg-dusk #board .gridline,.beta-bg-nebula #board .gridline{stroke:#a1a3cf!important;opacity:.48}

.beta-quiet-button{margin-left:10px;border:1px solid #57517a;border-radius:10px;padding:11px 15px;background:transparent;color:#bfc4e3;cursor:pointer;font-size:.81rem}.beta-quiet-button:hover{background:#282344}.beta-danger{background:transparent;border:1px solid #976179;color:#f0b6c7;border-radius:10px;padding:11px 17px;margin-top:17px;cursor:pointer;font-size:.82rem}.beta-danger:hover{background:#432337}

/* Integrated Rollgebra light/dark theme, no beta branding. */
.beta-dashboard{background:var(--rg-bg,#f5f5f1)!important;color:var(--rg-text,#213635)!important}
.beta-header,.beta-header nav,.beta-hero p:not(.beta-kicker),.beta-overview p,.beta-section .subline{color:var(--rg-text,#213635)}
.beta-header{border-bottom:1px solid var(--rg-border,#dfe7dc)}
.beta-brand{display:flex;align-items:center;gap:9px;color:var(--rg-text);font-weight:850}
.beta-hero h1 em{color:var(--rg-accent,#6948c9)}
.beta-overview,.beta-metrics article,.beta-collection,.beta-profile-form,.beta-table-scroll{background:var(--rg-surface,#fff)!important;color:var(--rg-text)!important;border-color:var(--rg-border)!important}
.beta-warning{background:var(--rg-surface-muted,#ececf8)!important;color:var(--rg-muted,#61736b)!important;border-color:var(--rg-border)!important}
.beta-collection h3,.beta-collection strong,.rank-rule strong{color:var(--rg-text)!important}
.beta-option{background:var(--rg-surface-muted,#eee)!important;color:var(--rg-text)!important;border-color:var(--rg-border)!important}
.beta-option small,.beta-metrics article span,.rank-rule,.beta-level-line,.beta-footer,.beta-profile-form>label{color:var(--rg-muted)!important}
.beta-leaderboard th,.beta-leaderboard tbody tr:nth-child(odd),.rank-rule span{background:var(--rg-surface-muted,#eee)!important;color:var(--rg-text)!important}
.beta-leaderboard td{border-color:var(--rg-border)!important}
.beta-profile-form input{background:var(--rg-control,#fff)!important;color:var(--rg-text)!important;border-color:var(--rg-border)!important}
.beta-dashboard [hidden]{display:none!important}

/* Recognise an existing browser account without duplicating sign-up prompts. */
.beta-account-help{display:inline-flex;margin-left:10px;font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:var(--rg-accent,#9985ed)}
#progress-retry{margin-top:8px}
#beta-auth-panel #beta-status{max-width:800px;line-height:1.55}
@media(max-width:520px){.beta-account-help{display:block;margin:10px 0 0}}

/* Public preview: a real, read-only glimpse of progression, not fictional XP. */
.beta-guest-showcase{margin-top:24px}
.beta-guest-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.beta-guest-journey article{background:var(--rg-surface,#fff);border:1px solid var(--rg-border,#dfe7dc);border-radius:14px;padding:21px;min-width:0}
.beta-guest-journey h3{font-size:1.05rem;letter-spacing:-.025em;margin:9px 0}
.beta-guest-journey p{font-size:.86rem;line-height:1.65;color:var(--rg-muted,#687);margin:0}
.beta-guest-journey a{color:var(--rg-accent,#6948c9);font-weight:750;text-underline-offset:3px}
.beta-guest-subhead{margin-top:33px}
.beta-guest-option{opacity:1!important;cursor:default!important}
.beta-guest-option small{color:var(--rg-muted,#687)!important}
.beta-guest-cta{margin-top:20px;padding:19px 21px;background:var(--rg-surface,#fff);border:1px solid var(--rg-border,#dfe7dc);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.beta-guest-cta strong{font-size:.95rem}
.beta-guest-cta p{color:var(--rg-muted,#687);font-size:.82rem;line-height:1.55;margin:5px 0 0}
.beta-guest-cta .beta-button{flex-shrink:0}
#guest-board-note{margin:14px 0 0}
.beta-guest-showcase .beta-option .preview{line-height:1.2}
@media(max-width:760px){.beta-guest-journey{grid-template-columns:1fr}.beta-guest-cta{align-items:stretch;flex-direction:column}.beta-guest-cta .beta-button{width:100%}}
@media(max-width:390px){.beta-guest-journey article{padding:17px}.beta-guest-cta{padding:16px}}
