/* The chapter grid is shared with Missing Word; the puzzle surface follows the supplied v0.87 HTML. */
.arrange-practice{margin:auto;padding:0 0 16px;color:var(--text);min-width:0}
.arrange-practice h1{text-align:center;font:400 27px/1.35 Georgia,serif;margin:0 0 24px}.arrange-practice :focus-visible{outline:3px solid var(--gold);outline-offset:4px}.arrange-practice button{max-width:100%;min-height:46px}.ap-home{display:flex;justify-content:center;margin:28px 0 0}.ap-home button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;padding:10px;background:var(--wood);color:var(--gold)}.ap-home svg{display:block}.ap-nav{display:flex;justify-content:space-between;margin-bottom:18px}.ap-nav button{background:transparent;border:0;color:var(--gold);padding:4px 0;font-size:13px}.ap-mode-title{text-align:center;font-size:14px;color:var(--muted);margin-bottom:12px}
.ap-modes{display:grid;gap:20px;margin:28px 0}.ap-modes button{display:grid;justify-items:center;gap:12px;min-width:0;padding:22px;background:var(--wood);border:1px solid var(--line);color:var(--text)}.ap-modes button svg{width:150px;height:76px;fill:var(--gold);color:var(--gold)}.ap-modes strong{font-size:20px}.ap-notice{padding:14px;background:#eedfc2;color:#3a2a1d;border:1px solid #bc986c;border-radius:10px;font-size:14px;line-height:1.7;margin-bottom:14px}
.ap-nav .ap-small-practice{font-size:13px;min-height:44px;padding:8px 18px;background:transparent;color:var(--gold)}.ap-selectors{display:grid;gap:16px}.ap-selectors label{display:grid;gap:6px;font-size:14px}.ap-selectors select{width:100%;max-width:100%;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f2e8d4;color:#342c23}.ap-practice-count{margin-top:20px;text-align:center;color:var(--muted);font-size:13px}
body.basic-chapter-flow[data-view=arrange]:has(.arrange-gameplay) .app{max-width:920px}body.basic-chapter-flow[data-view=arrange]:has(.arrange-gameplay) #main{max-width:880px}body.basic-chapter-flow[data-view=arrange] .app>header{display:none!important}
.ap-game-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--divider)}.ap-game-meta h2{font-size:20px;font-weight:500}.ap-game-meta p{font-size:14px;line-height:1.7;color:var(--muted);text-align:end;max-width:38ch}.ap-game-progress{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:16px}.ap-game-progress progress{width:35%;height:5px;accent-color:var(--gold)}
.ap-parchment{overflow:hidden;background:linear-gradient(120deg,#f6eddd,#f2e8d4);color:#342c23;border:1px solid #b7a07b;border-radius:18px;box-shadow:0 14px 36px #0e090630}.ap-parchment-head{padding:12px 24px;background:#d5bea0;border-bottom:1px solid #bca789;text-align:center;font-size:15px;font-weight:700;color:#503923}.ap-parchment-head bdi{display:inline-block;font-size:12px;margin-inline-start:8px}.ap-parchment-body{padding:10px 32px}.ap-context{text-align:center;padding:10px 0;color:#6e6251}.ap-context small{display:block;color:#6e6251;font-size:11px;margin-bottom:0}.ap-context>p:not(.ap-scripture){font-size:13px}.ap-scripture{font:var(--quran-size,28px)/1.95 KFGQPC,serif;text-align:center;overflow-wrap:anywhere}.ap-context .ap-scripture{font-size:calc(var(--quran-size,28px)*.8);line-height:1.9}.ap-target{padding:14px 0;border-block:1px solid #bca78966;min-height:104px;display:grid;align-items:center}.ap-picks.words{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 12px;min-height:68px}.ap-picks .ap-slot{background:transparent;color:#6e6251;border:0;border-bottom:2px dotted #857353;border-radius:0;width:74px;min-width:74px;min-height:50px;padding:0}.ap-picks.words .ap-placed{min-width:74px}.arrange-practice .ap-piece{position:relative;isolation:isolate;background:#f2e8d4;border:1px solid #806749;border-radius:6px;box-shadow:inset 0 0 0 1px #dac7a3,0 2px 3px #19120e40;color:#342c23;min-height:56px;padding:7px 16px;touch-action:none;user-select:none;cursor:grab;max-width:100%}.ap-piece>span{font:var(--quran-size,28px)/1.8 KFGQPC,serif;overflow-wrap:anywhere}.ap-piece:before{content:'';position:absolute;inset:5px;border:1px solid #91754c40;border-radius:3px;pointer-events:none}.arrange-practice .ap-piece:hover:not(:disabled){background:#f7efde;color:#342c23;border-color:#ad9060}.arrange-practice .ap-piece.ap-placed{background:#e7d5ae;color:#604722;border:1px dashed #a98d5d;box-shadow:none;padding:2px 8px;min-height:44px}.ap-piece.ap-placed:before{display:none}.arrange-practice .ap-piece.ap-placed:hover:not(:disabled){background:#e0c99c}.ap-picks.ayahs{display:grid;gap:10px}.ap-picks.ayahs .ap-piece{display:block;width:100%;text-align:center}.ap-picks.ayahs>p{font-size:17px;color:#6e6251;text-align:center;padding:22px}.ap-parchment-foot{padding:8px 20px;border-top:1px solid #bca789;background:#d5bea0;color:#503923;text-align:center;font-size:12px}
.ap-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:60px;margin-top:18px}.ap-bank.ayahs{display:grid;gap:10px}.ap-bank.ayahs .ap-piece{text-align:center}.ap-bank p{font-size:13px;color:var(--muted);padding:14px}.ap-bank:has(>p){border:1px dashed var(--line);border-radius:8px}.ap-feedback{text-align:center;font-size:14px;line-height:1.7;color:#efb6a7;margin-top:14px}.ap-feedback:empty{display:none}.ap-feedback.good{color:#e0c699}.ap-tools{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.ap-tools .ap-check{min-width:114px;border-radius:28px;font-weight:700;min-height:48px;background:#73563c;border-color:var(--gold);color:#f0e7d6}.ap-tools .ap-check:disabled{background:var(--wood);border-color:var(--line)}.ap-help{max-width:min(520px,calc(100vw - 32px));background:var(--wood);color:var(--text);border:1px solid var(--gold);border-radius:18px;padding:24px}.ap-help::backdrop{background:#100b08b3}.ap-help h2{margin-bottom:12px}.ap-help p{margin-bottom:12px;line-height:1.8}.ap-drop-target{outline:2px dashed var(--gold);outline-offset:4px}.ap-drag-ghost{position:fixed;z-index:1000;pointer-events:none;max-width:min(460px,80vw);padding:8px 14px;opacity:.92;background:#f2e8d4;color:#342c23;border:1px solid #bea374;border-radius:8px;font:24px/1.8 KFGQPC,serif;box-shadow:0 14px 36px #0e090630}.arrange-practice .flow-parchment{color:#342c23}.arrange-practice .flow-ranges{display:grid;gap:10px;font-size:15px;line-height:1.8;margin:22px 0}.arrange-practice .flow-brief-stats{gap:10px}.arrange-practice .flow-brief-stats strong{font-size:23px}
@media(max-width:600px){.ap-game-meta{align-items:start;flex-direction:column;gap:6px}.ap-game-meta p{text-align:start}.ap-parchment-body{padding:8px 14px}.ap-picks.words{gap:10px}.ap-picks .ap-slot,.ap-picks.words .ap-placed{min-width:56px;width:auto}.ap-picks .ap-slot{width:56px}.arrange-practice .ap-piece{padding:6px 12px}.ap-tools{gap:8px}.ap-tools>button{padding:8px 12px}.ap-tools .ap-check{min-width:98px}}
.mumin-layout #main .arrange-practice .flow-parchment{background:linear-gradient(120deg,#f6eddd,#f2e8d4);color:#342c23;border:1px solid #b7a07b}.mumin-layout #main .arrange-practice .flow-parchment h1,.arrange-practice .flow-parchment .flow-eyebrow,.arrange-practice .flow-parchment .flow-ranges span{color:#604722}.arrange-practice .flow-parchment .flow-brief-stats>div{border-color:#bca789}
.ap-bank.ayahs{grid-template-columns:minmax(0,1fr)}
/* Retain the v1.2 gallery shell and navy controls while keeping Quran pieces on cream. */
body.mumin-layout #main .arrange-practice .ap-piece{background-color:#f2e8d4;background-image:none;color:#342c23;border-color:#806749}
body.mumin-layout #main .arrange-practice .ap-piece.ap-placed{background-color:#e7d5ae;background-image:none;color:#604722;border-color:#a98d5d}
body.mumin-layout #main .arrange-practice .ap-piece:hover:not(:disabled){background-color:#f7efde;background-image:none;color:#342c23}
body.mumin-layout #main .arrange-practice .ap-slot{background-color:transparent;background-image:none;color:#6e6251;border:0;border-bottom:2px dotted #857353}
body.mumin-layout #main .arrange-practice .ap-context{background:transparent}
@media(min-width:700px){body.mumin-layout.basic-chapter-flow[data-view=arrange]:has([data-ap-phase=chapters]) .app{max-width:1040px}body.mumin-layout.basic-chapter-flow[data-view=arrange]:has([data-ap-phase=chapters]) #main{max-width:1020px;margin:auto;padding:30px 25px}}

.arrange-practice .passed .round-frame-score strong{color:inherit}