/* ABYSS 1.1 — semantic light palette. Artwork pixels are intentionally untouched. */
.theme-picker{display:inline-flex;align-items:center;gap:7px;padding:0 10px;min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel,var(--surface));color:var(--text);flex-shrink:0}
.theme-picker select{background:transparent;color:inherit;border:0;max-width:115px;min-width:0;min-height:36px;padding:4px 3px;font:inherit;font-size:11px;cursor:pointer}
.theme-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.theme-picker select option{background:var(--panel,var(--surface));color:var(--text)}
.theme-symbol{flex-shrink:0;color:var(--lime)}
.auth-header-actions{display:flex;gap:22px;align-items:center}
.topbar-meta .theme-picker{margin-right:10px}
.theme-transition body,.theme-transition .panel,.theme-transition .site-header,.theme-transition .sidebar,.theme-transition .game-card,.theme-transition .hero,.theme-transition .theme-picker{transition:background-color .22s ease,color .22s ease,border-color .22s ease}
/* Settings controls and purpose-built preset thumbnails. */
.appearance-panel{padding:28px;margin-bottom:28px}
.appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.appearance-heading h2{font-size:22px;letter-spacing:-.7px;margin:8px 0}
.appearance-tag{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;letter-spacing:1.5px;white-space:nowrap}
.theme-fieldset{border:0;padding:0;margin:0;min-width:0}
.theme-fieldset legend{font-weight:650;font-size:13px;color:var(--text)}
.theme-help{font-size:11px;color:var(--muted);margin:6px 0 15px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.theme-option{position:relative;min-width:0;cursor:pointer}
.theme-option>input{position:absolute;top:12px;left:12px;width:1px;height:1px;opacity:0}
.theme-option-body{display:block;border:1px solid var(--line);padding:12px;border-radius:13px;background:var(--bg);transition:border-color .2s,transform .2s,box-shadow .2s}
.theme-option:hover .theme-option-body{transform:translateY(-2px);border-color:var(--muted)}
.theme-option>input:checked+.theme-option-body{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}
.theme-option>input:focus-visible+.theme-option-body{outline:2px solid var(--lime);outline-offset:4px}
.theme-option-label{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--text)}
.theme-option-label>.icon{width:16px;height:16px;color:var(--muted)}
.theme-option-label strong{font-size:12px}
.theme-option-body>small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.7}
.theme-selected{margin-left:auto;color:var(--lime);opacity:0;transform:scale(.7);transition:opacity .18s,transform .18s}
.theme-selected .icon{width:17px;height:17px}
.theme-option>input:checked+.theme-option-body .theme-selected{opacity:1;transform:scale(1)}
.theme-mini{display:flex;height:115px;border-radius:7px;overflow:hidden;border:1px solid #d8dfd0;background:#f4f6ef}
.mini-nav{width:21%;border-right:1px solid #dde5d5;background:#ffffff;position:relative}
.mini-nav:before{content:'';position:absolute;left:21%;right:21%;top:14px;height:5px;background:#668246;border-radius:4px;box-shadow:0 15px 0 #d6decf,0 28px 0 #d6decf}
.mini-body{flex:1;min-width:0;padding:15px 13px;display:flex;flex-direction:column;gap:9px}
.mini-title{width:55%;height:5px;background:#89957a;border-radius:3px}
.mini-hero{height:29px;background:#dbe9ca;border:1px solid #cadbb8;border-radius:4px}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}
.mini-cards i{display:block;background:#ffffff;border:1px solid #dce2d5;border-radius:3px}
.theme-mini-dark{background:#171d17;border-color:#394232}.theme-mini-dark .mini-nav{background:#111712;border-color:#36402f}.theme-mini-dark .mini-nav:before{background:#caed91;box-shadow:0 15px 0 #3c4933,0 28px 0 #3c4933}.theme-mini-dark .mini-title{background:#98aa82}.theme-mini-dark .mini-hero{background:#34462a;border-color:#4f633c}.theme-mini-dark .mini-cards i{background:#273222;border-color:#405334}
.theme-mini-system{background:linear-gradient(100deg,#f4f6ef 49.7%,#171d17 50%)}.theme-mini-system .mini-title{background:linear-gradient(100deg,#89957a 70%,#98aa82 70%)}.theme-mini-system .mini-hero{background:linear-gradient(100deg,#dbe9ca 35%,#34462a 35%);border-color:#869677}.theme-mini-system .mini-cards i:nth-child(n+2){background:#273222;border-color:#405334}
.appearance-controls{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(200px,1.2fr);gap:30px;align-items:center;margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}
.appearance-controls .field{margin-bottom:0}.appearance-switch{padding-bottom:15px}.appearance-switch small{line-height:1.8;max-width:480px}
.appearance-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}
.theme-save-state{font-size:11px;color:var(--muted)}
.appearance-footnote{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10px;line-height:1.8;margin-top:20px}.appearance-footnote .icon{width:15px;height:15px;margin-top:2px}
.legacy-warning{margin-top:24px}
/* Shared semantic tokens. Accent text uses deep sage, while action fills stay lime. */
:root[data-theme=light]{--bg:#f5f7f1;--sidebar:#fcfdf9;--panel:#fffefa;--panel2:#edf2e6;--surface:#fffefa;--surface-2:#eaf0e2;--line:#d5ddcd;--text:#233020;--muted:#52634a;--faint:#687760;--lime:#426527;--lime-bg:#e4efd7;--lime-dark:#eef4e4;--coral:#965035;color-scheme:light}
[data-theme=light] ::selection{background:#d0e99f;color:#203517}
[data-theme=light] .skip-link,[data-theme=light] .button.primary,[data-theme=light] .button-primary{background:#c9e895;color:#263d18}
[data-theme=light] .button.primary:hover,[data-theme=light] .button-primary:hover{background:#bce07b;box-shadow:0 6px 18px #627e3819}
[data-theme=light] .button.secondary,[data-theme=light] .collection-button,[data-theme=light] .random-button{border-color:#bdc9b3;color:#3e5633;background:transparent}
[data-theme=light] .button.secondary:hover,[data-theme=light] .icon-button:hover:not(:disabled){background:#e6efda;border-color:#8fa879;color:#385625}
[data-theme=light] .text-link:hover{color:#284819}
[data-theme=light] .button.danger{background:#fae8e0;border-color:#d8af9b;color:#8c4027}
[data-theme=light] .brand-name>span,[data-theme=light] .nav-caption,[data-theme=light] .breadcrumb,[data-theme=light] .version,[data-theme=light] .stat-card>p,[data-theme=light] .panel-caption,[data-theme=light] .row-game-text small,[data-theme=light] .list-footer,[data-theme=light] .list-footer>span:last-child{color:var(--muted)}
[data-theme=light] .workspace-icon,[data-theme=light] .avatar,[data-theme=light] .nav-count,[data-theme=light] .utility-icon,[data-theme=light] .section-number{background:#e4ecd9;color:#425e2f;border-color:#c5d4b6}
[data-theme=light] .side-nav a{color:#56664e}.side-nav a{transition:background-color .2s,color .2s}
[data-theme=light] .side-nav a:hover{background:#eef3e6;color:#2e4721}
[data-theme=light] .side-nav a[aria-current=page]{background:#e3eed5;color:#395a23}
[data-theme=light] .studio-note{border-color:#ccdbbb;background:linear-gradient(145deg,#edf3e3,#e5eed9)}
[data-theme=light] .studio-note p,[data-theme=light] .breadcrumb strong,[data-theme=light] .stat-label,[data-theme=light] .guide-note h3{color:var(--text)}
[data-theme=light] .studio-note>span:last-child,[data-theme=light] .stat-label .icon{color:#5d724c}
[data-theme=light] .genre-numbers strong,[data-theme=light] .genre-tag,[data-theme=light] .live-label,[data-theme=light] .featured-info .eyebrow{color:#45622d}
[data-theme=light] .genre-tag.horror{color:#91523d}
[data-theme=light] .genre-divider,[data-theme=light] .guide-rule{background:#c8d5bb}
[data-theme=light] .segmented,[data-theme=light] .list-search{background:#f2f5ed;border-color:#cfdac3}
[data-theme=light] .segmented button[aria-pressed=true]{background:#dcebc9;color:#355523}
[data-theme=light] .list-search kbd{border-color:#cad5be}
[data-theme=light] .table-header{background:#f1f5ea;color:#526646}
[data-theme=light] .game-row{border-color:#dfe6d7}
[data-theme=light] .game-row:hover{background:#f1f6e9}
[data-theme=light] .row-cover{border-color:#cad8b8}
[data-theme=light] .mini-badge{border-color:#a9c589;background:#ecf5de}
[data-theme=light] .status-pill.published{background:#e7f1db;color:#406025;border-color:#bdcfa6}
[data-theme=light] .status-pill.draft{background:#f3efdc;color:#725b2a;border-color:#dbd1ab}
[data-theme=light] .feature-button{color:#6a7c5c}
[data-theme=light] .feature-button[aria-pressed=true]{color:#466b27}
[data-theme=light] .featured-info>p:not(.eyebrow),[data-theme=light] .guide-note p,[data-theme=light] .guide-note .guide-small,[data-theme=light] .bottom-note,[data-theme=light] .bottom-note>a,[data-theme=light] .console-footer,[data-theme=light] .console-footer>span:first-child{color:var(--muted)}
[data-theme=light] .guide-note{background:#eef4e6;border-color:#bacbaa}
[data-theme=light] .bottom-note>.icon{color:#4d6638}
[data-theme=light] .console-footer{border-color:var(--line)}
[data-theme=light] .alert.error{background:#fff0e9;border-color:#d8aa94;color:#863e25}
[data-theme=light] .alert.success{background:#edf5e1;border-color:#bfd39f;color:#3d5b26}
[data-theme=light] .field,[data-theme=light] .check-field{color:#344b29}
[data-theme=light] .field input:not([type=checkbox]),[data-theme=light] .field select,[data-theme=light] .field textarea{background:#fbfdf7;border-color:#bccbac;color:#243a1b}
[data-theme=light] .field input::placeholder,[data-theme=light] .field textarea::placeholder{color:#708061}
[data-theme=light] .field small,[data-theme=light] .field-counter>span:last-child,[data-theme=light] .form-heading p,[data-theme=light] .check-field small,[data-theme=light] .publish-hint,[data-theme=light] .preview-note{color:var(--muted)}
[data-theme=light] .field input:focus,[data-theme=light] .field select:focus,[data-theme=light] .field textarea:focus{border-color:#759754;box-shadow:0 0 0 3px #86ad5920}
[data-theme=light] .inline-note{background:#edf4e3;border-color:#c9d9b7;color:#50653d}
[data-theme=light] .preview-badge,[data-theme=light] .card-badge,[data-theme=light] .new-pill{background:#d1ee9f;color:#2b451b}
[data-theme=light] .preview-category{color:#4d6c31}
[data-theme=light] .preview-copy>p:not(.preview-category),[data-theme=light] .preview-footer{color:var(--muted)}
[data-theme=light] .upload-zone{background:#f1f6e9;border-color:#9cb781}
[data-theme=light] .upload-icon{background:#dfedce;color:#44632c}
[data-theme=light] .upload-zone strong{color:#3d572c}
[data-theme=light] .upload-zone label>span:not(.upload-icon){color:#5b7147}
[data-theme=light] .upload-zone.is-dragover{background:#e1edcf}
[data-theme=light] .danger-zone{background:#fbf3ed;border-color:#d7b9a7}
[data-theme=light] .danger-zone summary,[data-theme=light] .danger-zone>p{color:#86533a}
[data-theme=light] .restore-icon{background:#f1e8d4;color:#85622d}
[data-theme=light] .backup-summary strong,[data-theme=light] .account-details dd{color:#344c25}
[data-theme=light] .field input[type=file]::file-selector-button{background:#e3eed5;color:#3b5728}
[data-theme=light] .auth-header .text-link,[data-theme=light] .auth-story>.eyebrow,[data-theme=light] .story-copy,[data-theme=light] .story-foot,[data-theme=light] .auth-card>.eyebrow,[data-theme=light] .auth-card>.section-desc,[data-theme=light] .secure-note,[data-theme=light] .auth-footer{color:var(--muted)}
[data-theme=light] .auth-card{background:#fffefa;border-color:#ccd9bf;box-shadow:0 25px 70px #647e3820}
[data-theme=light] .auth-lock{border-color:#bdd19f;background:#eaf3df}
[data-theme=light] .order-controls .icon-button{background:#eaf1e1}
[data-theme=light] .row-feature .icon-button,[data-theme=light] .row-manage .icon-button{border-color:#c2d2b1}
/* Public hub: pale sage hero, readable controls, preserved dark horror artwork. */
[data-theme=light] .site-header{background:#f5f7f1ed;border-bottom-color:#d9e1d0}
[data-theme=light] .hero{background:#e4edda;border-color:#bccdab}
[data-theme=light] .hero:before{background:radial-gradient(ellipse at 72% 60%,#b8d19377,transparent 64%),linear-gradient(120deg,#e9f0df,#d8e7cb 80%)}
[data-theme=light] .hero[data-genre=horror]{border-color:#d2bdaf}
[data-theme=light] .hero[data-genre=horror]:before{background:radial-gradient(ellipse at 72% 60%,#d9b8a877,transparent 64%),linear-gradient(120deg,#f1e7dd,#e4d4cc 80%)}
[data-theme=light] .feature-eyebrow,[data-theme=light] .hero-summary,[data-theme=light] .hero-footnote,[data-theme=light] .hero-footnote .icon,[data-theme=light] .art-caption,[data-theme=light] .hero-number{color:#526846}
[data-theme=light] .button-ghost{color:#3b562c}
[data-theme=light] .mood-card{background:#fffefa}
[data-theme=light] .mood-card:hover{background:#eff5e7;border-color:#93ae76}
[data-theme=light] .mood-card.horror:hover{background:#f9efe7;border-color:#c1a090}
[data-theme=light] .mood-icon{background:#e5efd6}
[data-theme=light] .horror .mood-icon{background:#f4e7dd}
[data-theme=light] .mood-meta strong,[data-theme=light] .results-meta strong,[data-theme=light] .card-title{color:var(--text)}
[data-theme=light] .section-heading h2 .total-count,[data-theme=light] .library-toolbar,[data-theme=light] .closing-note{border-color:var(--line)}
[data-theme=light] .filter-button:hover{background:#e5eed9}
[data-theme=light] .filter-button[aria-pressed=true]{background:#d9edb9;color:#345322}
[data-theme=light] .search-box,[data-theme=light] .sort-select{background:#fffefa;border-color:#c5d2b8}
[data-theme=light] .search-box input::placeholder{color:#667959}
[data-theme=light] .search-shortcut{border-color:#c3d0b7;color:#627653}
[data-theme=light] .collection-note,[data-theme=light] .recent-link{color:#506c39}
[data-theme=light] .game-card{border-color:#d0dbbf;box-shadow:0 3px 10px #58694006}
[data-theme=light] .game-card:hover{border-color:#88a769;box-shadow:0 13px 25px #556e3620}
[data-theme=light] .card-category{color:#4c6c31}
[data-theme=light] .game-card[data-genre=horror] .card-category{color:#8a533c}
[data-theme=light] .card-desc,[data-theme=light] .card-footer,[data-theme=light] .card-details{color:var(--muted)}
[data-theme=light] .card-footer{border-color:#dbe4cd}
[data-theme=light] .card-play-label{color:#3d5c26}
[data-theme=light] .card-details:hover{background:#e8f0dc}
[data-theme=light] .empty-state{background:#f0f5e7;border-color:#b5c69f}
[data-theme=light] .empty-icon{background:#e0ebce;color:#526d39}
[data-theme=light] .closing-copy,[data-theme=light] .footer-brand{color:#4b6240}
[data-theme=light] .game-dialog{background:#fffefa;border-color:#a8bb92;box-shadow:0 30px 100px #1e35194d}
[data-theme=light] .game-dialog::backdrop{background:#142210a8}
[data-theme=light] .dialog-description{color:#485f3d}
[data-theme=light] .dialog-tags span,[data-theme=light] .dialog-save{color:#486732;border-color:#bbcfa3}
[data-theme=light] .dialog-save[aria-pressed=true]{background:#e2efd1}
[data-theme=light] .dialog-notice{color:#895840}
/* Artwork overlays intentionally retain their own high-contrast dark palette. */
[data-theme=light] .card-save[aria-pressed=true]{color:#d1f58a}
@media(max-width:1080px){.topbar-meta .version,.topbar-meta .connection-dot{display:none}.topbar-meta{font-size:0}.appearance-panel{padding:23px}.theme-options{gap:12px}.theme-mini{height:94px}.theme-option-body{padding:10px}.appearance-tag{display:none}}
@media(max-width:760px){.topbar-meta .theme-picker{margin-right:0}.theme-picker{min-height:36px;padding-inline:8px}.theme-picker select{font-size:11px;min-height:34px;max-width:105px}.appearance-heading h2{font-size:20px}.appearance-panel{padding:22px}.appearance-controls{gap:20px}.theme-options{gap:10px}.theme-mini{height:80px}.mini-body{padding:11px 8px;gap:7px}.mini-hero{height:22px}.theme-option-body>small{font-size:9px}.auth-header-actions{gap:12px}}
@media(max-width:640px){.site-header .header-inner{gap:15px}.site-header .header-right{gap:8px}.site-header .theme-picker{min-height:34px;padding-inline:7px;gap:4px}.site-header .theme-picker select{font-size:10px;max-width:92px;min-height:32px}.site-header .theme-symbol{width:15px;height:15px}.site-header .collection-button{padding:8px}.site-header .collection-button>span:not(.collection-count){display:none}}
@media(max-width:540px){.appearance-panel{padding:21px 18px}.appearance-heading h2{font-size:19px}.appearance-controls{grid-template-columns:1fr;gap:20px}.appearance-switch{padding-bottom:0}.theme-options{grid-template-columns:1fr;gap:10px}.theme-option-body{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:15px;align-items:center;padding:12px}.theme-mini{grid-row:1/3;height:75px}.theme-option-label{margin-top:0;align-self:end}.theme-option-body>small{font-size:10px;align-self:start}.theme-option-label strong{font-size:13px}.appearance-footer{flex-wrap:wrap}.appearance-footer>.button{width:100%}.appearance-controls .field select{font-size:16px}.appearance-footnote{font-size:10px}.auth-header-actions .text-link{font-size:0;gap:0}.auth-header-actions .text-link .icon{width:17px;height:17px}.auth-header-actions{gap:10px}.topbar .breadcrumb>span{display:none}.side-nav a{font-size:9px}.topbar{gap:8px}.appearance-heading{margin-bottom:21px}}
@media(max-width:360px){.site-header .theme-symbol{display:none}.site-header .theme-picker select{max-width:83px}.site-header .header-inner{gap:9px}.theme-option-body{grid-template-columns:83px minmax(0,1fr);gap:10px}.appearance-panel{padding:18px 14px}.side-nav a{font-size:8px}.auth-header .theme-picker{padding-inline:6px;gap:4px}.auth-header .theme-picker select{max-width:90px}}
@media(prefers-reduced-motion:reduce){.theme-transition body,.theme-transition .panel,.theme-transition .site-header,.theme-transition .sidebar,.theme-transition .game-card,.theme-transition .hero,.theme-transition .theme-picker,.theme-option-body,.theme-selected{transition:none!important}}