.customize-card{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:linear-gradient(135deg,var(--bg-accent-subtle),color-mix(in srgb,var(--gold) 4%,transparent));border:1px solid var(--border-accent);color:inherit;font:inherit;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent}.customize-card:hover{border-color:var(--gold);background:var(--bg-accent-subtle)}.customize-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.customize-card-body{min-width:0}.customize-card-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:3px}.customize-card-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);border:1px solid var(--border-accent);border-radius:var(--radius-sm,6px);padding:2px 6px}.customize-card-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.customize-card-desc{overflow:hidden;color:var(--text-muted);font-size:var(--text-xs);line-height:1.35;margin:0;text-overflow:ellipsis;white-space:nowrap}.customize-card-arrow{width:18px;height:18px;color:var(--gold-dim);flex-shrink:0;stroke-width:1.8}@media (max-width:767px),(pointer:coarse){.customize-card-header{margin-bottom:0}.customize-card-title{font-size:var(--text-base)}.customize-card-desc{display:none}}.customize-builder{display:flex;flex-direction:column;gap:var(--sp-5)}.customize-builder-intro{margin:0;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-accent-subtle);color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.customize-config-section{display:flex;flex-direction:column;gap:var(--sp-3)}.customize-controls-loading{min-height:400px;border-radius:var(--radius-md,8px);background:var(--bg-elevated);animation:customize-pulse 1.4s ease-in-out infinite}@keyframes customize-pulse{0%,to{opacity:.5}50%{opacity:.9}}.customize-section-label{display:block;margin:0 0 var(--sp-2);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.customize-config-section>.customize-section-label,.customize-mode>.customize-section-label{margin-bottom:0}.customize-presets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.customize-presets-header .customize-section-label{margin-bottom:0}.customize-edit-link{min-height:36px;background:none;border:none;padding:0 var(--sp-2);margin:0 calc(var(--sp-2) * -1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);cursor:pointer}.customize-edit-link:hover{text-decoration:underline}.customize-preset-row{--customize-preset-edge:var(--sp-6);display:flex;gap:var(--sp-2);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px var(--customize-preset-edge) 2px 2px;margin:-2px calc(var(--customize-preset-edge) * -1) -2px -2px;mask-image:linear-gradient(to right,black calc(100% - var(--customize-preset-edge)),transparent);-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--customize-preset-edge)),transparent)}.customize-preset-row::-webkit-scrollbar{display:none}.customize-preset-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:50px;padding:var(--sp-2) var(--sp-3);flex-shrink:0;scroll-snap-align:start;white-space:nowrap;box-sizing:border-box}.customize-preset-chip-label{font-size:var(--text-sm);font-weight:600}.customize-preset-chip-hint{font-size:10px;font-weight:400;color:var(--text-muted)}.customize-preset-slot{position:relative;flex-shrink:0;scroll-snap-align:start}.customize-chip-delete-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--bg-accent-emphasis);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.customize-chip-delete-badge:hover{background:var(--gold-glow-strong);color:var(--gold-light)}.customize-mode{display:flex;flex-direction:column;gap:var(--sp-2)}.customize-mode .mode-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-bottom:0}.customize-mode .toggle-btn{min-width:0}.customize-mode-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;text-align:center}.customize-save-area{display:flex;justify-content:center}.customize-save-form{display:flex;align-items:center;gap:var(--sp-2);width:100%}.customize-save-input{flex:1 1;min-width:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md,8px);border:1px solid var(--border-accent-strong);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-body)}.customize-save-input:focus{outline:none;border-color:var(--gold-muted)}.customize-save-cancel,.customize-save-confirm{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md,8px);border:1px solid var(--border-accent);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.customize-save-cancel svg,.customize-save-confirm svg{width:18px;height:18px}.customize-save-confirm:disabled{opacity:.4;cursor:not-allowed}.customize-save-confirm:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.customize-save-cancel:hover{border-color:var(--border-accent-strong);color:var(--text-primary)}.customize-save-confirmed{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);font-size:var(--text-sm);color:var(--gold-light);margin:0;text-align:center}.customize-save-confirmed svg{width:16px;height:16px}.customize-save-capped{font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.customize-start{width:100%}@media (max-width:767px),(pointer:coarse){.customize-builder{gap:var(--sp-4)}.customize-builder-intro{padding-bottom:var(--sp-3);font-size:var(--text-xs)}.customize-preset-row{--customize-preset-edge:var(--sp-4)}.customize-save-cancel,.customize-save-confirm{width:44px;height:44px}}.training-setup-page{gap:var(--sp-4)}.setup-intro{display:grid;justify-items:center;gap:var(--sp-2);padding:var(--sp-2) 0 var(--sp-1)}.training-setup-page .training-title{font-size:2.25rem}.training-setup-page .training-subtitle{max-width:460px;color:var(--text-muted);line-height:1.5;letter-spacing:0;text-transform:none}.setup-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:44px;margin-top:var(--sp-1)}.setup-section-title{margin:0;color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.setup-mode-trigger{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);border:1px solid var(--border-accent);border-radius:var(--radius-full);background:var(--bg-accent-subtle);color:var(--gold);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent}.setup-mode-trigger:hover{border-color:var(--gold);background:var(--bg-accent)}.setup-mode-trigger svg{width:16px;height:16px;stroke-width:1.75}.level-groups,.setup-levels{display:flex;flex-direction:column}.setup-levels{gap:var(--sp-5)}.level-groups{gap:var(--sp-6)}.level-group{display:grid;gap:var(--sp-2)}.level-group-label{margin:0;padding-left:var(--sp-1);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.level-list{overflow:hidden;border:1px solid var(--border-accent-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.level-row{width:100%;min-height:78px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:0;border-bottom:1px solid var(--border-accent-subtle);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.level-row:last-child{border-bottom:0}.level-row:hover{background:var(--bg-accent-subtle)}.level-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--gold);outline-offset:-2px}.level-index{color:var(--gold-dim);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.level-row-copy{min-width:0;display:grid;gap:3px}.level-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;line-height:1.25}.level-desc,.level-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-desc{color:var(--text-muted);font-size:var(--text-xs);line-height:1.35}.level-row-arrow{width:18px;height:18px;color:var(--gold-dim);stroke-width:1.75;transition:color var(--transition-fast),transform var(--transition-fast)}.level-row-trailing{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3)}.level-row:hover .level-row-arrow{color:var(--gold);transform:translateX(2px)}.level-accuracy{flex-shrink:0;padding:3px var(--sp-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;white-space:nowrap}.level-accuracy-high{color:var(--success-text);background:var(--success-glow)}.level-accuracy-mid{color:var(--gold-light);background:var(--gold-glow)}@media (max-width:767px),(pointer:coarse){.training-setup-page{gap:var(--sp-3)}.setup-intro{gap:var(--sp-1);padding-top:0}.training-setup-page .training-title{font-size:1.8rem}.training-setup-page .training-subtitle{font-size:var(--text-xs);line-height:1.4}.setup-section-header{margin-top:0}.setup-section-title{font-size:var(--text-base)}.setup-levels{gap:var(--sp-4)}.level-groups{gap:var(--sp-5)}.level-row{min-height:70px;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.level-name{font-size:.95rem}.level-row-arrow{width:16px;height:16px}.level-row-trailing{gap:var(--sp-2)}}@media (max-width:350px){.level-row{grid-template-columns:28px minmax(0,1fr) auto}.level-accuracy{padding-inline:var(--sp-1)}}