/* Active Quest interface foundation. Original styles remain archived, not loaded. */
@font-face{font-family:KFGQPC;src:url('../assets/kfgqpc-hafs.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#071b30;--wood:#102b44;--wood-raised:#173c59;--text:#f4eedf;--muted:#c4d2df;--line:#577083;--divider:#577083;--gold:#dac18a;--accent:#173c59;--accent-line:#dac18a;--accent-soft:#24445e;--paper:#f8edcf;--ink:#092c44;--paper-muted:#425467;--arabic-font:Arial,sans-serif;--reading-font:Arial,sans-serif;--success-ink:#fff1cc;--success-paper:#193c59}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--reading-font)}
html[data-english-font=classic][lang=en]{--reading-font:Georgia,serif}html[data-arabic-font=quran]{--arabic-font:KFGQPC,Arial,sans-serif}html[lang=ar]{--reading-font:var(--arabic-font)}
[hidden]{display:none!important}h1,h2,h3,p{margin:0 0 16px}h1{font-size:28px;line-height:1.25}h2{font-size:22px}h3{font-size:17px}a{color:#f0ce87}svg{width:24px;height:24px;flex-shrink:0}img{max-width:100%}
button,input,select,textarea{font:inherit}button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--wood-raised);color:var(--text);cursor:pointer;line-height:1.4}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary,.training-start{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}button[aria-pressed=true],button.active{border-color:var(--gold)}button.danger,.reset-wood{color:#ffd8bf}input,select,textarea{min-width:0;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}input[type=checkbox]{accent-color:var(--gold);width:20px;height:20px;flex-shrink:0}input[type=file]{width:100%}
.app{margin:auto;background:var(--bg)}.brand-logo{display:none}.brand-name{display:block}.brand{min-width:0}.row,.section-head,.screen-toolbar,.saved-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.row{justify-content:flex-start;flex-wrap:wrap}.center{text-align:center}.muted,.content-label,.legacy-note{color:var(--muted)}.content-label{font-size:13px}.text-button{background:transparent;border:0}.full{width:100%}.panel,.training-game-card,.players-panel,.result-panel{padding:24px;background:var(--wood);border:1px solid var(--line);border-radius:12px}.panel+.panel{margin-top:20px}.screen-toolbar{margin-bottom:18px}.screen-toolbar h2,.training-hero,.training-summary-head{display:none}
#nav{display:flex;flex-direction:column;gap:6px}#nav button{display:flex;align-items:center;gap:10px;text-align:start;background:transparent;border:0}#nav button.active{background:var(--wood-raised)}#nav .mobile-setup-toggle{display:none}#notice{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;width:min(90vw,600px);padding:14px;background:var(--wood-raised);border:1px solid var(--gold);border-radius:10px}.storage-warning{padding:12px;border:1px solid var(--gold);margin-bottom:16px}
dialog{max-width:min(720px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;background:var(--wood);color:var(--text);border:1px solid var(--gold);border-radius:12px}dialog::backdrop{background:#031324cc}.modular-dialog{width:min(760px,calc(100vw - 24px))}.section-head{margin-bottom:20px}.section-head h2{margin:0}.reader-select{display:grid;grid-template-columns:1fr auto;gap:12px;margin:16px 0}.reader-ayah{padding:20px;background:var(--paper);color:var(--ink);border-bottom:1px solid #b7ac92}.reader-ayah p{font:28px/2.3 KFGQPC,Arial,sans-serif;direction:rtl;white-space:pre-wrap;margin:0}.reader-toolbar,.settings-tool-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.backup-import{display:block;margin:18px 0}.modular-dialog code,.modular-dialog a{overflow-wrap:anywhere}.utility-bar{display:none}
.training-screen{display:grid;gap:18px}.training-summary{margin-bottom:24px}.training-selection-bar,.training-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-selection-bar button{display:flex;gap:10px;align-items:center;text-align:start}.training-selection-bar strong,.training-selection-bar small{display:block}.training-selection-bar small{font-size:12px;color:var(--muted)}.training-selection-summary{padding:12px 0;color:var(--muted);font-size:14px}.training-setting-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.training-start{width:100%;margin-top:12px}.resume-secondary{margin-top:16px;width:100%;background:transparent;color:var(--text)}.training-screen>.training-start{display:none}.practice-heading{margin-bottom:20px}
.selection-modal,.feedback-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#031324dd;padding:12px}.selection-sheet,.feedback-card{width:min(720px,100%);max-height:92dvh;overflow:auto;background:var(--wood);border:1px solid var(--gold);border-radius:12px;padding:20px}.selection-head,.selection-tools,.selection-done{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.selection-head h2{margin:0;font-size:21px}.selection-tools{flex-wrap:wrap}.picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pick{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px;border:1px solid var(--line);border-radius:7px}.pick.checked{border-color:var(--gold);background:var(--wood-raised)}.selection-done{margin-top:16px;margin-bottom:0;position:sticky;bottom:0;background:var(--wood);padding-top:12px}
.saved-item{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:8px}.saved-item p{margin:4px 0}.saved-item small{color:var(--muted)}.saved-item .row{flex-shrink:0}.players-top,.players-heading,.player-actions,.player-editor-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.player-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px}.player-card{display:grid;gap:8px;text-align:center;padding:20px}.player-card.is-current{border-color:var(--gold)}.player-status{font-size:12px;color:var(--muted)}.player-emblem{font-size:28px;color:var(--gold)}.player-actions{flex-wrap:wrap}.player-editor{border-top:1px solid var(--line);padding-top:20px}.player-editor input{flex:1}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.settings-label{font-size:14px}.font-choices{display:flex;flex-wrap:wrap;gap:6px}.settings-footer{padding-top:16px}.settings-footer button{min-height:44px}.settings-hero h1{margin:0}.settings-hero{display:flex;justify-content:space-between;gap:12px}.settings-group-title{margin-top:24px}.title-version{display:block;color:var(--muted);font-size:11px}
.quiz-toolbar,.quiz-tool-group,.quiz-header,.question-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.quiz-tool-group button{display:flex;align-items:center;gap:6px}.ayah,.quiz-ayah{font:var(--quran-size,28px)/2.2 var(--arabic-font);direction:rtl;text-align:center;padding:20px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answers button{font:26px/1.6 var(--arabic-font)}.question-map{display:flex;flex-wrap:wrap;gap:5px}.question-map button{min-width:36px;padding:6px}.quiz-menu-list{display:grid;gap:10px}.quiz-menu button{width:100%;text-align:start;margin-top:8px}.quiz-menu p{font-size:14px;color:var(--muted)}.typed-answer input{width:100%;font:28px/1.6 var(--arabic-font)}
.arabic-keyboard{margin:16px 0;direction:rtl}.key-row{display:flex;justify-content:center;gap:4px;margin:4px 0}.arabic-keyboard button{padding:6px;min-width:24px;flex:1;max-width:64px;font:20px/1.4 Arial}.arrange-board,.sequence-placement{padding:18px;border:1px dashed var(--line);min-height:100px;border-radius:10px;direction:rtl}.arrange-bank,.sequence-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.arrange-bank button,.sequence-bank button,.sequence-line{font:26px/1.8 var(--arabic-font)}.arrange-word{display:inline-block;padding:6px}.result-primary,.result-mini-stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.result-certificate{text-align:center}.result-score{font-size:42px}.result-score small{display:block;font-size:14px}.certificate-wordmark{display:none}.result-mark{color:var(--gold)}.result-review{margin-top:20px}.feedback-fab{display:none}.feedback-card textarea{width:100%;min-height:120px}.feedback-card .row{margin:12px 0}
@media(max-width:600px){body{font-size:15px}.panel,.training-game-card,.players-panel{padding:16px}.picker{grid-template-columns:1fr}.selection-head h2{font-size:18px}.selection-tools .filter{width:100%}.saved-item{align-items:stretch;flex-direction:column}.reader-select{grid-template-columns:1fr}.modular-dialog{padding:16px}.reader-ayah{padding:14px}.reader-ayah p{font-size:25px}.settings-row{gap:8px}.settings-row select{max-width:55%}}

/* Stored palette choices now tint accents while the shared shell stays blue. */
html[data-color=walnut],html[data-color=wood]{--gold:#dfbea8}html[data-color=rich-maroon],html[data-color=maroon]{--gold:#efb8c7}html[data-color=purple]{--gold:#d1b7f0}html[data-color=aqua]{--gold:#a8d9dc}html[data-color=forest],html[data-color=sage]{--gold:#b6d7c0}html[data-color=charcoal]{--gold:#c0d6cd}html[data-color=cocoa]{--gold:#d4c8b8}