/* GFJ player panel: one balanced composition on phone and desktop. */
body[data-page="panel"]:not(.g4-active) #page-root{width:min(100%,1080px);margin-inline:auto}
body.g4-active[data-page="panel"] #page-root{width:100%!important;max-width:none!important;margin:0!important}
body[data-page="panel"] .player-hub{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:clamp(1.3rem,4vw,2.6rem)!important;background:radial-gradient(circle at 50% 0%,rgba(111,95,239,.36),transparent 58%),linear-gradient(145deg,#192a4b,#10192f 72%)!important}
body[data-page="panel"] .player-hub-copy{display:grid;justify-items:center;gap:.42rem;width:100%;max-width:44rem;text-align:center}
body[data-page="panel"] .player-hub-copy h2{line-height:1.06;overflow-wrap:anywhere}
body[data-page="panel"] .player-hub-copy p{max-width:40rem;line-height:1.5}
body[data-page="panel"] .player-halo{margin-inline:auto;width:clamp(6rem,12vw,8rem);border-radius:26px}
body[data-page="panel"] .status-row{justify-content:center}
body[data-page="panel"] .quick-actions{width:min(100%,46rem);grid-column:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.5rem}
body[data-page="panel"] .quick-actions button{min-height:3.25rem;padding:.65rem 1rem;font-weight:850;white-space:normal}
body[data-page="panel"] .real-data{margin-top:1rem;padding:clamp(.85rem,2vw,1.45rem)!important}
body[data-page="panel"] .real-data .section-head{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}
body[data-page="panel"] .real-data .section-head h2{margin-right:auto;font-size:clamp(1.2rem,3vw,1.6rem)}
body[data-page="panel"] .panel-refresh{min-height:2.5rem}
body[data-page="panel"] .game-section{margin-top:.8rem}
body[data-page="panel"] .game-section summary{min-height:3.6rem;display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;text-align:left}
body[data-page="panel"] .game-section summary b{flex:1;min-width:0}
body[data-page="panel"] .game-section summary small{text-align:right;max-width:45%;line-height:1.35}
body[data-page="panel"] .liquid-card{max-width:1080px;margin-inline:auto}
body[data-page="panel"] .settings-grid{align-items:start}
body[data-page="panel"] .account-unlink-box{grid-column:1/-1;border-color:rgba(248,178,178,.3)!important}
body[data-page="panel"] .account-unlink-box p{line-height:1.55}
body[data-page="panel"] .unlink-check{display:flex;align-items:flex-start;gap:.65rem;line-height:1.45}
body[data-page="panel"] .unlink-check input{flex:0 0 auto;width:1.2rem;height:1.2rem;min-height:0!important;margin:.15rem 0 0}
.mc-link-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}
.mc-link-steps>div{position:relative;min-width:0;border:1px solid rgba(150,189,255,.22);border-radius:17px;padding:1rem;background:linear-gradient(145deg,#1c2b50,#101830);color:#edf3ff;line-height:1.5}
.mc-link-steps strong{display:block;margin-bottom:.35rem;color:#a9edff}
.mc-link-steps p{margin:.2rem 0 0}
.mc-link-warning{border:1px solid rgba(255,191,119,.42);border-radius:16px;padding:.8rem 1rem;background:rgba(91,60,20,.34);color:#fff1d4;line-height:1.5}
@media(max-width:700px){body[data-page="panel"]:not(.g4-active) #page-root{width:100%}body[data-page="panel"] .player-hub{border-radius:22px;padding:1.2rem .85rem!important}body[data-page="panel"] .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}body[data-page="panel"] .quick-actions button{min-height:3rem}body[data-page="panel"] .real-data .section-head h2{width:100%;text-align:center;margin:0}body[data-page="panel"] .real-data .section-head{justify-content:center}body[data-page="panel"] .game-section summary{flex-wrap:wrap}body[data-page="panel"] .game-section summary small{flex-basis:100%;max-width:none;padding-left:1.7rem;text-align:left}.mc-link-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body[data-page="panel"] .player-hub::before,body[data-page="panel"] .player-halo{animation:none!important}}

/* The live dashboard moves the player card into its own app shell. Keep that
   card compact; old grid coordinates must not inflate its avatar on mobile. */
body.g4-active[data-page="panel"] .g4-hero-place .player-hub{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:0;padding:clamp(1rem,3vw,1.6rem)!important;text-align:center}
body.g4-active[data-page="panel"] .g4-hero-place .player-halo{display:grid!important;flex:0 0 auto;width:clamp(5.5rem,11vw,7rem)!important;height:clamp(5.5rem,11vw,7rem)!important;aspect-ratio:1;margin:0 auto!important;transform:none!important;border-radius:20px}
body.g4-active[data-page="panel"] .g4-hero-place .player-hub-copy{display:grid;justify-items:center;width:100%;max-width:38rem;text-align:center}
body.g4-active[data-page="panel"] .g4-hero-place .player-hub-copy h2{margin:.2rem 0!important;font-family:Outfit,Inter,sans-serif!important;font-size:clamp(1.35rem,5vw,2.4rem)!important;line-height:1.18!important;letter-spacing:-.025em;text-transform:none;text-shadow:none!important;overflow-wrap:anywhere}
body.g4-active[data-page="panel"] .g4-hero-place .status-row{justify-content:center;margin-top:.55rem}
body.g4-active[data-page="panel"] .g4-home-head h1{font-size:clamp(1.8rem,5vw,3rem)!important;line-height:1.16!important;letter-spacing:-.025em!important;word-spacing:.08em}
body.g4-active[data-page="panel"] .g4-home-head{align-items:start}
body.g4-active[data-page="panel"] :is(.g4-mini-card strong,.g4-glass-story h2,.g4-screen-head h1){letter-spacing:-.01em!important;word-spacing:.08em!important}
body.g4-active[data-page="panel"] .g4-mail-live .player-mail-compose{max-width:100%;margin:1rem auto}
@media(max-width:700px){body.g4-active[data-page="panel"] .g4-home-head{justify-content:center;text-align:center}body.g4-active[data-page="panel"] .g4-home-head>div{width:100%}body.g4-active[data-page="panel"] .g4-home-shard{display:none!important}body.g4-active[data-page="panel"] .g4-hero-place .player-hub{padding:1.15rem!important}body.g4-active[data-page="panel"] .g4-hero-place .player-halo{width:5.8rem!important;height:5.8rem!important}}