/* Theme controls and alternate player palettes. Camera/analysis have no .cp-light. */
#cuepiko-app .cp-theme-picker h3{margin:0 0 6px}
#cuepiko-app .cp-theme-picker>p{font-size:12px;margin:0 0 12px}
#cuepiko-app .cp-theme-options{display:grid;gap:9px}
#cuepiko-app .cp-theme-choice{display:grid;grid-template-columns:60px minmax(0,1fr) 22px;align-items:center;gap:11px;text-align:left;width:100%;min-height:78px;padding:10px;border-radius:14px;border:1px solid #cbddeb;background:#f9fcff;color:#17374f;cursor:pointer;font:inherit}
#cuepiko-app .cp-theme-choice strong{font-size:14px;display:block;color:inherit}
#cuepiko-app .cp-theme-choice small{font-size:11px;display:block;margin-top:3px;line-height:1.4;color:#526d83}
#cuepiko-app .cp-theme-preview{height:48px;border-radius:9px;position:relative;border:1px solid #0001;background:linear-gradient(#edf8ff 0 25%,#123755 25% 72%,#168fff 72%)}
#cuepiko-app .cp-theme-preview:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;left:16px;top:23px;box-shadow:19px -4px 0 #ffc83e}
#cuepiko-app .cp-theme-preview[data-preview=night]{background:linear-gradient(#081628 0 25%,#103553 25% 72%,#24d1f1 72%)}
#cuepiko-app .cp-theme-preview[data-preview=club]{background:linear-gradient(#fff5e5 0 25%,#24533e 25% 72%,#e69656 72%)}
#cuepiko-app .cp-theme-check{width:19px;height:19px;border:1px solid #a9bfce;border-radius:50%;display:grid;place-items:center;box-sizing:border-box}
#cuepiko-app .cp-theme-choice[aria-pressed=true]{border:2px solid #087dc5;background:#edf7ff;padding:9px}
#cuepiko-app .cp-theme-choice[aria-pressed=true] .cp-theme-check{background:#087dc5;border-color:#087dc5;color:white}
#cuepiko-app .cp-theme-choice[aria-pressed=true] .cp-theme-check:after{content:'✓';font-size:13px;font-weight:bold}
#cuepiko-app .cp-theme-dialog{padding:16px;border:1px solid #bed8e8;border-radius:22px;width:min(470px,calc(100vw - 28px));box-sizing:border-box;max-height:calc(100dvh - 30px);overflow:auto;background:#fff;color:#17374f}
#cuepiko-app .cp-theme-dialog::backdrop{background:#031426b3}
#cuepiko-app .cp-theme-dialog .cp-theme-picker{margin:0;border:0;padding:5px 0 0;box-shadow:none;background:transparent}
#cuepiko-app .cp-theme-dialog .cp-theme-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#cuepiko-app .cp-theme-heading h2{margin:0;font-size:22px}
#cuepiko-app .cp-theme-heading button{min-height:44px}
#cuepiko-app [data-theme-status]{min-height:1.4em;margin-top:12px;font-size:11px}
#cuepiko-app .cp-theme-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,48%);gap:6px 12px;align-items:center}
#cuepiko-app .cp-theme-compact label{margin:0;font-size:14px;font-weight:700;line-height:1.4}
#cuepiko-app .cp-theme-compact select{width:100%;min-width:0;min-height:44px;margin:0;box-sizing:border-box}
#cuepiko-app .cp-theme-compact [data-theme-status]{grid-column:1/-1;margin:0;min-height:0;font-size:10px;line-height:1.4}

html[data-player-theme=night] body.cp-player-page{background:#081628}
html[data-player-theme=club] body.cp-player-page{background:#fff8ed}
#cuepiko-app.cp-light[data-theme=night]{--pt-bg:#081628;--pt-panel:#11263c;--pt-soft:#183249;--pt-line:#31536e;--pt-text:#e7f3ff;--pt-muted:#b2c9db;--pt-accent:#60def4;--pt-accent-soft:#153b51;--pt-button:#49d8f1;--pt-button-text:#05223c;--pt-reward:#3a321c;--pt-reward-text:#ffe096;--cp-bg:var(--pt-bg);--cp-panel:var(--pt-panel);--cp-line:var(--pt-line);--cp-text:var(--pt-text);--cp-muted:var(--pt-muted);--cp-blue:var(--pt-accent);color-scheme:dark;background:radial-gradient(ellipse at 100% 0,#123b58,transparent 55%),var(--pt-bg);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme=club]{--pt-bg:#fff8ed;--pt-panel:#fffdf7;--pt-soft:#f3ecd9;--pt-line:#d8d9bd;--pt-text:#204839;--pt-muted:#536c5f;--pt-accent:#22664c;--pt-accent-soft:#e7efdc;--pt-button:#245e47;--pt-button-text:#fffdf7;--pt-reward:#fff0d2;--pt-reward-text:#7b4a19;--cp-bg:var(--pt-bg);--cp-panel:var(--pt-panel);--cp-line:var(--pt-line);--cp-text:var(--pt-text);--cp-muted:var(--pt-muted);--cp-blue:var(--pt-accent);color-scheme:light;background:radial-gradient(ellipse at 100% 0,#f6e6c7,transparent 58%),var(--pt-bg);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(h1,h2,h3,b,strong,.cp-logo,.cp-person-name h3,.cp-stats b,.cp-detail-score>strong){color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(p,small,.cp-muted,.cp-subtitle,.cp-player-greeting,.cp-history-summary,.cp-history-day,.cp-history-foot,.cp-history-status,.cp-history-meta dt,.cp-history-empty p,.cp-detail-score p){color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(a,summary,.cp-player-eyebrow,.cp-card em,.cp-level,.cp-history-detail-link){color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-card,.cp-lobby-stats>div,.cp-lobby-mission,.cp-theme-dialog,.cp-action-dock){background:var(--pt-panel);border-color:var(--pt-line);color:var(--pt-text);box-shadow:0 4px 15px #00000008}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright])>header{background:var(--pt-panel);border-color:var(--pt-line)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-header-actions button,.cp-brand-home){color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-header-actions button:hover{background:var(--pt-soft)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-logo span{color:var(--pt-accent);-webkit-text-fill-color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-letter-avatar{background:var(--pt-accent-soft);color:var(--pt-accent);border-color:var(--pt-panel);box-shadow:0 0 0 1px var(--pt-line)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-button,.cp-edit,.cp-privacy-options,.cp-theme-choice){background:var(--pt-soft);border-color:var(--pt-line);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-button.cp-primary{background:var(--pt-button);border-color:var(--pt-button);color:var(--pt-button-text);box-shadow:0 3px 12px #0002}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-game-hero button.cp-primary{background:var(--pt-button);border-color:var(--pt-button);color:var(--pt-button-text);box-shadow:0 4px 14px #0005}
#cuepiko-app.cp-light[data-theme=night] .cp-game-hero button.cp-primary{background:linear-gradient(120deg,#43e4ed,#20bbf9);box-shadow:0 0 18px #2edbf23b,inset 0 1px #d4ffff}
#cuepiko-app.cp-light[data-theme=club] .cp-game-hero:before{background:linear-gradient(180deg,#11291ec9,transparent 52%,#061c1970)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-game-hero h2{color:#fff}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(input:not([type=checkbox]),select){background:var(--pt-bg);border-color:var(--pt-line);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) input::placeholder{color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) input[type=checkbox]{accent-color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :focus-visible{outline-color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-pill,.cp-symbol,.cp-history-icon,.cp-session,.cp-venue-chip,.cp-skill-empty,.cp-ranking>.cp-icon){background:var(--pt-accent-soft);border-color:var(--pt-line);color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-venue-chip small{color:inherit}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-exercise,.cp-hero,.cp-access-hero,.cp-auth-tabs,.cp-history-filters,.cp-profile-banner:before){background:var(--pt-soft);border-color:var(--pt-line);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-hero p,.cp-access-hero p,.cp-welcome p,.cp-exercise small,.cp-drill-figure figcaption){color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-auth-tabs button,.cp-history-filters button,.cp-privacy-options button){color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-auth-tabs button[aria-pressed=true],.cp-history-filters button[aria-pressed=true],.cp-privacy-options button[aria-pressed=true]){background:var(--pt-button);color:var(--pt-button-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-privacy-row,.cp-history-meta>div,.cp-stats>div+div,.cp-scroll-table td,.cp-scroll-table th){border-color:var(--pt-line)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-practice-summary span,.cp-history-card){background:var(--pt-panel);border-color:var(--pt-line);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) :is(.cp-section-title .cp-icon,.cp-exercise>svg,.cp-privacy-row>span>.cp-icon,.cp-training-note h3 svg){color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-meter{background:var(--pt-soft);border-color:var(--pt-line)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-meter span{background:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-profile-banner:before{background:var(--pt-soft)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-stats .cp-icon{stroke:var(--pt-accent);fill:var(--pt-accent-soft)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-mission-slots i{background:var(--pt-soft);border-color:var(--pt-line)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-mission-slots i.is-complete{background:var(--pt-button);border-color:var(--pt-button)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-mission-reward{background:var(--pt-reward)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-mission-reward :is(strong,small){color:var(--pt-reward-text)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-lobby-stats .cp-icon{background:var(--pt-accent-soft);color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-lobby-stats>div:nth-child(2) .cp-icon{background:var(--pt-reward);color:#c68b0b}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) nav{background:var(--pt-panel);border-color:var(--pt-line)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) nav button{color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) nav button[aria-current=page]{background:var(--pt-accent-soft);color:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) nav button[aria-current=page]:after{background:var(--pt-accent)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-disclaimer{background:var(--pt-bg);color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-theme-choice[aria-pressed=true]{border-color:var(--pt-accent);background:var(--pt-accent-soft)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-theme-choice .cp-theme-check{border-color:var(--pt-muted)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-theme-choice[aria-pressed=true] .cp-theme-check{background:var(--pt-accent);border-color:var(--pt-accent);color:var(--pt-bg)}
#cuepiko-app.cp-light[data-theme]:not([data-theme=bright]) .cp-message{background:var(--pt-accent-soft);border-color:var(--pt-line);color:var(--pt-text)}
#cuepiko-app.cp-light[data-theme=night] .cp-message[data-error=true]{background:#431e30;color:#ffd6de;border-color:#7f4055}
#cuepiko-app.cp-light[data-theme=club] .cp-message[data-error=true]{background:#fff0e9;color:#8a3828;border-color:#e7b9a9}
