/* Mon GTA 6 — guest local progress. Inspired by Claude Design prompt 4. */
.g6-player{background:#f6efe2;color:#1e1b24}
.g6-player-hero{background:#1e1b24;color:#f6efe2;padding:36px max(20px,calc((100% - 1240px)/2));position:relative;overflow:hidden}
.g6-player-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1e1b24 12%,#1e1b24c7 65%,#1e1b2488),url('/assets/gta6fan-visuals/sunset-city.webp') center/cover;opacity:.7;pointer-events:none}
.g6-player-hero>*{position:relative}
.g6-player-hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(35px,6vw,66px);line-height:1.06;margin:9px 0}
.g6-player-hero p{color:#eee2db;max-width:670px;line-height:1.65}
.g6-player-stripe{height:6px;background:linear-gradient(90deg,#ff6a8a 25%,#ff8a5c 25% 50%,#ffb347 50% 75%,#ffd36b 75%)}
.g6-player-wrap{max-width:1240px;margin:0 auto;padding:28px 20px 70px;display:grid;gap:22px}
.g6-player-note{background:#fff;border:1px solid #ded0c5;border-left:4px solid #ff6a8a;padding:16px 19px;line-height:1.55;font-size:14px}
.g6-player-note strong{display:block;margin-bottom:4px}
.g6-player-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#fffaf1;border:1px solid #e2d5c6;border-radius:5px;padding:18px}
.g6-player-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:700;flex:1 1 200px}
.g6-player-toolbar select,.g6-player-toolbar input{width:100%;border:1.5px solid #a89da0;min-height:42px;border-radius:4px;background:white;padding:10px;font:inherit}
.g6-player-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid #1e1b24;border-radius:4px;background:#1e1b24;color:white;min-height:42px;padding:10px 14px;font-family:"Barlow Condensed",Arial Narrow,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.05em;text-decoration:none;cursor:pointer}
.g6-player-btn--outline{background:transparent;color:#1e1b24}
.g6-player-btn:hover{background:#4c3443;color:white}
.g6-player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g6-player-stat{padding:20px;background:#fff;border:1px solid #e4d7c7;border-radius:4px}
.g6-player-stat span{display:block;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#76696c}
.g6-player-stat strong{display:block;font-size:40px;font-family:Anton,Impact,sans-serif;margin-top:7px;font-weight:400}
.g6-player-tabs{display:flex;gap:8px;flex-wrap:wrap}
.g6-player-tabs button{border:1px solid #1e1b24;border-radius:4px;padding:12px 15px;cursor:pointer;background:#fffaf1;color:#1e1b24;font-weight:700}
.g6-player-tabs button[aria-selected="true"]{background:#1e1b24;color:white}
.g6-player-panel{background:#fffaf1;border:1px solid #e1d3c1;border-radius:5px;padding:22px}
.g6-player-panel h2{font-family:Anton,Impact,sans-serif;font-size:29px;text-transform:uppercase;margin:0 0 8px}
.g6-player-panel p{font-size:14px;line-height:1.6}
.g6-player-panel[hidden]{display:none}
.g6-player-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.g6-player-item{border:1px solid #e3d4c9;background:white;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;flex-wrap:wrap}
.g6-player-item strong{font-size:14px}
.g6-player-item small{display:block;color:#72656d;margin-top:4px}
.g6-player-actions{display:flex;gap:8px;flex-wrap:wrap}
.g6-player-item button{min-height:40px;border-radius:4px;padding:8px 10px;border:1px solid #6f606c;background:#fff;cursor:pointer}
.g6-player-item button[aria-pressed="true"]{background:#d7f1df;border-color:#488c5e;color:#245b34;font-weight:700}
.g6-player-item[data-completed="true"] strong{text-decoration:line-through;text-decoration-color:#a6a6a6}
.g6-player-progress{height:12px;background:#e4d7c7;border-radius:12px;overflow:hidden}
.g6-player-progress>span{display:block;background:linear-gradient(90deg,#ff6a8a,#ffb347);height:100%;width:0;transition:width .2s}
.g6-player-empty{padding:32px 18px;text-align:center;background:#fff;border:1px dashed #d0c1b8}
.g6-player-status{font-size:13px;color:#8c2842;min-height:18px}
.g6-player-form{display:flex;gap:8px;flex-wrap:wrap}
.g6-player-form input{min-width:160px;flex:1}
@media(max-width:620px){.g6-player-hero{padding:28px 20px}.g6-player-stats{grid-template-columns:1fr 1fr}.g6-player-stat:last-child{grid-column:span 2}.g6-player-panel{padding:15px}.g6-player-item{align-items:stretch}.g6-player-actions{width:100%}.g6-player-actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){.g6-player-progress>span{transition:none}}

.g6-player-item[hidden],.g6-player-empty[hidden]{display:none!important}

/* Optional manual transfer of locally stored player profiles */
.g6-player-backup{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 100%}
.g6-player-backup label.g6-player-btn{cursor:pointer}
.g6-player-backup input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.g6-player-backup input[type=file]:focus-visible+label{outline:3px solid #ff6a8a}