/* Full-art console tiles, with real player data in contiguous lower trays. */
.player-command .console-dashboard-050 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; background:none; border:0; }
.console-dashboard-050,.console-dashboard-050 * { letter-spacing:0; }
.dashboard-tile { position:relative; isolation:isolate; min-width:0; overflow:hidden; border:1px solid #e3e9f024; border-radius:8px; background:#101215; display:flex; flex-direction:column; box-shadow:0 9px 30px #0003; transition:border-color .25s,box-shadow .25s; }
.dashboard-tile:focus-within,.dashboard-tile:hover { border-color:#e5d39a99; box-shadow:0 12px 30px #0005; }
.dashboard-showcase { position:relative; isolation:isolate; min-height:360px; flex:1; display:flex; flex-direction:column; justify-content:space-between; padding:25px 28px; }
.dashboard-scene { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.dashboard-showcase>.dashboard-kicker,.dashboard-title,.dashboard-pass-copy { position:relative; z-index:1; }
.dashboard-scene>img { width:100%; height:100%; object-fit:cover; object-position:55% 38%; transform-origin:70% 45%; animation:dashboard-camera 16s ease-in-out infinite; }
.dashboard-scene:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#080b10e8,transparent 68%),linear-gradient(90deg,#090c1166,transparent 75%); }
.dashboard-crew .dashboard-scene>img { object-position:62% 25%; animation-duration:19s; animation-direction:reverse; }
.dashboard-light { position:absolute; inset:0; background:linear-gradient(110deg,transparent 38%,#fff5c812 49%,transparent 60%); background-size:250% 100%; mix-blend-mode:screen; animation:dashboard-light 11s ease-in-out infinite; }
.dashboard-crew .dashboard-light { background-image:linear-gradient(110deg,transparent 38%,#b6f5ff16 49%,transparent 60%); animation-delay:-5s; }
.dashboard-kicker { display:flex; align-items:center; gap:8px; font:600 10px/1.4 Consolas,monospace; color:#fff0ba; text-shadow:0 1px 8px #0009; }
.dashboard-crew .dashboard-kicker { color:#cef7fa; }
.dashboard-title { position:relative; max-width:85%; margin-top:100px; }
.dashboard-title h3,.dashboard-pass h3 { margin:0; font:850 34px/1.03 var(--display-font); color:#fff; text-shadow:0 3px 22px #0006; overflow-wrap:anywhere; }
.dashboard-title p { margin:13px 0 0; font-size:13px; line-height:1.6; color:#e1e5ec; }
.dashboard-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:15px 22px; background:#12151a; border-top:1px solid #d5e1ed17; }
.dashboard-bottom>span { font:9px/1.5 Consolas,monospace; color:#b8bfc9; }
.dashboard-action { display:flex; align-items:center; justify-content:center; gap:12px; min-height:40px; padding:9px 14px; color:#16191c; background:#efefeb; border-radius:4px; font-size:12px; font-weight:750; }
.dashboard-action:hover { background:#ffda78; color:#17191b; }
.dashboard-action:focus-visible,.dashboard-friend:focus-visible,.dashboard-pass:focus-visible { outline:3px solid #ffda78; outline-offset:-3px; }
.dashboard-crew .dashboard-action:hover { background:#baedf0; }
.dashboard-tile.is-populated .dashboard-showcase { min-height:215px; flex:0; padding-top:20px; padding-bottom:22px; }
.dashboard-tile.is-populated .dashboard-title { margin-top:55px; }
.dashboard-tile.is-populated .dashboard-title h3 { font-size:29px; }
.dashboard-tile.is-populated .dashboard-scene>img { object-position:50% 22%; }
.dashboard-feed,.dashboard-friends { padding:3px 22px; flex:1; background:#101318; }
.dashboard-event,.dashboard-friend { display:flex; align-items:center; gap:13px; min-height:64px; padding:12px 0; border-bottom:1px solid #d8e1eb14; }
.dashboard-event:last-child,.dashboard-friend:last-child { border-bottom:0; }
.dashboard-event-icon { color:#f2d074; display:grid; place-items:center; width:26px; flex-shrink:0; }
.dashboard-event>span:nth-child(2),.dashboard-friend>span:nth-child(2) { min-width:0; flex:1; }
.dashboard-event strong,.dashboard-friend strong { display:block; font-size:12px; line-height:1.45; color:#eef1f4; overflow-wrap:anywhere; }
.dashboard-event small,.dashboard-friend small { display:block; margin-top:4px; font-size:10px; color:#aab4c1; line-height:1.5; }
.dashboard-event b { font:600 12px/1.4 Consolas,monospace; color:#f5d57d; white-space:nowrap; }
.dashboard-friend small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dashboard-friend:hover { background:#ffffff06; }
.dashboard-friend>.icon { color:#a8cad0; flex-shrink:0; }
.dashboard-avatar { flex-shrink:0; position:relative; }
.dashboard-avatar i { position:absolute; right:0; bottom:0; width:9px; height:9px; border-radius:50%; background:#78808b; border:2px solid #11151a; }
.dashboard-avatar i.is-online { background:#86dfb2; }
.console-dashboard-050 .dashboard-pass { grid-column:1/-1; min-height:254px; padding:28px 32px; display:block; }
.dashboard-pass .dashboard-scene>img { object-position:75% 50%; animation-duration:20s; }
.dashboard-pass .dashboard-scene:after { background:linear-gradient(90deg,#080b0fe8, #080b0f80 35%,transparent 67%); }
.dashboard-pass-copy { position:relative; max-width:43%; }
.dashboard-pass h3 { margin:16px 0 10px; font-size:32px; }
.dashboard-pass-copy>p { margin:0; color:#e4e8eb; font-size:12px; line-height:1.6; max-width:330px; }
.dashboard-pass-state { display:flex; align-items:center; flex-wrap:wrap; gap:8px 13px; margin:16px 0; }
.dashboard-pass-state strong { color:#ffe09a; font-size:17px; }
.dashboard-pass-state span { color:#ced5de; font-size:10px; line-height:1.5; }
.dashboard-pass-action { display:inline-flex; align-items:center; gap:12px; color:#15181c; background:#f2e1b4; border-radius:4px; min-height:38px; padding:9px 14px; font-size:12px; font-weight:750; }
.dashboard-pass:hover .dashboard-pass-action { background:#ffdb7f; }
@keyframes dashboard-camera { 0%,100% { transform:scale(1); } 50% { transform:scale(1.035) translate(-3px,-2px); } }
@keyframes dashboard-light { 0%,15% { background-position:100% 0; opacity:0; } 40%,60% { opacity:.8; } 85%,100% { background-position:0 0; opacity:0; } }
@media(min-width:2000px) { .dashboard-showcase { min-height:440px; } .dashboard-title h3 { font-size:40px; } .console-dashboard-050 .dashboard-pass { min-height:290px; } }
@media(max-width:1100px) { .dashboard-showcase { min-height:340px; padding:22px; } .dashboard-title h3 { font-size:30px; } .dashboard-bottom { padding:14px 17px; } .dashboard-pass-copy { max-width:48%; } .dashboard-pass h3 { font-size:30px; } }
@media(max-width:760px) {
 .player-command .console-dashboard-050 { grid-template-columns:1fr; gap:18px; }
 .dashboard-showcase { min-height:340px; padding:22px; }
 .dashboard-title { max-width:90%; }
 .dashboard-title h3 { font-size:32px; }
 .dashboard-bottom { gap:12px; padding:14px 18px; }
 .dashboard-bottom>span { font-size:8px; }
 .dashboard-action { font-size:11px; min-height:40px; }
 .dashboard-feed,.dashboard-friends { padding-inline:17px; }
 .dashboard-event { gap:8px; }
 .dashboard-event b { font-size:10px; }
 .console-dashboard-050 .dashboard-pass { min-height:460px; padding:210px 22px 24px; }
 .dashboard-pass .dashboard-scene>img { width:auto; max-width:none; height:270px; position:absolute; top:0; right:calc(50% - 145px); object-fit:contain; }
 .dashboard-pass .dashboard-scene:after { background:linear-gradient(0deg,#0c1016 35%,#0c101600 78%); }
 .dashboard-pass-copy { max-width:100%; }
 .dashboard-pass h3 { font-size:30px; margin-top:12px; }
 .dashboard-pass-state { margin:13px 0; }
}
@media(max-width:360px) { .dashboard-showcase { min-height:310px; padding:20px; } .dashboard-title h3 { font-size:29px; } .dashboard-bottom { align-items:flex-start; flex-direction:column; } .dashboard-action { width:100%; } .dashboard-event strong { font-size:11px; } }
@media(max-width:760px) { body[data-surface="home"] .header-tools .build-indicator { display:none; } }
@media(min-width:1000px) {
 .player-command .console-dashboard-050 { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
 .console-dashboard-050 .dashboard-showcase { min-height:290px; padding:22px; }
 .console-dashboard-050 .is-populated .dashboard-showcase { min-height:210px; }
 .console-dashboard-050 .dashboard-title h3 { font-size:28px; }
 .console-dashboard-050 .dashboard-bottom { padding:13px 18px; gap:8px; }
 .console-dashboard-050 .dashboard-pass { grid-column:auto; min-height:400px; padding:210px 22px 24px; display:flex; justify-content:flex-end; }
 .dashboard-pass .dashboard-scene>img { width:auto; max-width:none; height:300px; position:absolute; top:0; right:calc(50% - 160px); object-fit:contain; }
 .dashboard-pass .dashboard-scene:after { background:linear-gradient(0deg,#0c1016 30%,#0c101600 85%); }
 .dashboard-pass-copy { max-width:100%; }
 .dashboard-pass h3 { font-size:28px; }
 .dashboard-feed,.dashboard-friends { max-height:270px; overflow-y:auto; }
}
body:is(.reduced-motion,.reduce-atmosphere) .dashboard-scene>img { animation:none!important; transform:none!important; }
body:is(.reduced-motion,.reduce-atmosphere) .dashboard-light { display:none!important; }
body.reduced-motion .dashboard-tile { transition:none!important; }
body.arena-backgrounded .console-dashboard-050 * { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) { .dashboard-scene>img { animation:none!important; transform:none!important; } .dashboard-light { display:none!important; } .dashboard-tile { transition:none!important; } }
