.player-data-page{flex-direction:column;gap:1.5rem;width:min(80rem,100% - 2rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) 0 5rem;display:flex}.player-data-heading{max-width:48rem}.player-data-heading h1{color:var(--shell-text-strong);letter-spacing:-.045em;font-size:clamp(2rem,5vw,3.7rem);font-weight:760}.player-data-heading p{color:var(--shell-text-muted);margin-top:.65rem;font-size:1rem;line-height:1.65}.player-data-section{border:1px solid var(--shell-border);border-radius:var(--radius-xl);background:var(--shell-surface-subtle);padding:clamp(1rem,3vw,1.5rem)}.player-data-section>h2{margin-bottom:.9rem;font-size:1.15rem;font-weight:700}.player-data-section-intro{color:var(--shell-text-muted);margin:-.35rem 0 1rem;font-size:.9rem;line-height:1.55}.player-data-notice,.player-data-lock{border:1px solid var(--shell-accent);align-items:flex-start;gap:.6rem;display:flex}@supports (color:color-mix(in lab,red,red)){.player-data-notice,.player-data-lock{border:1px solid color-mix(in srgb,var(--shell-accent)35%,var(--shell-border))}}.player-data-notice,.player-data-lock{border-radius:var(--radius-lg);background:var(--shell-accent)}@supports (color:color-mix(in lab,red,red)){.player-data-notice,.player-data-lock{background:color-mix(in srgb,var(--shell-accent)8%,var(--shell-surface-subtle))}}.player-data-notice,.player-data-lock{color:var(--shell-text-muted);padding:.85rem 1rem;font-size:.875rem}.player-data-notice{flex-direction:column}.player-data-notice p{line-height:1.55}.player-data-lock svg{flex:none;margin-top:.15rem}.player-data-actions{flex-wrap:wrap;gap:.75rem;display:flex}.player-data-page [data-slot=button],.player-data-page [data-slot=select-trigger]{min-height:2.75rem}.player-data-page [data-slot=button][data-size^=icon]{min-width:2.75rem}.player-data-list{flex-direction:column;margin-top:1rem;display:flex}.player-data-row{border-bottom:1px solid var(--shell-border);justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;display:flex}.player-data-row:last-child{border-bottom:0}.player-data-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-data-muted{color:var(--shell-text-muted);font-size:.9rem;font-style:italic}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.screenshot-tile{aspect-ratio:16/10;border:1px solid var(--shell-border);border-radius:var(--radius-lg);background:#15171a;position:relative;overflow:hidden}.screenshot-tile>button:first-child{width:100%;height:100%}.screenshot-tile img{object-fit:contain;width:100%;height:100%}.screenshot-placeholder{background:var(--shell-text-muted);width:100%;height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.screenshot-placeholder{background:color-mix(in srgb,var(--shell-text-muted)10%,transparent)}}.screenshot-tile-actions{opacity:0;transition:opacity var(--motion-fast);gap:.3rem;display:flex;position:absolute;bottom:.45rem;right:.45rem}.screenshot-tile:hover .screenshot-tile-actions,.screenshot-tile:focus-within .screenshot-tile-actions{opacity:1}@media(hover:none){.screenshot-tile-actions{opacity:1}}.screenshot-viewer{background:#090a0c;width:min(90rem,100vw - 2rem);max-width:none;height:min(90dvh,60rem);padding:1rem}.screenshot-viewer img{object-fit:contain;flex:auto;width:100%;min-height:0}.screenshot-viewer-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}@media(min-width:720px){.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.screenshot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
