/* A little theatre around a calm, useful dashboard. Financial forms stay still. */
@view-transition{navigation:auto}
::view-transition-old(root){animation-duration:120ms}::view-transition-new(root){animation-duration:180ms}
.dashboard-page{--paper:#f4efe3;--muted:#59665f;background-image:radial-gradient(ellipse at 88% 0,#dfc99b20,transparent 50%)}
.dash-sidebar{background:radial-gradient(ellipse at 5% 0,#35534b 0,transparent 42%),#172929;border-right:1px solid #c4ad7033}
.dash-brand{filter:drop-shadow(0 2px 10px #0002)}.dash-nav-group a{position:relative;transition:background .2s,color .2s,transform .2s}.dash-nav-group a:hover{transform:translateX(3px)}.dash-nav-group a[aria-current=page]:before{content:'';position:absolute;inset:12px auto 12px -14px;width:2px;background:#d9b777;border-radius:3px}
.dashboard-page .account-heading h1{letter-spacing:-.05em}.dashboard-page .dash-hero{min-height:440px;background:radial-gradient(ellipse at 83% 6%,#a38e5880,transparent 56%),linear-gradient(115deg,#172e2d,#334b3f);border:1px solid #b3a6754d;box-shadow:0 24px 40px -30px #10241e99,inset 0 1px #f8eac440}
.dash-hero-art{width:70%;opacity:.75;transition:opacity .8s}.dash-hero:after{background:linear-gradient(90deg,#192f2f 0%,#192f2ff2 29%,#192f2f85 48%,transparent 78%);pointer-events:none;z-index:1}
.dash-rooftop{position:absolute;inset:0 -4% 0 37%;z-index:0;pointer-events:none}.dash-rooftop canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}.dash-rooftop.is-rendered canvas{opacity:1}.dash-hero:has(.is-rendered)>.dash-hero-art{opacity:0}
.dash-hero-copy{z-index:2;max-width:56%;padding:44px}.dash-hero h2{font-size:clamp(42px,4.2vw,65px);line-height:1.01;letter-spacing:-.055em}.dash-hero h2 em{color:#e4c38b}.dash-hero-copy>p:not(.eyebrow){color:#d0d8c8;max-width:300px}.dash-hero .eyebrow{letter-spacing:.17em}.dash-hero .button{box-shadow:0 5px 18px #061c272b;min-width:168px;justify-content:space-between}
.dash-hero-meta{display:flex;gap:15px;align-items:center;margin-top:17px;font:9px/1.5 'Courier New',monospace;letter-spacing:.05em;color:#c5d3c1}.dash-hero-meta span:before{content:'✓';margin-right:5px;color:#e9c68b}
.dash-scene-controls{position:absolute;right:20px;top:18px;z-index:3;display:flex;gap:7px}.dash-scene-controls button{border:1px solid #e4d0a94a;background:#1b302ecf;color:#f3e3c4;border-radius:30px;min-height:36px;padding:8px 12px;font:10px Arial,sans-serif;backdrop-filter:blur(8px);cursor:pointer}.dash-scene-controls button:hover{background:#355347}.dash-hero-caption{z-index:2;bottom:21px;background:transparent;border:0;border-left:1px solid #dbc18d60;border-radius:0;padding:0 0 0 12px;line-height:1.6;color:#d7c59a}
.dash-home-grid{margin-top:38px;gap:28px}.dash-section-heading h2{font-size:27px}.dash-game-wrap{position:relative;min-width:0;perspective:1000px}.dash-game-wrap>.dash-game{display:block;height:100%;transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .25s,box-shadow .25s;border-color:#9b8d6b42;background:linear-gradient(135deg,#fffdf5,#f7efde);box-shadow:0 5px 14px #25372b05}.dash-game-wrap>.dash-game:hover{box-shadow:0 15px 24px -13px #233b3b50}.dash-game-image{height:175px}.dash-game-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15282744,transparent 70%);pointer-events:none}.dash-game-image img{transition:transform .55s}.dash-game-copy{padding:21px}.dash-game-copy h3{font-size:26px}.dash-game-copy p{font-size:12px}.dash-game-copy>b{padding-top:16px;margin-top:20px}.dash-game video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.dash-game-wrap.is-previewing video{opacity:1}.dash-preview-button{position:absolute;z-index:3;right:9px;top:126px;background:#f7eddaed;color:#1b302c;border:1px solid #fff6;border-radius:30px;min-height:36px;padding:8px 10px;font:10px Arial,sans-serif;cursor:pointer}.dash-preview-button:hover{background:#fff8e9}.dash-game-image>span{z-index:2}
.dash-migration-card{background:radial-gradient(ellipse at 100% 0,#fbefcb77,transparent 80%),#e7dabb;border-color:#ad905452;box-shadow:inset 0 1px #fff8}.dash-migration-card:after{content:'J';position:absolute;right:-4px;top:0;font:italic 160px Georgia,serif;color:#bba57317;pointer-events:none}.dash-migration-card h2{font-size:32px}.dash-route b:last-child{border:1px solid #b7985855;border-radius:50%;padding:10px;font-size:19px}.dash-shortcut:hover>span:first-child{transform:rotate(-8deg)}.dash-shortcut>span:first-child{transition:transform .2s}
.dash-player-pass{display:flex;gap:20px;align-items:center;margin:0 0 26px;padding:20px 23px;border:1px solid #b5ab8b70;border-radius:11px;background:linear-gradient(110deg,#fcfaf2,#ece6d4);box-shadow:inset 0 1px #fff;position:relative;overflow:hidden}.dash-player-pass>img{width:64px;height:64px;object-fit:contain;border:1px solid #c7b98e;border-radius:50%;padding:4px;background:#f8f3e5}.dash-player-pass small{display:block;font:9px/1.4 'Courier New',monospace;letter-spacing:.12em;color:#7b6c4c}.dash-player-pass h2{font:normal 25px/1.2 Georgia,serif;margin:5px 0}.dash-player-pass p{font:11px/1.5 Arial,sans-serif;color:#667365}.dash-player-level{margin-left:auto;max-width:240px;min-width:155px}.dash-player-level strong{font:12px/1.4 Arial,sans-serif}.dash-level-track{display:flex;gap:4px;margin:10px 0 7px}.dash-level-track i{height:5px;flex:1;border-radius:4px;background:#d3d7c6}.dash-level-track i[data-complete=true]{background:#56715a}.dash-player-level a{font:10px Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.dashboard-page .profile-preview img{border:1px solid #b6a574;border-radius:50%;background:#f2ebd9;padding:4px}.dashboard-page .account-stat{position:relative;overflow:hidden}.dashboard-page .account-stat:after{content:'';position:absolute;right:-22px;bottom:-35px;border:1px solid #aa996322;border-radius:50%;width:100px;height:100px}.dashboard-page .account-stat strong{font-weight:400}.dashboard-page .account-table tbody tr{transition:background .2s}.dashboard-page .account-table tbody tr:hover{background:#e8e8d866}
.dashboard-page .migration-receipt{position:relative;overflow:hidden;border:1px solid #8f9f7d;padding-top:24px;box-shadow:0 10px 28px -22px #334a30}.dash-receipt-seal{display:flex;gap:10px;align-items:center;color:#446346;font:9px/1.4 'Courier New',monospace;letter-spacing:.14em;margin:0 0 16px}.dash-receipt-seal svg{width:34px;height:34px;padding:7px;border:1px solid #75916a;border-radius:50%;flex:none}.dash-receipt-seal span{border-block:1px solid #7b926a66;padding:6px 0}.dashboard-page .migration-details dd{overflow-wrap:anywhere}
.dash-free-play{display:flex;align-items:center;gap:20px;padding:22px 26px;margin:0 0 26px;background:#e3e8da;border:1px solid #a8b39666;border-radius:10px}.dash-free-play h2{font:normal 25px Georgia,serif;margin:0 0 7px}.dash-free-play p{font:12px/1.6 Arial,sans-serif;color:#526653}.dash-free-play .button{flex:none;margin-left:auto}.dash-free-play [role=status]{font-size:11px}.dashboard-page .login-guest{margin:0 0 28px;padding:23px;border-radius:10px;border:1px solid #b2bc9966;background:#e6eadb}.dashboard-page .login-guest-title{font:normal 30px Georgia,serif;margin-bottom:13px}.dashboard-page .login-steps{border-top:1px solid #b6b8a755;padding-top:23px}
@media(max-width:1180px) and (min-width:901px){.dash-hero-copy{padding:35px;max-width:61%}.dash-hero h2{font-size:48px}.dash-rooftop{left:37%;right:-12%}.dash-game-image{height:205px}.dash-preview-button{top:156px}}
@media(max-width:900px){.dashboard-page .dash-hero{min-height:410px}.dash-hero-copy{padding:32px}.dash-hero h2{font-size:48px}.dash-game-copy{padding:17px}.dash-game-copy h3{font-size:23px}.dash-game-image{height:158px}.dash-preview-button{top:109px}}
@media(max-width:650px){.dashboard-page .dash-hero{min-height:600px;display:block;background:radial-gradient(ellipse at 70% 5%,#7b784e,transparent 60%),#1b3431}.dash-hero-art{height:65%;width:100%;object-position:70% center}.dash-rooftop{inset:-25px -7% auto -7%;height:365px}.dash-hero:after{background:linear-gradient(0deg,#193330 0%,#193330 34%,#193330c9 43%,transparent 69%)}.dash-hero-copy{padding:315px 25px 29px;max-width:none}.dash-hero h2{font-size:43px;max-width:300px;margin-top:0}.dash-hero-copy>p:not(.eyebrow){font-size:12px;max-width:280px}.dash-hero .button{margin-top:18px}.dash-hero-caption{display:none}.dash-scene-controls{top:14px;right:14px}.dash-hero-meta{font-size:8px;gap:12px}.dash-home-grid{margin-top:28px}.dash-game-copy{padding:17px 13px}.dash-game-copy h3{font-size:22px}.dash-game-copy p{font-size:11px}.dash-game-image{height:150px}.dash-preview-button{top:103px;font-size:9px;min-height:34px}.dash-section-heading h2{font-size:24px}.dash-player-pass{gap:13px;flex-wrap:wrap;padding:18px}.dash-player-pass>img{width:51px;height:51px}.dash-player-pass h2{font-size:22px}.dash-player-level{margin:3px 0 0;width:100%;max-width:none;border-top:1px solid #b6b8a755;padding-top:13px}.dash-free-play{display:block;padding:22px}.dash-free-play .button{margin:16px 0 0;width:100%}.dash-migration-card h2{font-size:34px}.dashboard-page .login-portrait{display:none}}
@media(max-width:360px){.dash-hero-copy{padding-inline:20px}.dash-hero h2{font-size:37px}.dash-game-copy h3{font-size:19px}.dash-game-copy>span{font-size:7px}.dash-game-copy>b{font-size:10px}.dash-game-image>span{font-size:7px;left:7px}.dash-game-copy p{font-size:10px}.dash-scene-controls button{font-size:9px}.dash-hero-meta{gap:8px;font-size:7px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.dashboard-page *, .dashboard-page *:before,.dashboard-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dash-game-wrap>.dash-game{transform:none!important}}

/* The getaway: a full-width, real-time city behind a quiet, readable invitation. */
.dashboard-page .dash-hero{min-height:490px;border-radius:16px;background:#17373e;border:1px solid #d9b98680;box-shadow:0 24px 48px -29px #19333188,inset 0 1px #fff2}
.dashboard-page .dash-rooftop{inset:0 0 0 0;width:100%;height:100%;overflow:hidden}
.dashboard-page .dash-hero-art{width:100%;height:100%;opacity:1;object-position:65% center}
.dashboard-page .dash-hero:after{background:linear-gradient(90deg,#0f2b32f7 0%,#0f2b32e8 22%,#17363ba6 39%,#1a343532 59%,transparent 78%),linear-gradient(0deg,#102c3899,transparent 30%)}
.dashboard-page .dash-hero-copy{padding:54px 48px;max-width:54%;align-self:center}
.dashboard-page .dash-hero h2{font-size:clamp(42px,4.2vw,67px);line-height:1.01;text-shadow:0 2px 20px #102b3020}
.dashboard-page .dash-hero h2 em{color:#f4cf89}
.dashboard-page .dash-hero .eyebrow{color:#e8c798;font-size:9px;letter-spacing:.15em;margin-bottom:23px}
.dashboard-page .dash-hero-copy>p:not(.eyebrow){color:#dee6dc;font-size:13px;line-height:1.75;max-width:300px}
.dashboard-page .dash-hero .button{background:#f2d5a0;border:1px solid #fce4b9;color:#19383b;min-height:49px;padding:14px 21px;box-shadow:0 8px 24px #10232b40,inset 0 1px #fff7;transition:background .2s,box-shadow .2s,transform .2s}
.dashboard-page .dash-hero .button:hover{background:#ffe8b9;transform:translateY(-2px);box-shadow:0 12px 28px #10232b55}
.dashboard-page .dash-scene-controls{top:21px;right:21px;gap:8px}
.dashboard-page .dash-scene-controls button{background:#16363dcf;border-color:#f6dfb54a;color:#fff0d1;min-height:36px;font-size:10px}
.dashboard-page .dash-scene-controls button:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}
.dashboard-page .dash-hero-caption{right:25px;bottom:25px;color:#fff0cf;text-shadow:0 2px 8px #102b32;font-size:8px;letter-spacing:.13em;border-color:#f6d59a90}
@media(max-width:1180px) and (min-width:651px){.dashboard-page .dash-hero-copy{padding:38px 31px;max-width:57%}.dashboard-page .dash-hero h2{font-size:46px}.dashboard-page .dash-hero{min-height:455px}.dashboard-page .dash-hero .eyebrow{max-width:190px;line-height:1.6}}
@media(max-width:650px){
 .dashboard-page .dash-hero{min-height:650px;display:block;border-radius:13px}
 .dashboard-page .dash-rooftop{inset:0;width:100%;height:350px}
 .dashboard-page .dash-hero-art{height:350px;object-position:67% center}
 .dashboard-page .dash-hero:after{background:linear-gradient(0deg,#143139 0%,#143139 46%,#143139f0 50%,#14313922 65%,transparent 76%)}
 .dashboard-page .dash-hero-copy{padding:317px 26px 30px;max-width:none}
 .dashboard-page .dash-hero h2{font-size:43px;max-width:330px}
 .dashboard-page .dash-hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:14px;max-width:240px}
 .dashboard-page .dash-hero-copy>p:not(.eyebrow){font-size:12px;max-width:285px}
 .dashboard-page .dash-scene-controls{right:12px;top:12px;gap:6px}
 .dashboard-page .dash-scene-controls button{font-size:9px;padding:7px 10px}
 .dashboard-page .dash-hero-meta{font-size:8px;gap:12px}
}
@media(max-width:360px){.dashboard-page .dash-hero-copy{padding-inline:21px}.dashboard-page .dash-hero h2{font-size:37px}.dashboard-page .dash-hero-meta{font-size:7px;gap:9px}}