/* Shared player hub: authored surfaces, readable content and a stable first paint. */
@view-transition { navigation: auto; }
html { scrollbar-gutter: stable; }
.dashboard-page { --dash-rail:244px; --dash-space:clamp(22px,3.2vw,52px); --hub-cream:#fffaf0; --hub-forest:#183c37; --hub-gold:#dfb875; --hub-border:#bba98440; background:#f2eee3; font-family:Arial,Helvetica,sans-serif; }
.dashboard-page.dash-ready { padding-left:var(--dash-rail); }
.dash-sidebar { view-transition-name:player-navigation; background:radial-gradient(ellipse at 5% 0,#426a59 0,transparent 42%),linear-gradient(155deg,#1a3833,#14292a 75%); border-right:1px solid #c4b17d42; padding:28px 17px 22px; }
.dash-brand img { width:177px; height:52px; }
.dash-edition { margin-bottom:29px; color:#bbc8b8; }
.dash-nav-group { margin-bottom:23px; }
.dash-nav-group>p { color:#aabcb0; font-size:10px; }
.dash-nav-group a { font-size:13px; min-height:45px; border-radius:12px; padding:11px 13px; margin:4px 0; }
.dash-nav-group a[aria-current=page] { background:linear-gradient(100deg,#e1c69024,#a9c7ac12); color:#ffdfa4; box-shadow:inset 2px 0 #e3b870,0 3px 12px #081b191a; }
.dash-nav-group a:hover { background:#c8dac316; }
.dashboard-page.dash-ready>.site-header { view-transition-name:player-topbar; height:78px; min-height:78px; background:#faf7eef0; border-bottom:1px solid var(--hub-border); }
.dash-breadcrumb { font-size:14px; gap:15px; min-width:0; }
.dash-breadcrumb>span { font-size:10px; color:#6b796d; }
.dashboard-page .account-wallet-link { flex:none; }
.dashboard-page.dash-ready>:is(.account-main,.mode-shell,.phone-link-main) { width:100%; max-width:1510px; margin-inline:auto; padding:36px var(--dash-space) 70px; min-width:0; }
.dashboard-page :is(.account-heading,.mode-intro,.lobby-head,.phone-link-heading) { margin-bottom:28px; }
.dashboard-page :is(.account-heading h1,.mode-intro h1,.lobby-head h1,.phone-link-heading h1) { font:normal clamp(36px,3.6vw,55px)/1.08 Georgia,serif; letter-spacing:-.045em; }
.dashboard-page :is(.account-heading,.mode-intro,.phone-link-heading) .eyebrow { font-size:10px; letter-spacing:.15em; margin-bottom:12px; }
.dashboard-page :is(.account-note,.account-empty,.micro,.mode-card>p,.game-choice p,.migration-aside p) { font-size:13px; line-height:1.7; }
.dashboard-page :is(.mode-intro>p:last-child,.dash-welcome-note,.phone-link-heading>p:last-child) { font:14px/1.75 Arial,sans-serif; color:#586b60; max-width:58ch; }
.dashboard-page :is(.button,.coming-soon-button) { border-radius:12px; padding:14px 21px; min-height:48px; line-height:1.4; }
.dashboard-page .text-link { font:600 12px/1.5 Arial,sans-serif; text-underline-offset:5px; min-height:40px; display:inline-flex; align-items:center; }
.dashboard-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-radius:10px; border-color:#afa88877; font-size:15px; min-height:46px; }
.dashboard-page :is(.account-section,.dashboard-panel,.account-stat,.treasury-asset,.phone-link-panel,.game-choice,.join-code-panel,.empty-room,.room-row,.register-board,.register-community) { border-radius:20px; border:1px solid var(--hub-border); box-shadow:0 7px 22px #223a2f04; background:#fffcf5; }
.dashboard-page :is(.account-section,.dashboard-panel,.phone-link-panel) { padding:28px; }
.dashboard-page :is(.account-section h2,.dashboard-panel h2,.phone-link-panel h2,.section-rule h2) { font:normal 27px/1.2 Georgia,serif; letter-spacing:-.035em; margin-bottom:14px; }
.dashboard-page .account-columns { gap:24px; }
.dashboard-page .account-strip { padding:15px 18px; margin-bottom:24px; background:#e8ede280; border:1px solid #ccd7c266; border-radius:12px; gap:18px; }
.dashboard-page .account-status { font-size:13px; line-height:1.65; }
.dashboard-page .account-strip .account-note { font-size:12px; }
.dashboard-page .account-disclosure { border:1px solid var(--hub-border); border-radius:15px; background:#faf7ee; padding:0 22px; margin-block:14px; }
.dashboard-page .account-disclosure summary { padding:20px 0; font:600 13px/1.5 Arial,sans-serif; gap:16px; }
.dashboard-page .account-disclosure>p { padding-bottom:15px; font-size:14px; line-height:1.75; max-width:85ch; }
.dashboard-page .account-disclosure summary>span { font-size:11px; color:#68756b; font-weight:400; white-space:normal; min-width:0; }
.dashboard-page .account-table-wrap { border-radius:12px; border:1px solid #c9d1be80; overflow:auto; }
.dashboard-page .account-table { min-width:560px; }
.dashboard-page .account-table th { background:#eef0e6; padding:15px 18px; font-size:10px; letter-spacing:.08em; }
.dashboard-page .account-table td { padding:18px; font-size:13px; border-color:#bcc7b64a; }
.dashboard-page .account-table tr:last-child td { border-bottom:0; }
.dashboard-page .account-table tbody tr:hover { background:#f0f3e8; }
.dashboard-page .account-stat { padding:24px; border-radius:18px; border-top:2px solid #c8ac76; }
.dashboard-page .account-stat strong { font:normal clamp(33px,3vw,44px)/1.15 Georgia,serif; color:#24574b; }
.dashboard-page .account-stat>span,.dashboard-page .account-stat>small { line-height:1.6; }
.dashboard-page .account-footer,.dashboard-page .phone-footer { padding:26px var(--dash-space); border-top:1px solid var(--hub-border); color:#617165; background:transparent; }
/* The vault illustration is an authored SVG, with no balances baked into artwork. */
.hub-banner { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:28px; overflow:hidden; min-height:280px; padding:38px 42px; margin:0 0 28px; border-radius:25px; color:#fcf5df; background:radial-gradient(ellipse at 85% 45%,#497a5a66,transparent 58%),linear-gradient(120deg,#1a3e36,#16342e); border:1px solid #f2d0942e; box-shadow:0 16px 35px #193b2d13; }
.hub-banner::before { content:''; position:absolute; inset:10px; border:1px solid #d3b37428; border-radius:17px; pointer-events:none; z-index:-1; }
.hub-banner-copy { max-width:630px; position:relative; z-index:1; }
.hub-banner .eyebrow { color:#edca89; font-size:10px; letter-spacing:.18em; margin:0 0 16px; }
.hub-banner h1,.hub-banner h2 { font:normal clamp(38px,4vw,58px)/1.05 Georgia,serif; letter-spacing:-.045em; margin:0 0 18px; }
.hub-banner h1 em,.hub-banner h2 em { color:#e6c58d; font-weight:400; }
.hub-banner p:not(.eyebrow) { font:14px/1.8 Arial,sans-serif; color:#d2dfd0; max-width:51ch; margin:0; }
.hub-banner .text-link { color:#f2d798; border-color:#d8bf8c66; margin-top:16px; }
.hub-banner-art { flex:0 0 30%; width:30%; max-width:330px; height:250px; object-fit:contain; filter:drop-shadow(0 12px 14px #061a1640); }
.hub-status { display:inline-flex; align-items:center; gap:9px; font:10px/1.5 'Courier New',monospace; letter-spacing:.08em; padding:8px 11px; border:1px solid #d7c08460; border-radius:30px; margin-top:20px; color:#f3d894; background:#d6b6760c; }
.hub-status::before { content:''; width:6px; height:6px; border-radius:50%; background:#e5bc72; box-shadow:0 0 0 4px #ebc98712; }
.dashboard-page[data-dashboard-page=treasury] .account-heading { margin:0; }
.dashboard-page[data-dashboard-page=treasury] .account-heading h1 { margin-top:0; }
.dashboard-page .treasury-assets { gap:20px; margin-bottom:25px; }
.dashboard-page .treasury-asset { min-height:230px; padding:28px; position:relative; overflow:hidden; }
.dashboard-page .treasury-asset h2 { font:normal 27px/1.2 Georgia,serif; letter-spacing:-.03em; padding-right:65px; margin-bottom:14px; }
.dashboard-page .treasury-asset p { font:13px/1.75 Arial,sans-serif; max-width:34ch; }
.dashboard-page .treasury-asset .availability { color:#476657; font:10px/1.5 'Courier New',monospace; letter-spacing:.06em; border:0; margin-bottom:18px; }
.dashboard-page .treasury-asset[data-pool-symbol=JACK] { background:linear-gradient(135deg,#fff9e9,#f1e5cc); border-color:#d2b56b66; }
.dashboard-page .treasury-asset[data-pool-symbol=SOL] { background:linear-gradient(135deg,#eff6ed,#e1ebdf); }
.dashboard-page .treasury-asset[data-pool-symbol=SPL] { background:linear-gradient(135deg,#f0eee5,#e7e1d2); }
.pool-seal { display:grid; place-items:center; position:absolute; top:24px; right:24px; width:48px; height:48px; border:1px solid #bc9a5599; border-radius:50%; color:#8e632e; background:radial-gradient(circle at 30% 20%,#fff8d4,#d1ab62); font:italic 30px Georgia,serif; box-shadow:inset 0 0 0 4px #fff8df66,0 5px 10px #8d6b2520; }
[data-pool-symbol=SOL] .pool-seal { background:linear-gradient(145deg,#e5ecbd,#77b58b); color:#225946; border-color:#70a57c; }
[data-pool-symbol=SPL] .pool-seal { background:linear-gradient(145deg,#e6e8df,#9da994); color:#405b4b; border-color:#9eac96; font-style:normal; }
.hub-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:26px 0; padding:24px 26px; border:1px solid var(--hub-border); border-radius:20px; background:#e7eddf80; }
.hub-process article { min-width:0; padding:3px 8px; }
.hub-process[hidden] { display:none; }
.hub-process b { display:block; color:#9b7b42; font:12px/1.4 'Courier New',monospace; margin-bottom:13px; }
.hub-process h3 { font:normal 22px/1.2 Georgia,serif; margin:0 0 9px; letter-spacing:-.025em; }
.hub-process p { color:#526757; font:13px/1.75 Arial,sans-serif; max-width:34ch; }
.hub-process article+article { border-left:1px solid #bdc8b380; padding-left:24px; }
/* Campaigns: one clear playable feature, followed by future reward rules. */
.dashboard-page .always-campaign { display:flex; align-items:center; gap:26px; position:relative; isolation:isolate; overflow:hidden; padding:38px; border:1px solid #d3b97a60; border-radius:25px; box-shadow:0 16px 35px #193b2d12; color:#fff5db; background:linear-gradient(90deg,#193d36 0%,#193d36f5 40%,#193d3690),url('/assets/docs/marble-mile.webp') center/cover; }
.dashboard-page .always-campaign>div { max-width:62%; }
.dashboard-page .always-campaign h2 { font:normal clamp(35px,4vw,52px)/1.05 Georgia,serif; letter-spacing:-.045em; margin:16px 0; }
.dashboard-page .always-campaign p { color:#d3dfcb; font-size:14px; line-height:1.75; }
.dashboard-page .always-campaign .availability { display:inline-flex; gap:8px; align-items:center; color:#d9e9bc; font:10px/1.5 'Courier New',monospace; border:1px solid #c5d89a55; border-radius:30px; padding:7px 11px; }
.dashboard-page .always-campaign .availability::before { content:''; width:5px; height:5px; background:#afcd83; border-radius:50%; }
.dashboard-page .always-campaign .micro { font-size:12px; margin-top:15px; color:#d6c591; }
.dashboard-page .always-campaign .button { background:#efdba8; color:#1d3b31; border:1px solid #f4e4bc; margin-left:auto; white-space:nowrap; }
.dashboard-page .earn-ledger { grid-template-columns:80px minmax(0,1fr) 230px; border-radius:22px; padding:32px; gap:30px; margin-block:26px; background:#fffaf0; overflow:hidden; }
.dashboard-page .earn-ledger>div:not(.ticket-stub),.dashboard-page .earn-ledger aside { padding:0; }
.dashboard-page .earn-ledger .ticket-stub { border:0; border-radius:16px; padding:16px 8px; background:#e8eedf; color:#45634c; writing-mode:initial; align-self:start; min-height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }
.dashboard-page .ticket-stub>span { font:8px/1.5 'Courier New',monospace; letter-spacing:.09em; text-align:center; }
.dashboard-page .ticket-stub strong { font:normal 36px/1 Georgia,serif; }
.dashboard-page .earn-ledger h2 { font:normal 29px/1.15 Georgia,serif; margin:10px 0 14px; letter-spacing:-.035em; }
.dashboard-page .earn-ledger p,.dashboard-page .earn-ledger li { font-size:13px; line-height:1.75; }
.dashboard-page .earn-ledger aside { border:0; border-left:1px solid var(--hub-border); padding-left:26px; }
.dashboard-page .earn-ledger ul { padding-left:17px; margin-top:12px; }
.dashboard-page .earn-ledger .availability,.dashboard-page .prize-contests .availability { display:inline-flex; border:1px solid #a798724d; border-radius:30px; padding:8px 12px; font:10px/1.5 'Courier New',monospace; }
.dashboard-page .earn-ledger p,.dashboard-page .earn-ledger li,.dashboard-page .prize-contests p { font:14px/1.75 Arial,Helvetica,sans-serif; }
.dashboard-page .earn-ledger .micro { font-size:12px; letter-spacing:.025em; }
.dashboard-page .game-choice { padding:26px 30px; margin-block:24px; gap:24px; background:linear-gradient(120deg,#e6eddf,#f8f4e9); }
.dashboard-page .game-choice .availability { border:0; color:#76836f; font:10px/1.5 'Courier New',monospace; letter-spacing:.1em; }
.dashboard-page .secondary-strip { padding:24px 28px; border:1px solid var(--hub-border); border-radius:18px; gap:24px; background:#e9e6d8; }
.dashboard-page .prize-contests,.dashboard-page .prize-contest-card,.dashboard-page .daily-earn-card { border-radius:20px; border-color:var(--hub-border); box-shadow:none; }
/* Library, lobby and flight records. */
.dashboard-page .mode-grid { gap:22px; }
.dashboard-page .mode-card { border-radius:22px; padding:30px; box-shadow:0 8px 24px #153c2706; }
.dashboard-page .mode-card>p:not(.availability) { font-size:14px; line-height:1.75; }
.dashboard-page .mode-card h2 { font-size:clamp(34px,3vw,43px); }
.dashboard-page .mode-card .card-index { border-color:#c9c7aa66; }
.dashboard-page .city-card { border-radius:22px; }
.dashboard-page .city-copy { padding:28px; }
.dashboard-page .city-chooser-head { align-items:center; }
.dashboard-page .city-chooser-head h2 { font-size:39px; }
.dashboard-page .lobby-head { padding:28px 32px; background:linear-gradient(120deg,#e2eadb,#f3eddc); border:1px solid #c6d2b77a; border-radius:22px; }
.dashboard-page .lobby-head .eyebrow { margin-bottom:16px; }
.dashboard-page .lobby-actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px; }
.dashboard-page .asset-rail { border-radius:16px; overflow:hidden; margin-block:24px; }
.dashboard-page .asset-choice { padding:20px; }
.dashboard-page .join-code-panel { padding:28px; gap:26px; }
.dashboard-page .join-code-panel h2 { font:normal 28px/1.2 Georgia,serif; }
.dashboard-page .join-code-panel form { gap:12px; }
.dashboard-page .empty-room { padding:36px; text-align:center; background:linear-gradient(120deg,#fffaf0,#edf1e5); }
.dashboard-page .empty-room strong { font:normal 27px/1.3 Georgia,serif; }
.dashboard-page .empty-room p { margin-top:10px; font-size:14px; line-height:1.7; }
.dashboard-page .room-table-head { padding:18px; font-size:10px; color:#697963; }
.dashboard-page .section-rule { margin-block:24px 17px; align-items:center; gap:15px; }
.dashboard-page .leaderboard-filters { display:flex; flex-wrap:wrap; gap:12px; padding:20px; background:#e7eddf; border:1px solid var(--hub-border); border-radius:16px; margin-bottom:24px; }
.dashboard-page .leaderboard-filters button { border-radius:10px; min-height:42px; padding:10px 17px; }
.hub-banner--ranks { min-height:225px; }
.hub-banner--ranks .hub-banner-art { height:190px; }
.dashboard-page .migration-hero { border-radius:24px; }
.dashboard-page .migration-form-panel,.dashboard-page .migration-aside { border-radius:20px; }
.dashboard-page .migration-steps { gap:18px; }
.dashboard-page .migration-steps li { font-size:12px; line-height:1.6; }
.dashboard-page .migration-guide-methods,.dashboard-page .migration-guide-help { padding:25px; border-radius:20px; }
.dashboard-page .migration-guide-jump { border-radius:15px; padding:18px 24px; }
.dashboard-page .migration-screenshot { border-radius:15px; }
.dashboard-page .migration-details dd { line-height:1.8; overflow-wrap:anywhere; }
/* Previously separate phone and handbook surfaces now share the player navigation. */
.dashboard-page .phone-link-heading { padding:31px 35px; border-radius:22px; background:linear-gradient(115deg,#dfe9d9,#f3e4c6); border:1px solid #c2cbae80; }
.dashboard-page .phone-link-heading h1 { margin:13px 0 20px; }
.dashboard-page .phone-link-heading>p:last-child { max-width:64ch; }
.dashboard-page .phone-link-columns { gap:24px; }
.dashboard-page .phone-link-panel { min-width:0; }
.dashboard-page .phone-link-panel p { font-size:14px; line-height:1.8; }
.dashboard-page .phone-notice { border-radius:12px; padding:17px 20px; line-height:1.7; }
.dashboard-page .phone-disclosure { border-radius:12px; }
.dashboard-page .phone-qr { border-radius:16px; overflow:hidden; }
.dashboard-page .phone-footer { font-size:10px; margin-top:30px; }
.dashboard-page.guide-page .guide-header { position:sticky; inset:0 0 auto; width:auto; display:flex; padding:12px var(--dash-space); }
.dashboard-page.guide-page .guide-search-area { max-width:370px; margin-left:auto; }
.dashboard-page.guide-page .guide-search-form { border-radius:12px; min-width:0; }
.dashboard-page.guide-page .guide-header .account-wallet-link { margin-left:12px; }
.dashboard-page .guide-layout { display:grid; grid-template-columns:185px minmax(0,1fr); gap:32px; width:100%; max-width:1510px; padding:36px var(--dash-space) 70px; margin:0 auto; }
.dashboard-page .guide-sidebar { position:sticky; top:104px; align-self:start; height:auto; max-height:calc(100dvh - 128px); width:auto; padding:18px 15px; overflow:auto; border:1px solid var(--hub-border); border-radius:16px; background:#e7eddf; font-family:Arial,sans-serif; }
.dashboard-page .guide-sidebar nav a { font-size:12px; line-height:1.6; padding:8px 6px; border-radius:6px; }
.dashboard-page .guide-sidebar .guide-nav-label { font-size:9px; margin-top:22px; }
.dashboard-page .guide-main { padding:0; min-width:0; max-width:none; }
.dashboard-page #guide-title { font:normal clamp(38px,4vw,58px)/1.1 Georgia,serif; letter-spacing:-.04em; padding:0; margin:0 0 18px; }
.dashboard-page .guide-deck { font:16px/1.75 Arial,sans-serif; color:#59705e; }
.dashboard-page .guide-cover-shot { border-radius:19px; overflow:hidden; border:1px solid var(--hub-border); }
.dashboard-page .guide-cover-shot img { width:100%; height:auto; }
.dashboard-page .guide-cover-shot figcaption { font-size:9px; line-height:1.65; padding:14px 18px; flex-wrap:wrap; gap:8px; background:#e8e7d8; color:#425847; }
.dashboard-page .guide-discover { gap:14px; border:0; margin-block:24px; }
.dashboard-page .guide-discover>a { padding:20px; background:#fffaf1; border:1px solid var(--hub-border); border-radius:16px; }
.dashboard-page .guide-discover strong { font:normal 21px/1.3 Georgia,serif; margin-block:10px; }
.dashboard-page .guide-discover p { font-size:12px; line-height:1.7; }
.dashboard-page .guide-reading-layout { display:block; max-width:850px; }
.dashboard-page .guide-content { font:15px/1.85 Arial,sans-serif; color:#344e42; }
.dashboard-page .guide-content>section { padding:32px 0; border-color:var(--hub-border); scroll-margin-top:98px; }
.dashboard-page .guide-content h2 { font:normal clamp(27px,3vw,36px)/1.2 Georgia,serif; color:#1d3d32; letter-spacing:-.035em; margin:12px 0 20px; }
.dashboard-page .guide-content h3 { font:600 18px/1.4 Arial,sans-serif; margin:25px 0 12px; }
.dashboard-page .guide-content li { margin-bottom:10px; }
.dashboard-page .guide-note,.dashboard-page .guide-control-card,.dashboard-page .guide-table-wrap,.dashboard-page .guide-content details { border-radius:15px; border-color:var(--hub-border); }
.dashboard-page .guide-note { padding:23px; background:#e7eedf; }
.dashboard-page .guide-table-wrap { overflow:auto; }
.dashboard-page .guide-table-wrap th,.dashboard-page .guide-table-wrap td { padding:15px; font-size:13px; line-height:1.65; }
.dashboard-page .guide-footer { margin-left:0; padding:25px var(--dash-space); border-top:1px solid var(--hub-border); background:transparent; }
.dashboard-page.guide-page .guide-progress { display:none; }
::view-transition-old(player-navigation),::view-transition-new(player-navigation),::view-transition-old(player-topbar),::view-transition-new(player-topbar) { animation:none; mix-blend-mode:normal; }
::view-transition-group(player-navigation),::view-transition-group(player-topbar) { animation-duration:0s; }
@media (max-width:1200px) {
  .dashboard-page { --dash-rail:220px; --dash-space:28px; }
  .dash-brand img { width:163px; }.dash-nav-group a{font-size:12px;gap:10px}
  .hub-banner { padding:32px; }.hub-banner-art{max-width:240px}
  .dashboard-page .guide-layout{grid-template-columns:155px minmax(0,1fr);gap:24px}
  .dashboard-page .earn-ledger{grid-template-columns:65px minmax(0,1fr);gap:24px}.dashboard-page .earn-ledger aside{grid-column:2;border-left:0;border-top:1px solid var(--hub-border);padding:20px 0 0}.dashboard-page .earn-ledger ul{display:flex;flex-wrap:wrap;gap:8px 25px}
}
@media (max-width:900px) {
  .dashboard-page.dash-ready{padding-left:0;--dash-space:24px;padding-bottom:68px}
  .dash-sidebar{display:none;view-transition-name:none}.dashboard-page.dash-ready>.site-header{height:70px;min-height:70px;gap:12px}
  .dash-menu-button:not([hidden]){display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;border:1px solid #c3c9b8;background:#f5f1e5;color:#24473b;padding:10px}
  .dash-menu-button svg{width:20px;height:20px}.dash-breadcrumb>span,.dash-breadcrumb>b{display:none}
  .dash-mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;justify-content:space-around;background:#faf7edf5;backdrop-filter:blur(15px);border-top:1px solid #c0cbb266;padding:8px 10px max(8px,env(safe-area-inset-bottom))}
  .dash-mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;padding:5px;color:#607463;font:10px Arial,sans-serif;border-radius:10px}.dash-mobile-dock svg{width:19px;height:19px}.dash-mobile-dock a[aria-current=page]{background:#e8ecde;color:#22553e}
  .dashboard-page .guide-layout{grid-template-columns:165px minmax(0,1fr)}
  .dashboard-page.guide-page .guide-search-area{max-width:260px}.dashboard-page.guide-page .guide-header .account-wallet-link{margin-left:0}
  .hub-banner{min-height:240px}.hub-banner h1,.hub-banner h2{font-size:42px}.hub-banner-art{height:210px;flex-basis:27%}
}
@media (max-width:650px) {
  .dashboard-page.dash-ready{--dash-space:18px}.dashboard-page.dash-ready>:is(.account-main,.mode-shell,.phone-link-main){padding-top:25px;padding-bottom:38px}
  .dashboard-page.dash-ready>.site-header{padding-inline:16px}.dash-breadcrumb{font-size:12px}.dashboard-page .site-header .account-wallet-link{padding:8px 12px;min-height:39px}
  .dashboard-page :is(.account-heading,.lobby-head){align-items:flex-start;flex-direction:column;gap:16px}.dashboard-page .account-heading h1{font-size:35px}
  .hub-banner{padding:27px 25px;min-height:265px;border-radius:21px;gap:10px}.hub-banner h1,.hub-banner h2{font-size:38px}.hub-banner-copy{max-width:100%}.hub-banner-art{position:absolute;right:-48px;bottom:-35px;opacity:.17;max-width:none;width:240px;height:240px;z-index:0}.hub-banner p:not(.eyebrow){font-size:13px;max-width:42ch}
  .dashboard-page .treasury-assets{grid-template-columns:1fr;gap:14px}.dashboard-page .treasury-asset{min-height:185px;padding:25px}.dashboard-page .treasury-asset p{max-width:34ch}
  .hub-process{grid-template-columns:1fr;padding:24px;gap:20px}.hub-process article{padding:0}.hub-process article+article{border-left:0;border-top:1px solid #bdc8b380;padding:20px 0 0}.hub-process b{margin-bottom:8px}.hub-process p{max-width:none}
  .dashboard-page :is(.account-section,.dashboard-panel,.phone-link-panel){padding:23px}.dashboard-page .account-strip{padding:15px;align-items:flex-start}.dashboard-page .account-strip .text-link{white-space:nowrap}
  .dashboard-page .account-disclosure{padding-inline:18px}.dashboard-page .account-disclosure summary{font-size:13px;align-items:flex-start}.dashboard-page .account-disclosure summary>span{max-width:110px;text-align:right}
  .dashboard-page .always-campaign{padding:29px;display:block;background-position:66% center;border-radius:21px}.dashboard-page .always-campaign>div{max-width:100%}.dashboard-page .always-campaign h2{font-size:37px}.dashboard-page .always-campaign .button{margin:24px 0 0;display:inline-flex}
  .dashboard-page .earn-ledger{grid-template-columns:1fr;padding:25px;gap:19px;border-radius:21px}.dashboard-page .earn-ledger .ticket-stub{display:none}.dashboard-page .earn-ledger aside{grid-column:1}.dashboard-page .earn-ledger h2{font-size:29px}
  .dashboard-page .game-choice{padding:25px;align-items:flex-start;flex-direction:column}.dashboard-page .secondary-strip{padding:23px;gap:15px;align-items:flex-start;flex-direction:column}.dashboard-page .secondary-strip strong{font-size:20px;line-height:1.4}
  .dashboard-page .mode-card{padding:28px;min-height:350px}.dashboard-page .mode-grid{gap:18px}.dashboard-page .city-copy{padding:24px}.dashboard-page .city-copy h3{font-size:31px}
  .dashboard-page .lobby-head{padding:26px}.dashboard-page .lobby-head h1{font-size:37px}.dashboard-page .asset-choice{padding:15px 9px}.dashboard-page .asset-choice span{font-size:15px}.dashboard-page .asset-choice small{font-size:9px;line-height:1.6}
  .dashboard-page .join-code-panel{padding:24px}.dashboard-page .join-code-panel form{display:flex;flex-direction:column;align-items:stretch;width:100%}.dashboard-page .join-code-panel input{width:100%;min-width:0}.dashboard-page .empty-room{padding:27px}
  .dashboard-page .migration-layout{grid-template-columns:1fr}.dashboard-page .migration-hero{padding:28px}.dashboard-page .migration-guide-jump{padding:19px}.dashboard-page .migration-form-panel{padding:24px}
  .dashboard-page .phone-link-heading{padding:26px}.dashboard-page .phone-link-columns{grid-template-columns:1fr}.dashboard-page .phone-link-panel h2{font-size:27px}.dashboard-page .phone-link-panel p{font-size:13px}
  .dashboard-page .guide-layout{display:block;padding:25px 18px 40px}.dashboard-page .guide-sidebar{position:relative;top:0;max-height:none;margin-bottom:26px;padding:17px 20px}.dashboard-page .guide-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.dashboard-page .guide-nav-label{grid-column:1/-1}.dashboard-page .guide-sidebar-help{display:none}.dashboard-page .guide-sidebar summary{font-size:13px}
  .dashboard-page.guide-page .guide-search-area{display:none}.dashboard-page .guide-header .account-wallet-link{margin-left:auto!important}.dashboard-page #guide-title{font-size:42px}.dashboard-page .guide-discover{grid-template-columns:1fr}.dashboard-page .guide-content{font-size:14px;line-height:1.85}.dashboard-page .guide-content>section{padding-block:26px}.dashboard-page .guide-content h2{font-size:29px}.dashboard-page .guide-note{padding:20px}
}
@media (prefers-reduced-motion:reduce) {
  @view-transition { navigation: none; }
  .dashboard-page * { scroll-behavior:auto!important; }
  ::view-transition-group(*) { animation:none!important; }
}

/* The player's club — a shared visual finish, with all account controls retained. */
.dashboard-page{--hub-border:#a69a792e;--hub-gold:#e5c485;background:radial-gradient(ellipse at 94% 0,#e5eada 0,transparent 36%),#f4f0e6;color:#203b34}
.dashboard-page.dash-ready>.site-header{height:76px;min-height:76px;background:#fbf8f0ed;border-bottom-color:#aaa78833}
.dash-sidebar{background:radial-gradient(ellipse at 0 0,#3b6558 0,transparent 44%),linear-gradient(160deg,#193d36,#102c2b 90%);box-shadow:4px 0 32px #112c2510}
.dash-brand{margin:4px 9px 0}.dash-edition{margin-top:14px;letter-spacing:.2em;color:#c9cdb6}
.dash-nav-group>p{font:9px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#96b0a3}
.dash-nav-group a{min-height:47px;color:#d0dfd3;gap:12px;position:relative;transition:background .2s,color .2s,transform .2s}
.dash-nav-group a[aria-current=page]{background:linear-gradient(110deg,#d8bd842b,#a0bca31b);box-shadow:inset 0 0 0 1px #ddc08a38,0 5px 15px #081e1b20;color:#ffe1a6}
.dash-nav-group a[aria-current=page]:before{display:none}.dash-nav-group a[aria-current=page]:after{content:'›';margin-left:auto;color:#e5c485;font:22px Georgia,serif}
.dash-sidebar-bottom{background:radial-gradient(ellipse at 35% 95%,#b9984c12,transparent 65%);padding:23px 13px 0}
.dash-sidebar-bottom p{font-size:23px;color:#ece4ca}.dash-sidebar-bottom p em{color:#b5c6b2}
.dash-breadcrumb>span{font:9px Arial,sans-serif;letter-spacing:.14em}.dash-breadcrumb strong{font-size:13px;color:#28493d}
.dashboard-page .site-header .account-wallet-link{box-shadow:0 2px 7px #1b342808;min-height:42px;border-color:#a69a793d;padding:10px 18px}
.dashboard-page :is(.account-heading,.mode-intro,.phone-link-heading) .eyebrow{font:600 10px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#966747}
.dashboard-page :is(.account-heading h1,.mode-intro h1,.lobby-head h1,.phone-link-heading h1){font-size:clamp(39px,3.65vw,58px);letter-spacing:-.052em;color:#1e3d34}
.dashboard-page .account-heading{position:relative;padding-right:110px}
.dashboard-page[data-dashboard-page=account] .account-heading:after{content:'';width:87px;height:87px;position:absolute;right:3px;top:1px;background:url('/assets/dashboard/club-seal.svg') center/contain no-repeat;opacity:.85}
.dashboard-page .button{border-radius:13px;box-shadow:0 5px 12px #153c2910;transition:transform .2s,background .2s,box-shadow .2s}
.dashboard-page .button:hover{box-shadow:0 7px 18px #153c2922}
.dashboard-page :is(.account-section,.dashboard-panel,.phone-link-panel){background:linear-gradient(125deg,#fffdf7,#faf7ee);border-color:var(--hub-border);box-shadow:0 4px 5px #2a483602,0 16px 36px #2a483604;border-radius:23px}
.dashboard-page :is(.account-section h2,.dashboard-panel h2,.phone-link-panel h2){font-size:28px;color:#22483b}
.dashboard-page :is(.account-status,.account-note,.account-empty){color:#586b5f}
.dashboard-page .account-strip{border-color:#b6c4a953;background:#e8ede080;border-radius:14px}
.dashboard-page .account-disclosure{background:#f7f6ec;border-color:#aebaa640;border-radius:15px}
.dashboard-page .account-stat{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffcf0,#f2eddf);border-top:1px solid #c4ae793f;box-shadow:0 8px 20px #2a483606}
.dashboard-page .account-stat:after{content:'';position:absolute;width:76px;height:76px;right:-25px;top:-25px;border:1px solid #baa36a35;border-radius:50%;box-shadow:0 0 0 10px #bba9720b,0 0 0 24px #bba97209;pointer-events:none}
.dashboard-page .account-stat small{font:600 9px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#68806a}.dashboard-page .account-stat strong{font-size:44px;color:#294e3c}
.dashboard-page .wallet-vault{border-radius:24px;overflow:hidden;border-color:#a69a794a}
/* Panoramic 3D flight stays intact; the frame and type carry the club identity. */
.dash-hero{min-height:510px;border-radius:28px;border:1px solid #bca56a69;box-shadow:0 22px 40px -18px #173c3b69}
.dash-hero:before{content:'';position:absolute;inset:11px;z-index:2;border:1px solid #efce8333;border-radius:18px;pointer-events:none}
.dash-hero-copy{padding:58px 49px 61px;max-width:57%}
.dash-hero .eyebrow{font:600 9px/1.7 Arial,sans-serif;letter-spacing:.17em;color:#f1d398}
.dash-hero h2{font-size:clamp(43px,4.1vw,70px);line-height:1.01;letter-spacing:-.045em;margin-top:23px;margin-bottom:24px}
.dash-hero h2 em{color:#f0d491}.dash-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#dce6d7;max-width:34ch}
.dash-hero .button{min-width:170px;border-radius:12px;min-height:51px;background:linear-gradient(125deg,#f8e4b2,#dfb974);border-color:#ffecbd;color:#223c32;margin-top:26px;box-shadow:0 5px 17px #08262d33}
.dash-hero-meta{margin-top:19px;gap:16px;font:9px Arial,sans-serif;letter-spacing:.05em;color:#e4e2cb}
.dash-hero-caption{right:31px;bottom:26px;font-size:8px;line-height:1.8;color:#f0dec0}
.dash-scene-controls{right:26px;top:25px}.dash-scene-controls button{font:10px Arial,sans-serif;padding:10px 14px;border-color:#f5d7903f;background:#1b3b35bc;backdrop-filter:blur(10px)}
/* Full-art game covers with quiet, readable footers. */
.dash-home-grid{grid-template-columns:minmax(0,2.1fr) minmax(270px,.9fr);gap:25px;margin-top:38px}
.dash-section-heading{margin-bottom:19px}.dash-section-heading h2{font-size:29px}.dash-section-heading a{font:600 11px Arial,sans-serif;color:#4f6b58}
.dash-games{gap:19px}.dash-game-wrap{min-width:0}.dash-game-wrap .dash-game,.dash-games>.dash-game{display:flex;position:relative;isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:390px;height:100%;overflow:hidden;border-radius:23px;border:1px solid #234f3a35;background:#183c34;box-shadow:0 8px 24px #29453612}
.dash-game-image{position:absolute;inset:0;height:100%;z-index:-2}.dash-game-image img{object-position:50% 20%;height:100%;width:100%}
.dash-game:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102e3215 5%,#102e3200 20%,#102e3290 49%,#112f2fec 73%,#112f2f 100%);pointer-events:none}
.dash-game-copy{padding:180px 25px 25px;color:#fff6df}.dash-game-copy>span{font:9px Arial,sans-serif;letter-spacing:.12em;color:#d1c995}
.dash-game-copy h3{font-size:32px;margin:10px 0 12px;color:#fff8e9}.dash-game-copy p{font:13px/1.7 Arial,sans-serif;color:#d5e3d3}
.dash-game-copy>b{font:600 12px Arial,sans-serif;border-color:#c6cba738;padding-top:17px;margin-top:20px}.dash-game-copy>b span{color:#efd394;font-size:18px}
.dash-game-image>span{top:17px;left:17px;padding:7px 10px;border-radius:30px;font:8px Arial,sans-serif;letter-spacing:.09em;background:#163c32c9;border-color:#f5e6c663;backdrop-filter:blur(8px)}
.dash-preview-button{right:17px;top:17px;border-radius:50%;width:34px;height:34px;background:#17382bcc;border-color:#efce833f}
.dash-migration-card{margin-top:51px;min-height:390px;border-radius:23px;padding:29px;border-color:#b39a584a;background:radial-gradient(circle at 100% 0,#fff3c6,transparent 56%),linear-gradient(145deg,#ebdfbc,#e6d7b3);box-shadow:0 10px 28px #795f1a0b}
.dash-migration-card:before{content:'';position:absolute;inset:9px;border:1px solid #9d844332;border-radius:15px;pointer-events:none}
.dash-migration-card:after{font-size:270px;right:-32px;bottom:74px;color:#ab89381a;transform:rotate(-12deg)}
.dash-migration-card h2{font-size:37px;max-width:none;line-height:1.02;margin-top:24px;margin-bottom:16px}.dash-migration-card>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#556045}
.dash-migration-card .eyebrow{font:600 9px/1.6 Arial,sans-serif;letter-spacing:.15em}.dash-route{margin-top:22px}.dash-migration-card .button{background:#234c3c;color:#fff2d1;border-color:#315644;margin-top:22px}.dash-migration-card .button:hover{background:#183c2d}
.dash-migration-help{color:#4b5d45;line-height:1.7!important}
.dash-shortcuts{border:0;gap:16px;margin-top:32px;margin-bottom:32px}.dash-shortcut,.dash-shortcut+.dash-shortcut{border:1px solid #a69a792e;border-radius:18px;background:#fffcf4;min-height:101px;padding:20px;transition:background .2s,transform .2s,box-shadow .2s}
.dash-shortcut>span:first-child{display:grid;place-items:center;flex:none;width:42px;height:45px;border-radius:13px;background:#eaf0e3;color:#59784a;font-size:25px}.dash-shortcut:nth-child(2)>span:first-child{background:#ece3cb;color:#92713c}.dash-shortcut:nth-child(3)>span:first-child{background:#e3ebe8;color:#3c7876}
.dash-shortcut strong{font-size:13px;line-height:1.4}.dash-shortcut small{font-size:11px;line-height:1.6}.dash-shortcut>b{font-size:19px;color:#8b7d53}
.dash-shortcut:hover{background:#fffef9;transform:translateY(-3px);box-shadow:0 10px 20px #2c493410}
/* Signature illustrated chapter openers, shared by the ledger and rankings. */
.hub-banner{min-height:335px;border-radius:28px;padding:45px 48px;background:radial-gradient(ellipse at 88% 40%,#5f8d6177,transparent 55%),linear-gradient(110deg,#133c32,#1d4638);box-shadow:0 20px 38px -20px #1d4a396b}
.hub-banner:before{inset:12px;border-color:#d8c28935;border-radius:18px}
.hub-banner:after{content:'';position:absolute;width:600px;height:600px;right:-135px;top:-100px;z-index:-1;background:url('/assets/dashboard/club-orbit.svg') center/contain no-repeat;opacity:.57;pointer-events:none}
.hub-banner-copy{max-width:60%}.hub-banner h1,.hub-banner h2{font-size:clamp(42px,4.1vw,65px);line-height:1.03;letter-spacing:-.047em}.hub-banner h1 em,.hub-banner h2 em{color:#ecc98a}
.hub-banner .eyebrow{font:600 9px/1.6 Arial,sans-serif;letter-spacing:.18em}.hub-banner p:not(.eyebrow){font-size:14px;line-height:1.85;color:#d6e3cf}
.hub-banner-art{width:34%;flex-basis:34%;max-width:350px;height:285px;transform:rotate(-5deg);filter:drop-shadow(0 17px 17px #031b1955)}
.hub-banner--ranks{min-height:290px}.hub-banner--ranks .hub-banner-art{height:245px;transform:rotate(7deg)}
.hub-status{padding:9px 12px;letter-spacing:.06em;font:9px/1.4 Arial,sans-serif;margin-top:23px}
.dashboard-page .treasury-assets{gap:19px}.dashboard-page .treasury-asset{border-radius:22px;min-height:249px;padding:29px;box-shadow:0 8px 18px #23482f06}
.dashboard-page .treasury-asset:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #99845314;border-radius:50%;right:-97px;bottom:-98px;box-shadow:0 0 0 21px #99845308,0 0 0 42px #99845305;pointer-events:none}
.dashboard-page .treasury-asset .availability{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-bottom:24px;color:#697b59}
.dashboard-page .treasury-asset h2{font-size:30px;margin-bottom:17px}.pool-seal{width:57px;height:57px;top:25px;right:23px;border-width:2px;box-shadow:inset 0 0 0 4px #fff8df66,inset 0 0 0 6px #a9885033,0 8px 14px #756f2a24}
.hub-process{background:transparent;border:0;padding:0;gap:18px;margin:31px 0}.hub-process article,.hub-process article+article{background:#e6ecdf7a;padding:26px;border:1px solid #b8c4a83b;border-radius:20px}
.hub-process b{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#8e7646;margin-bottom:17px}.hub-process h3{font-size:24px;margin-bottom:12px}.hub-process p{font-size:13px;color:#587059}
/* Each game mode has a real Belljack environment as its cover. */
.dashboard-page .mode-grid{gap:20px}.dashboard-page .mode-card{padding:24px 28px 28px;min-height:510px;border-radius:24px;background:#fffaf0;position:relative}
.club-mode-art{height:185px;display:block;width:calc(100% + 56px);max-width:none;object-fit:cover;margin:-24px -28px 23px;border-bottom:1px solid #9d956b33}
.dashboard-page .mode-card .card-index{font:9px Arial,sans-serif;letter-spacing:.12em;color:#6b7c60;display:flex;justify-content:space-between;border:0;padding:0;margin:0 0 21px}
.dashboard-page .mode-card .availability{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.06em;border-radius:30px;padding:7px 9px;background:#e7eedb;border:1px solid #baca9a55;align-self:flex-start}
.dashboard-page .mode-card h2{font-size:39px;line-height:1.03;margin:19px 0}.dashboard-page .mode-card>p:not(.availability){font-size:13px;line-height:1.8;max-width:38ch;color:#536654}
.dashboard-page .mode-card-earn{background:#173f35;color:#faf0d5}.dashboard-page .mode-card-earn h2{color:#fff4d9}.dashboard-page .mode-card-earn h2 em{color:#e9c789}.dashboard-page .mode-card-earn>p:not(.availability){color:#d0dfce}.dashboard-page .mode-card-earn .card-index{color:#becaab}.dashboard-page .mode-card-earn .availability{background:#b6c78719;color:#e2e8b7;border-color:#c4d39b40}.dashboard-page .mode-card-earn .button{background:#e8cb8f;color:#243c2d;border-color:#f4dfa9}.dashboard-page .mode-card-earn .text-link{color:#ebdcb3}
.dashboard-page .mode-card-combat{background:#e8e9df}.dashboard-page .mode-card-combat .club-mode-art{filter:saturate(.6)}
.dashboard-page .city-chooser{margin-top:46px}.dashboard-page .city-chooser-head h2{font-size:44px;letter-spacing:-.045em}.dashboard-page .city-card{border-radius:25px;box-shadow:0 12px 28px #1d443410}.dashboard-page .city-copy{padding:31px}.dashboard-page .city-copy h3{font-size:40px}.dashboard-page .city-copy p{font-size:14px;line-height:1.75}
.dashboard-page .mode-intro{padding-block:10px 14px}.dashboard-page .mode-intro>p:last-child{max-width:46ch}.dashboard-page .mode-intro h1 em{color:#708258}
/* Campaign board: full-bleed destination and a refined ticket for upcoming rewards. */
.dashboard-page .always-campaign{min-height:315px;padding:44px 42px;border-radius:27px;align-items:flex-end;background:linear-gradient(90deg,#153f38fa 0%,#153f38ed 28%,#153f3870 73%,#153f3833),url('/assets/docs/marble-mile.webp') center 44%/cover}
.dashboard-page .always-campaign:before{content:'';position:absolute;inset:11px;border:1px solid #ddc7823c;border-radius:18px;pointer-events:none}
.dashboard-page .always-campaign h2{font-size:clamp(43px,4.3vw,64px);margin-top:21px;margin-bottom:20px}.dashboard-page .always-campaign>div{max-width:57%}.dashboard-page .always-campaign .button{margin-bottom:7px;min-width:155px}
.dashboard-page .earn-ledger{border-radius:24px;padding:34px;gap:30px;background:linear-gradient(125deg,#fffdf5,#f3eedf);border:1px solid #b6a4743f;box-shadow:0 8px 23px #5e582008}
.dashboard-page .earn-ledger .ticket-stub{background:#244d3c;color:#ecd194;border:1px solid #345643;min-height:116px;border-radius:40px 40px 15px 15px;padding:20px 8px}.dashboard-page .earn-ledger .ticket-stub strong{font-size:44px}
.dashboard-page .earn-ledger aside{border-left-style:dashed;padding-left:28px}.dashboard-page .earn-ledger h2{font-size:34px}
/* The lobby and phone chapter get their own atmospheric covers. */
.dashboard-page .lobby-head{position:relative;isolation:isolate;overflow:hidden;min-height:290px;border-radius:27px;padding:41px 43px;background:linear-gradient(90deg,#163d36f5,#163d36d9 58%,#163d3680),url('/assets/landing/districts/d04.webp') center 38%/cover;box-shadow:0 20px 30px -23px #163d3670;align-items:flex-end}
.dashboard-page .lobby-head:before{content:'';position:absolute;inset:11px;border:1px solid #e0c68a35;border-radius:18px;pointer-events:none}.dashboard-page .lobby-head h1{color:#fff4dd;font-size:clamp(42px,4vw,62px)}.dashboard-page .lobby-head h1 em{color:#e9c686}.dashboard-page .lobby-head .eyebrow{color:#d1caa4;font:600 9px Arial,sans-serif;letter-spacing:.14em}.dashboard-page .lobby-head .button{background:#e9cc96;color:#234031;border-color:#f7dfa9}.dashboard-page .lobby-head .text-link{color:#e8e0c1}
.dashboard-page .lobby-actions{justify-content:flex-end;max-width:245px}.dashboard-page .game-choice{background:linear-gradient(120deg,#e3eadd,#eeebdd);border-radius:21px}.dashboard-page .join-code-panel{padding:28px 30px;background:#fcfaf2}.dashboard-page .join-code-panel h2{font-size:28px}
.dashboard-page .empty-room{background:radial-gradient(ellipse at 50% 0,#e6eddb,transparent 70%),#fdfbf4;border-style:dashed;padding:42px 30px}
.dashboard-page .phone-link-heading{position:relative;isolation:isolate;overflow:hidden;padding:41px 44px;border-radius:27px;background:radial-gradient(ellipse at 90% 30%,#557c566e,transparent 65%),#1b4236;min-height:313px;color:#fff5df}
.dashboard-page .phone-link-heading .eyebrow{color:#e4c792}.dashboard-page .phone-link-heading h1{color:#fff5de;font-size:clamp(42px,4vw,61px)}.dashboard-page .phone-link-heading h1 em{color:#e7c382}.dashboard-page .phone-link-heading>p:last-child{max-width:60%;color:#d2e0cd;font-size:14px;line-height:1.8}
.dashboard-page .phone-link-heading:after{content:'';position:absolute;width:230px;height:250px;right:32px;top:36px;z-index:-1;background:url('/assets/dashboard/club-phone.svg') center/contain no-repeat;transform:rotate(10deg)}
.dashboard-page .phone-link-heading:before{content:'';position:absolute;inset:11px;border:1px solid #d3be853b;border-radius:18px;pointer-events:none}
.dashboard-page .migration-hero{border-radius:27px;padding:41px 43px;min-height:315px;box-shadow:0 15px 30px #123e3114}.dashboard-page .migration-ratio{border-radius:70px 70px 18px 18px;padding:33px 16px;background:linear-gradient(135deg,#fff2c8,#d8b87b);border-color:#edd499;box-shadow:0 12px 17px #132f2638}.dashboard-page .migration-ratio strong{color:#4c613f}
.dashboard-page .migration-form-panel{background:linear-gradient(130deg,#fffdf7,#f7f5e9)}.dashboard-page .migration-step-number{border-radius:10px;background:#284c3c}.dashboard-page .migration-guide-methods{background:linear-gradient(125deg,#204b3c,#153831)}
.dashboard-page .login-portrait{border-radius:150px 150px 26px 26px;border:1px solid #baa67154;overflow:hidden;box-shadow:0 20px 42px #26483417;position:relative}.dashboard-page .login-portrait figcaption{font-size:36px;color:#fff0d3;background:linear-gradient(transparent,#173d31ec);padding:62px 30px 30px}.dashboard-page .login-copy>.account-heading{padding-right:0}.dashboard-page .login-copy .account-heading h1{font-size:clamp(48px,4.8vw,76px)}
.dashboard-page .login-guest{border-radius:20px;background:#e8ecde;padding:25px;border:1px solid #b4c3a946}.dashboard-page .social-login{border-radius:20px;background:#1e473a;border:1px solid #72815c50;color:#f6ecd7;padding:26px}.dashboard-page .social-login h2{color:#f6ecd7;font-size:29px}.dashboard-page .social-login :is(p,.account-note){color:#d0dec8}.dashboard-page .social-login small{color:#e4c48b}.dashboard-page .social-login .button{background:#eed39c;border-color:#f4deaf;color:#243e30}
.dashboard-page .guide-sidebar{background:linear-gradient(140deg,#e6ecdc,#ecebdd);border-color:#a1b09140}.dashboard-page .guide-cover-shot{border-radius:23px;box-shadow:0 12px 27px #234b3310}.dashboard-page .guide-discover a{border-radius:16px;background:#fffaf0;border-color:#b4ac8c42;padding:20px}.dashboard-page .guide-main h2{font-family:Georgia,serif;letter-spacing:-.035em;color:#294c3b}
.dashboard-page .leaderboard-filters{padding:13px;background:#e7ecde;border-radius:17px}.dashboard-page .leaderboard-filters button{min-height:43px;border-radius:11px}.dashboard-page .account-table th{background:#e7eddc;font-family:Arial,sans-serif;font-size:9px;color:#55704f}
.dashboard-page .account-table td{background:#fffdf61c}.dashboard-page .account-table tbody tr:hover{background:#e8efdf}.dashboard-page .account-table-wrap{border-radius:17px}
@media(min-width:1200px){.dashboard-page[data-dashboard-page=account] .account-heading{margin-bottom:31px}.dashboard-page .mode-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:40px}.dashboard-page .mode-intro>.eyebrow{grid-column:1/-1;margin-bottom:16px}.dashboard-page .mode-intro h1{margin:0}.dashboard-page .mode-intro>p:last-child{justify-self:end;align-self:end;padding-bottom:7px}.dash-migration-card h2{font-size:39px}}
@media(max-width:1199px){.dash-home-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:20px}.dash-game-copy{padding:176px 20px 22px}.dash-game-copy h3{font-size:29px}.dash-migration-card{padding:26px 23px}.dash-migration-card h2{font-size:34px}.dash-hero-copy{max-width:65%;padding-left:36px}.dash-hero{min-height:490px}.dash-shortcuts{gap:12px}.dash-shortcut,.dash-shortcut+.dash-shortcut{padding:17px 14px;gap:11px}.dash-shortcut>span:first-child{width:34px}.hub-banner{padding:36px}.hub-banner h1{font-size:47px}.hub-banner-art{height:255px}.dashboard-page .mode-card{padding:23px}.club-mode-art{margin:-23px -23px 22px;width:calc(100% + 46px)}.dashboard-page .mode-card h2{font-size:35px}}
@media(max-width:1050px) and (min-width:901px){.dash-home-grid{grid-template-columns:1fr}.dash-migration-card{margin-top:0;min-height:0}.dash-migration-card>p:not(.eyebrow){max-width:60ch}.dash-shortcuts{grid-template-columns:1fr}.dashboard-page .mode-grid{grid-template-columns:1fr}.dashboard-page .mode-card{min-height:0}.club-mode-art{height:230px}.dashboard-page .lobby-head{padding:32px;align-items:start;gap:25px}.dashboard-page .lobby-actions{justify-content:flex-start}.dashboard-page .phone-link-heading>p:last-child{max-width:70%}.dashboard-page .phone-link-heading:after{right:-20px;opacity:.6}}
@media(max-width:900px){.dashboard-page{--dash-space:26px}.dash-mobile-dock{background:#173d35f2;border-top:1px solid #c5ab754a;box-shadow:0 -5px 23px #12322815;backdrop-filter:blur(16px)}.dash-mobile-dock a{color:#c8d7c7;font:9px Arial,sans-serif}.dash-mobile-dock a[aria-current=page]{color:#f5d49b;background:#d4b4760e}.dash-mobile-dock svg{width:20px;height:20px}.dash-menu-button{background:#e6eddd;border:1px solid #b8c3a94d;border-radius:11px;color:#375c46}.dash-hero-copy{max-width:61%}.dash-home-grid{grid-template-columns:minmax(0,1.7fr) minmax(235px,1fr)}.dash-game-copy{padding-inline:20px}.dash-migration-card{padding:25px 21px}.dash-migration-card h2{font-size:34px}.dash-shortcuts{gap:12px}.dash-shortcut,.dash-shortcut+.dash-shortcut{padding:18px 14px}.dash-shortcut>span:first-child{display:none}.dashboard-page .mode-grid{grid-template-columns:1fr 1fr}.dashboard-page .mode-card-combat{grid-column:1/-1;display:block;min-height:0}.dashboard-page .mode-card-combat .club-mode-art{height:220px}.hub-banner-copy{max-width:65%}.hub-banner-art{width:30%;flex-basis:30%}.dashboard-page .lobby-head{gap:20px}.dashboard-page .lobby-actions{max-width:220px}}
@media(max-width:700px){.dash-home-grid{grid-template-columns:1fr}.dash-migration-card{margin-top:0;min-height:0;padding:28px}.dash-migration-card h2{font-size:38px}.dash-migration-card>p:not(.eyebrow){max-width:48ch}.dash-shortcuts{grid-template-columns:1fr}.dash-shortcut>span:first-child{display:grid}.dash-shortcut,.dash-shortcut+.dash-shortcut{min-height:87px;padding:19px 21px}.dashboard-page .lobby-head{flex-direction:column;align-items:stretch}.dashboard-page .lobby-actions{max-width:none;justify-content:flex-start}.dashboard-page .phone-link-heading:after{width:155px;height:190px;right:-24px;top:20px;opacity:.33}.dashboard-page .phone-link-heading>p:last-child{max-width:100%}.hub-process{grid-template-columns:1fr}.hub-process article,.hub-process article+article{padding:23px 25px}.dashboard-page .mode-grid{grid-template-columns:1fr}.dashboard-page .mode-card-combat{grid-column:auto}}
@media(max-width:650px){.dashboard-page{--dash-space:18px}.dashboard-page.dash-ready>.site-header{height:66px;min-height:66px}.dashboard-page.dash-ready>:is(.account-main,.mode-shell,.phone-link-main){padding-top:25px}.dashboard-page .account-heading{padding-right:0;margin-bottom:24px}.dashboard-page[data-dashboard-page=account] .account-heading:after{display:none}.dashboard-page :is(.account-heading h1,.mode-intro h1,.phone-link-heading h1){font-size:39px}.dashboard-page .dash-welcome-note{font-size:13px;line-height:1.7;max-width:30ch}.dash-hero{min-height:650px;border-radius:23px;align-items:flex-end}.dash-hero:before{inset:8px;border-radius:16px}.dash-hero-copy{padding:315px 26px 34px;max-width:100%;width:100%}.dash-hero h2{font-size:43px;line-height:1.03;margin:0 0 18px}.dash-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:30ch}.dash-hero .button{margin-top:24px}.dash-hero-meta{font-size:8px;flex-wrap:wrap;gap:11px;margin-top:18px}.dash-scene-controls{top:20px;right:19px}.dash-hero-caption{display:none}.dash-home-grid{margin-top:30px}.dash-section-heading h2{font-size:28px}.dash-games{gap:16px;grid-template-columns:1fr 1fr}.dash-game-wrap .dash-game,.dash-games>.dash-game{min-height:345px;border-radius:20px}.dash-game-copy{padding:151px 18px 19px}.dash-game-copy h3{font-size:29px;line-height:1.02}.dash-game-copy>span{font-size:8px;line-height:1.6}.dash-game-copy p{font-size:12px}.dash-game-copy>b{font-size:11px}.dash-game-image>span{font-size:7px;left:12px;top:13px;padding:7px}.dash-preview-button{top:47px;right:12px}.hub-banner{padding:29px 27px 28px;min-height:0;display:block;border-radius:23px}.hub-banner-copy{max-width:100%}.hub-banner h1,.hub-banner h2{font-size:42px}.hub-banner .eyebrow{font-size:8px;max-width:80%;line-height:1.7}.hub-banner p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:100%}.hub-banner-art{display:block;width:165px;max-width:none;height:160px;margin:23px auto 0;transform:rotate(-5deg)}.hub-banner--ranks .hub-banner-art{height:155px;width:165px;margin-top:15px}.hub-banner:after{right:-200px;top:-60px;width:520px;height:520px;opacity:.35}.hub-status{font-size:8px;margin-top:20px}.dashboard-page .treasury-asset{padding:26px;min-height:221px}.dashboard-page .treasury-asset h2{font-size:29px}.dashboard-page .always-campaign{display:block;padding:30px 27px;min-height:410px;background:linear-gradient(90deg,#153f38f5,#153f38bd),url('/assets/docs/marble-mile.webp') 65% center/cover;border-radius:23px}.dashboard-page .always-campaign>div{max-width:100%}.dashboard-page .always-campaign h2{font-size:46px}.dashboard-page .always-campaign .button{margin:25px 0 0;display:inline-flex}.dashboard-page .earn-ledger{padding:25px;gap:22px}.dashboard-page .earn-ledger .ticket-stub{border-radius:12px;min-height:0;padding:12px;flex-direction:row;justify-content:flex-start;gap:20px}.dashboard-page .ticket-stub>span{font-size:8px;text-align:left}.dashboard-page .ticket-stub strong{font-size:27px!important}.dashboard-page .earn-ledger h2{font-size:31px}.dashboard-page .earn-ledger aside{border-left:0;border-top:1px dashed #b7b29577;padding:22px 0 0}.dashboard-page .lobby-head{padding:30px 27px;min-height:330px;border-radius:23px}.dashboard-page .lobby-head h1{font-size:43px}.dashboard-page .lobby-head .eyebrow{font-size:8px;line-height:1.6}.dashboard-page .phone-link-heading{padding:30px 27px;border-radius:23px}.dashboard-page .phone-link-heading h1{font-size:43px}.dashboard-page .phone-link-heading>p:last-child{font-size:13px}.dashboard-page .mode-card{padding:25px;min-height:0;border-radius:23px}.club-mode-art{margin:-25px -25px 24px;width:calc(100% + 50px);height:210px}.dashboard-page .mode-card h2{font-size:43px}.dashboard-page .mode-intro{padding-block:0 4px}.dashboard-page .city-copy{padding:26px}.dashboard-page .city-copy h3{font-size:37px}.dashboard-page .migration-hero{padding:29px;min-height:0;border-radius:23px}.dashboard-page .migration-ratio{border-radius:15px;padding:19px;box-shadow:none}.dashboard-page .login-portrait{border-radius:110px 110px 25px 25px}.dashboard-page .login-copy .account-heading h1{font-size:52px}.dashboard-page .account-stat strong{font-size:34px}.dashboard-page .account-stat small{font-size:8px}.dashboard-page .account-stat:after{opacity:.5}.dashboard-page .guide-layout{padding-top:25px}}
@media(max-width:430px){.dash-games{grid-template-columns:1fr}.dash-game-wrap .dash-game,.dash-games>.dash-game{min-height:363px}.dash-game-copy{padding:168px 25px 24px}.dash-game-copy h3{font-size:35px}.dash-game-copy>span{font-size:9px}.dash-game-copy p{font-size:13px}.dash-game-copy>b{font-size:12px}.dash-game-image>span{font-size:8px;left:17px;top:17px}.dash-preview-button{top:15px;right:17px}.dash-hero h2{font-size:40px}.dash-hero-copy{padding-inline:25px}.dash-hero-meta{gap:9px;font-size:7px}.hub-banner h1,.hub-banner h2{font-size:38px}.dashboard-page .account-heading h1{font-size:37px}.dashboard-page .hub-banner .text-link{margin-top:12px}.dashboard-page .join-code-panel{padding:24px}.dashboard-page .phone-link-heading h1{font-size:40px}}
.dash-preview-button{width:auto;height:auto;min-height:36px;max-width:100px;border-radius:30px;padding:9px 12px;color:#f7e4bd;white-space:nowrap}
.dash-preview-button:hover{color:#1b3d32}
.dashboard-page .login-portrait figcaption{inset:auto 0 0;max-width:none;transform:none;font:italic 35px/1.08 Georgia,serif;text-align:left;padding:70px 30px 30px;letter-spacing:-.03em;background:linear-gradient(transparent,#173d31f5)}
.dash-home-grid>section{display:flex;flex-direction:column;min-width:0}.dash-games{flex:1}
@media(min-width:701px){.dash-home-grid{align-items:stretch}.dash-game-wrap .dash-game,.dash-games>.dash-game{min-height:410px}}
@media(max-width:650px){.hub-banner-art{position:relative;right:auto;bottom:auto;opacity:1;z-index:0}.hub-process{padding:0}.dashboard-page .earn-ledger .ticket-stub{display:flex}.dashboard-page .dash-hero{min-height:650px}.dash-preview-button{top:16px}.dash-hero-copy{padding-top:315px}}
@media(min-width:431px) and (max-width:650px){.dash-preview-button{top:49px}}
@media(prefers-reduced-motion:reduce){.dashboard-page :is(.dash-game,.dash-game img,.dash-shortcut,.dash-nav-group a,.button){transition:none!important;transform:none!important}}