/* Local owner-requested presentation; saved preference fields stay intact. */
body.shared-canvas .settings-sidebar .settings-grid{display:grid;gap:18px;padding:16px 0}
body.shared-canvas .settings-sidebar .settings-row{display:grid;gap:10px;margin:0;padding:14px 0;border-bottom:1px solid #bba47a44}
body.shared-canvas .settings-sidebar .settings-row select{box-sizing:border-box;width:100%;min-height:48px;padding:9px 12px;font:inherit;line-height:1.5;color:#f4e8d1;background:#403025;border:1px solid #a48a60;border-radius:10px}
body.shared-canvas .settings-sidebar .settings-group-title{margin:10px 0 0;font:600 18px/1.6 var(--reading-font,Arial,sans-serif);color:#f1dfbc}
body.shared-canvas .settings-sidebar .advance-settings{gap:12px}
body.shared-canvas .settings-sidebar .settings-label{font-weight:600;line-height:1.6}
body.shared-canvas .settings-sidebar select:focus-visible{outline:3px solid #f1dfbc;outline-offset:3px}
/* A complete frame is the single button in every game. */
body.shared-canvas #main .chapter-intro .chapter-rounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;align-items:start}
body.shared-canvas #main .chapter-rounds .chapter-round{display:block;min-width:0;min-height:44px;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none;opacity:1}
body.shared-canvas #main .chapter-rounds .round-gallery-art{display:block;aspect-ratio:3/4;width:100%;height:auto}
body.shared-canvas #main .round-frame-content{position:absolute;inset:13% 11%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;color:#f1e3cb;text-align:center}
body.shared-canvas #main .round-frame-content :is(.round-unplayed-number,.round-mini-certificate){position:static;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transform:none;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;color:inherit}
body.shared-canvas #main .round-frame-content .round-caption-number{font:600 clamp(13px,3.3vw,18px)/1.45 var(--reading-font,Arial,sans-serif);white-space:normal;color:inherit;overflow-wrap:normal}
body.shared-canvas #main .round-frame-content .round-correct{font:500 13px/1.3 var(--reading-font,Arial,sans-serif);color:inherit}
body.shared-canvas #main .round-frame-content .round-mini-points{font:600 clamp(13px,3.3vw,18px)/1.3 var(--reading-font,Arial,sans-serif);color:inherit;white-space:normal}
body.shared-canvas #main .round-mini-points small{font-size:11px}
body.shared-canvas #main .round-frame-icon{display:block;width:20px;height:20px;margin-top:3px;color:inherit;flex:none}
body.shared-canvas #main .round-frame-icon svg{display:block;width:100%;height:100%}
body.shared-canvas #main .chapter-round:has(.round-mini-certificate) .gallery-frame-canvas{fill:#ecdfc5}
body.shared-canvas #main .chapter-round:has(.round-mini-certificate) .round-frame-content{color:#40301e}
body.shared-canvas #main .chapter-round.locked .round-frame-content{color:#d1c4af}
body.shared-canvas #main .chapter-round:focus-visible{outline:3px solid #f3dfba;outline-offset:4px}
@media(min-width:700px){body.shared-canvas #main .chapter-intro .chapter-rounds{gap:20px 14px}body.shared-canvas #main .round-frame-content .round-caption-number{font-size:20px}}
/* Readable Arabic captions stay outside the chapter artwork. */
html[lang=ar] body.shared-canvas #main :is(.chapter-name,.chapter-surah-name){font-family:var(--arabic-font,Arial,sans-serif);font-size:clamp(18px,3.6vw,23px);font-weight:500;line-height:1.7;letter-spacing:normal;white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance}
html[lang=ar] body.shared-canvas #main .chapters-page h1{font-family:var(--arabic-font,Arial,sans-serif);line-height:1.65;font-size:clamp(25px,5vw,32px)}
/* Hints belong to the question's scope and points row. */
body.shared-canvas #main .flow-scope-stats{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:14px 0 8px;line-height:1.5;font-size:13px}
body.shared-canvas #main .flow-scope{min-width:0;overflow-wrap:anywhere}
body.shared-canvas #main .flow-row-points{white-space:nowrap;font-weight:500}
body.shared-canvas #main .aqq-inline-hints{display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;max-width:125px;padding:7px 6px;border:1px solid #a78b5c;border-radius:10px;background:#453326!important;color:#f3e6cf!important;font:inherit;font-size:12px;line-height:1.4;text-align:start}
body.shared-canvas #main .aqq-inline-hints svg{width:19px;height:19px;flex:none}
body.shared-canvas #main .flow-question-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px}
body.shared-canvas #main .flow-question-progress progress{flex-basis:100%}
/* Context reveals only verified neighbours; activity and ayah-number layout stay intact. */
body.shared-canvas #main .ap-context-ayah{margin:10px 0;padding:8px 2px;color:#806747;line-height:2;font-family:var(--arabic-font,Arial,sans-serif);font-size:calc(var(--quran-size,28px)*.8)}
body.shared-canvas #main .ap-options-route{display:flex;justify-content:center;margin:8px 0 0}
body.shared-canvas #main .ap-round-options{min-height:44px;padding:8px 13px;background:transparent!important;border:0;color:#e8d5b6!important;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:14px}
body.shared-canvas #main .ap-context-toggle{min-height:44px;padding:9px 12px;background:#e5d5b8!important;color:#4a3826!important;border:1px solid #b99d72;border-radius:9px;font:inherit;font-size:14px}
body.shared-canvas #main .ap-feedback-card{display:grid;gap:5px;margin:14px 0;padding:14px 16px;border:1px solid #a86c68;border-radius:12px;background:#f2d6d2;color:#6c252b;font:400 15px/1.6 var(--reading-font,Arial,sans-serif);text-align:center}
body.shared-canvas #main .ap-feedback-card strong{font-size:20px;font-weight:650}
body.shared-canvas #main .ap-feedback-card.good{background:#dce9d1;color:#254c2c;border-color:#86a57b}
body.shared-canvas #main .ap-feedback:empty{display:none}
/* The original plaque artwork is retained with language-specific lettering. */
body.mumin-layout #main .gallery-logo-home{display:block;width:auto;max-width:100%;margin:0 auto;padding:0;min-height:44px;border:0;border-radius:0;box-shadow:none;background:transparent!important;cursor:pointer}
body.mumin-layout #main .gallery-logo-home:focus-visible{outline:3px solid #f3e7cf;outline-offset:4px}
body.mumin-layout #main .gallery-submenu-home{margin-bottom:20px}
body.mumin-layout #main .gallery-home .quest-home-player{border:0;border-radius:0;background:transparent!important;box-shadow:none;padding:4px 6px;color:#f3e7cf}
body.mumin-layout #main .gallery-home .quest-home-avatar{width:42px;height:42px;border:0;border-radius:0;background:transparent;font-size:30px;box-shadow:none}
body.mumin-layout #main .gallery-home .quest-home-player-copy strong{font-size:18px;line-height:1.5}
@media(min-width:900px){
 body.mumin-layout{background-size:100% 100%!important}
 body.mumin-layout[data-view=games]:has(.gallery-home) #main{padding-top:58px;padding-bottom:24px}
 body.mumin-layout[data-view=games] #main .gallery-home{gap:18px}
 .gallery-home-heading{position:relative;gap:8px}
 body.mumin-layout #main .gallery-home .quest-home-player{position:absolute;left:0;right:auto;top:-38px;max-width:250px;text-align:left}
 body.mumin-layout #main .gallery-home-logo{width:280px}
 .gallery-home-games{max-width:520px;gap:20px}
 body.mumin-layout #main .gallery-home-game-title{font-size:25px}
}

body.shared-canvas #main .round-certificate-brand{display:block;margin:0 auto 20px;padding:0;min-height:44px;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:#63482a!important;font:inherit;cursor:pointer}
body.shared-canvas #main .round-certificate-brand:focus-visible{outline:3px solid #76542f;outline-offset:4px}