@font-face{font-family:Fraunces;src:url(assets/FQDisplay400.woff2);font-weight:400;font-display:swap}@font-face{font-family:Fraunces;src:url(assets/FQDisplay600.woff2);font-weight:600;font-display:swap}@font-face{font-family:Fraunces;src:url(assets/FQDisplay700.woff2);font-weight:700;font-display:swap}@font-face{font-family:SourceSerif;src:url(assets/FQBody400.woff2);font-weight:400;font-display:swap}@font-face{font-family:SourceSerif;src:url(assets/FQBody600.woff2);font-weight:600;font-display:swap}@font-face{font-family:SourceSerif;src:url(assets/FQBody700.woff2);font-weight:700;font-display:swap}
:root{--cream:#f3eee4;--paper:#fbf7f0;--ink:#1b2a4a;--soft:#4a5974;--gold:#a6843c;--deep:#6f5424;--line:#e0d3bc;--glow:#f3e6c8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:400 15px/1.45 SourceSerif,Georgia,serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;opacity:.5}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.15}h2{font-size:31px;font-weight:600}h3{font-size:21px}button{border:0}.brand{display:flex;justify-content:center;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0 12px;margin:0 auto;max-width:520px}.brand img{width:32px;height:32px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--deep)}.brand h1{font:600 19px Fraunces,Georgia,serif}main{padding:18px 20px 0;max-width:520px;margin:auto}.kicker{text-transform:uppercase;letter-spacing:1.1px;font-size:9px;color:var(--deep);margin-bottom:7px}.subtitle{color:var(--soft);font-size:13px;margin-top:8px}.totals{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:15px 0}.totals b{color:var(--deep)}.packs{display:flex;flex-direction:column;gap:7px}.pack{display:flex;gap:11px;text-align:left;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:10px;min-height:57px;width:100%}.pack .n{font-size:11px;color:var(--gold);padding-right:9px;border-right:1px solid var(--line)}.pack h3{font-size:17px}.pack p{font-size:10px;color:var(--soft);margin-top:3px}.pack small{font-size:10px;color:var(--deep)}.pack .arrow{margin-left:auto;color:var(--gold)}.pack.current{background:var(--glow);border-color:var(--gold)}.random{margin-top:13px;background:var(--ink);color:var(--paper);border-color:var(--ink);padding:13px}.random h3{font-size:20px}.random p{color:var(--line)}.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 14px}.bar h2{font-size:26px}.bar .center{flex:1}.bar .kicker{margin:4px auto 0;font-size:9px;letter-spacing:.4px;max-width:225px}.back{width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:23px}.points{font-size:23px;text-align:right;line-height:1.1}.points small{display:block;font-size:9px;margin-top:4px;color:var(--soft)}.center{text-align:center}.card{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:18px}.cipher{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px 12px;padding:15px 11px;margin-top:14px;max-height:40vh;overflow-y:auto;scrollbar-color:var(--gold) var(--cream)}.word{display:inline-flex;gap:3px;max-width:100%}.letter{display:flex;flex-direction:column;align-items:center;width:18px;min-height:42px;padding:0;background:transparent;border-radius:4px}.answer{font-size:18px;line-height:25px;height:25px;width:100%;border-bottom:1px solid #b3a68b}.code{font-size:9px;margin-top:3px;color:var(--deep)}.letter.selected{background:var(--glow);box-shadow:0 0 0 3px var(--glow)}.letter.hinted .answer{color:var(--deep);font-weight:700}.punct{align-self:flex-start;padding-top:4px}.guide{font-size:11px;text-align:center;color:var(--soft);margin:10px 0}.selection{text-align:center;font-size:12px;padding:9px;margin:0 0 12px}.selection b{color:var(--deep)}.keyboard{display:flex;flex-direction:column;gap:6px}.keyrow{display:flex;justify-content:center;gap:5px}.key{height:40px;flex:1;max-width:40px;min-width:0;border-radius:6px;background:var(--paper);border:1px solid #d2c3a8;box-shadow:0 2px 0 #e7dfd5;font-size:16px;padding:0}.key.used{background:var(--glow);border-color:var(--gold);color:var(--deep)}.tools{display:flex;gap:10px;margin-top:13px}.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:24px;padding:12px;width:100%;font-size:16px}.secondary{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:10px;font-size:13px}.tools .primary{flex:2;font-size:14px}.tools .secondary{flex:1}.textbtn{background:none;color:var(--deep);text-decoration:underline;padding:10px;min-height:40px}.note{font-size:11px;color:var(--soft);text-align:center;line-height:1.5}.verse{font:400 25px/1.3 Fraunces,Georgia,serif;text-align:center;overflow-wrap:anywhere}.versecard{margin-top:18px}.versecard .note{margin-top:12px}.bonushead h2{font-size:31px}.bonushead .subtitle{margin-top:8px}.reference{color:var(--deep);text-align:center;margin-top:16px}.pickers{display:flex;gap:15px;margin-top:12px}.pickers label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font-size:12px;color:var(--deep)}select{width:100%;height:48px;background:var(--paper);border:1px solid #d3c6ba;border-radius:9px;padding:7px 11px;font-size:18px}.rules{color:var(--deep);margin:16px 0 5px}.bonusactions{margin-top:17px;text-align:center}.exact{background:var(--glow);border:1px solid var(--gold);border-radius:11px;padding:11px;margin-top:14px;text-align:center;font-size:13px;color:var(--deep)}.award{text-align:center;margin:14px 0;padding:15px}.award .breakdown{display:flex;justify-content:center;gap:11px;font-size:14px;margin:9px 0}.award strong{font:600 38px Fraunces,Georgia,serif}.winicon{color:var(--gold);background:var(--paper);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;font-size:26px}.solvedtitle{font-size:32px}.solved .verse{font-size:23px}.rank{color:var(--deep);text-align:center;font-size:11px;margin-top:8px}.loading{padding:50px 0;text-align:center}.error{padding:20px;line-height:1.7}footer{max-width:520px;margin:16px auto 0;padding:0 20px 18px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;color:var(--deep);font-size:9px}footer button{background:transparent;color:var(--deep);text-decoration:underline}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(350px,90vw);padding:12px 16px;border-radius:11px;background:var(--ink);color:var(--paper);font-size:13px;text-align:center;z-index:4;box-shadow:0 6px 22px #0002}#notice:empty{display:none}#storage-warning{padding:10px;background:#f5d9b3;text-align:center;font-size:12px}.wide-note{margin-top:13px}.progress{height:3px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:var(--gold)}@media(min-width:600px){main{padding-top:25px}.cipher{max-height:45vh}.key{max-width:48px;height:46px}.letter{width:21px}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.brand h1{font-size:17px}.pack h3{font-size:16px}.bar .kicker{max-width:180px}.letter{width:16px}}

/* v1.1.0: readable scripture letters, compact controls. */
body.playing{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.playing .brand{flex:none;width:100%;padding:7px 0;min-height:39px;gap:7px}.playing .brand img{width:24px;height:24px}.playing .brand small{display:none}.playing .brand h1{font-size:16px}.playing footer{display:none}
main.puzzle{width:100%;max-width:520px;flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 12px calc(8px + env(safe-area-inset-bottom));overflow:hidden}
.puzzle .bar{flex:none;margin:0;min-height:48px;gap:6px}.puzzle .bar h2{font-size:22px}.puzzle .bar .kicker{font-size:12px;line-height:1.2;letter-spacing:0;text-transform:none;margin-top:2px;max-width:230px}.puzzle .back{width:34px;height:34px;font-size:23px}.puzzle .points{font-size:22px}.puzzle .points small{font-size:11px}.puzzle>.subtitle,.puzzle>.guide,.puzzle>.note{display:none}
.puzzle .cipher{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-content:flex-start;align-items:flex-start;gap:26px 22px;margin:10px 0 9px;padding:18px 13px 26px;scroll-padding:18px;scrollbar-gutter:stable;border-color:#c5b597}
.puzzle .word{display:inline-flex;flex-wrap:nowrap;flex:0 1 auto;gap:4px;max-width:100%;min-width:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:5px 4px 9px;scrollbar-width:thin;scrollbar-color:#a6843c #f3eee4;overscroll-behavior-x:contain}
.puzzle .letter{flex:0 0 40px;width:40px;min-height:94px;border-radius:6px;justify-content:flex-start;padding:0;scroll-margin:8px}
.puzzle .answer{font-family:system-ui,sans-serif;font-size:44px;font-weight:800;line-height:56px;height:58px;color:#1b2a4a;border-bottom:3px solid #6f5424;flex:none}
.puzzle .code{font-family:system-ui,sans-serif;font-size:27px;font-weight:650;line-height:34px;margin-top:5px;color:#6f5424;flex:none}
.puzzle .letter.hinted .answer{color:#1b2a4a;font-weight:800}.puzzle .letter.selected{background:#f0d48b;box-shadow:inset 0 0 0 3px #6f5424;outline:2px solid #6f5424;outline-offset:1px}.puzzle .letter.selected .answer{border-color:#1b2a4a}.puzzle .punct{font-size:30px;line-height:56px;padding:0;flex:none;color:#1b2a4a}
.puzzle .selection{flex:none;padding:4px 6px;margin:0 0 7px;border:0;background:transparent;font-size:16px;line-height:22px}.puzzle .selection b{font-weight:700;color:#1b2a4a}
.puzzle .keyboard{flex:none;gap:4px}.puzzle .keyrow{gap:5px}.puzzle .key{height:32px;max-width:none;min-width:0;font-size:17px;line-height:30px;box-shadow:none;border-color:#b7a27d}.puzzle .tools{flex:none;gap:9px;margin-top:7px}.puzzle .tools .primary,.puzzle .tools .secondary{height:33px;padding:3px 8px;font-size:16px;line-height:25px;border-radius:18px;flex:1}
.playing #notice{bottom:185px;font-size:17px}
.bonus-screen,.solved-screen{font-size:17px}.bonus .kicker,.solved .kicker{font-size:17px;letter-spacing:.3px}.bonus .subtitle,.bonus .note,.bonus .pickers label,.bonus .rules,.solved .note,.solved .exact,.solved .reference,.solved .totals,.solved .rank,.solved .award .breakdown{font-size:17px;line-height:1.5}.bonus .verse{font-size:24px;line-height:1.4}.solved .verse{font-size:24px;line-height:1.4}.bonus select{font-size:20px;height:52px}.bonus .primary,.bonus .textbtn,.solved .primary,.solved .textbtn{font-size:18px}.solved .totals,.solved .award .breakdown{flex-wrap:wrap}.bonus-screen footer,.solved-screen footer{font-size:17px}.bonus-screen #notice,.solved-screen #notice{font-size:17px}.bonus .bonushead h2{font-size:29px}.solved .solvedtitle{font-size:30px}
.word-scroll-help{flex:none;text-align:center;font-size:14px;line-height:19px;color:#4a5974;margin:0 0 4px}
/* Eight-letter words still fit on a 390px phone without reducing the type. */
.puzzle .word{gap:0}.puzzle .answer{border-bottom:0;position:relative}.puzzle .answer::after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:3px;background:#6f5424}.puzzle .letter.selected .answer::after{background:#1b2a4a}
/* v1.2.0: QWERTY keyboard and a choice after every verse. */
.puzzle .keyrow{gap:4px}.puzzle .keyrow:nth-child(2){padding:0 12px}.puzzle .keyrow:nth-child(3){padding:0 30px}.puzzle .key{font-size:16px}
.context-link{display:block;margin-top:18px;padding:13px 11px;text-align:center;color:#1b2a4a;background:#f3e6c8;border:1px solid #a6843c;border-radius:12px;font-size:18px;line-height:1.5;text-underline-offset:3px}.context-link:focus-visible{outline:3px solid #6f5424;outline-offset:3px}.next-actions{display:flex;flex-direction:column;gap:12px;margin-top:18px}.next-actions .primary{min-height:54px;font-size:19px;font-weight:600}.next-actions .category{background:#6f5424;border-color:#6f5424;color:#fbf7f0}
/* v1.3.0: five persistent, adjustable puzzle text sizes. */
.size-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex:none;margin-top:5px;min-height:44px}.size-controls button{min-width:52px;min-height:44px;border:1px solid #a6843c;border-radius:9px;background:#fbf7f0;color:#1b2a4a;font:700 22px system-ui,sans-serif;line-height:1}.size-controls button:disabled{opacity:.4}.size-controls span{min-width:112px;text-align:center;font-size:15px;color:#4a5974}
.puzzle .cipher{gap:var(--row-gap) var(--word-gap);padding:var(--verse-padding) 8px 10px;margin-top:6px}.puzzle .word{padding:2px 2px;gap:0}.puzzle .letter{flex:0 0 var(--cell-width);width:var(--cell-width);min-height:0}.puzzle .answer{font-size:var(--answer-font);line-height:var(--answer-height);height:var(--answer-height);font-weight:800}.puzzle .code{font-size:var(--code-font);line-height:var(--code-height);margin-top:2px}.puzzle .punct{font-size:calc(var(--answer-font) * .7);line-height:var(--answer-height)}.puzzle .answer::after{left:2px;right:2px;height:2px}.puzzle .letter.selected{outline-width:2px;box-shadow:inset 0 0 0 2px #6f5424}
/* Fixed-width glyphs preserve visible word structure at the smallest setting. */
.puzzle .answer{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}
.hub h2{font-size:32px}.hub h3{font-size:24px}.hub .intro{font-size:20px}.hub .total{border-block:1px solid var(--line);padding:12px 0;margin:14px 0}.gamelist{display:grid;gap:9px}.hub .game{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #cdbb98;border-radius:12px;text-align:left;background:#fbf7f0}.hub .game p{font-size:18px;margin:5px 0 0}.hub .game.new{background:#1b2a4a;color:#fbf7f0}.hub .game.live{background:#f3e6c8}.hub .soon span{font-size:15px;color:#6f5424;min-width:78px}.hub .soon h3{font-size:22px}.hub .stepbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.hub .stepbar h2{font-size:28px}.hub .stepbar small{font-size:18px;white-space:nowrap}.hub .heading{padding:16px;text-align:center;margin-top:16px}.hub .heading h3{font-size:29px}.hub .question{margin:18px 0 12px;font-size:27px}.hub .categories{display:grid;grid-template-columns:1fr 1fr;gap:9px}.category-wrap{position:relative;border:1px solid #cdbb98;border-radius:11px;background:#fbf7f0}.hub .category{padding:12px 8px;width:100%;min-height:115px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center;color:inherit}.hub .category span{font-size:20px;line-height:1.2;padding-right:20px}.hub .category small{font-size:17px;line-height:1.2}.category-info{position:absolute;right:1px;top:1px;width:38px;height:38px;border:0;background:transparent;font-size:24px;color:#6f5424}.hub .chosen{background:#f3e6c8!important;outline:2px solid #6f5424}.hub .rules{font-size:18px;text-align:center;line-height:1.45;margin:14px 0}.hub .feedback{padding:16px;margin-top:18px;border-left:4px solid #a6843c;font-size:21px}.hub select{font-size:23px}.hub .chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hub .chapter{min-height:58px;font-size:26px;border:1px solid #cdbb98;border-radius:10px;background:#fbf7f0;color:inherit}.hub .passage{max-height:48vh;overflow:auto;padding:16px}.hub .passage p{font-size:var(--where-font,22px);line-height:1.6;margin:0 0 16px}.hub .passage sup{font-size:16px;color:#6f5424}.hub .where-size{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.where-size button{min-width:52px;min-height:44px;font-size:23px}.hub .score{background:#f3e6c8;padding:16px;text-align:center;font-size:22px}.where-breakdown{display:flex;justify-content:space-around;font-size:18px;margin-top:12px}.where-breakdown b{display:block}.hub .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub .actions button{font-size:20px}.hub .credit{font-size:16px;line-height:1.5;text-align:center;margin-top:22px}.info-sheet{max-width:440px;width:calc(100% - 24px);max-height:90vh;overflow:auto;border:1px solid #cdbb98;border-radius:20px;background:#f3eee4;color:#1b2a4a;padding:24px}.info-sheet::backdrop{background:#1b2a4a80}.info-sheet li{font-size:23px;line-height:1.6}.info-sheet h2{font-size:30px}.info-sheet p{font-size:20px}button:disabled{opacity:.5;cursor:default}
.topic-label{display:block;font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#6f5424;margin-bottom:8px}.answer-feedback{border:3px solid;border-radius:12px;padding:16px;margin:18px 0;display:flex;gap:12px;align-items:flex-start}.answer-feedback.right,.score-row.right{border-color:#2f5d3a;color:#2f5d3a;background:#f1f7f0}.answer-feedback.wrong,.score-row.wrong{border-color:#7a1f2b;color:#7a1f2b;background:#fcf3f3}.hub .answer-feedback h3{font-size:26px;line-height:1.3}.answer-feedback p{font-size:22px;line-height:1.5;margin:10px 0 0}.feedback-mark{font-size:40px;line-height:1;flex:none}.feedback-points{font-size:22px;line-height:1.5;margin:20px 0}.hub .where-breakdown{display:grid;gap:10px}.score-row{display:flex;justify-content:space-between;gap:8px;border:2px solid;border-radius:10px;padding:12px;font-size:22px}.hub .actions{grid-template-columns:1fr}.hub .actions button{min-height:58px;font-size:23px}.hub .actions .secondary{background:#fbf7f0;border:2px solid #1b2a4a;color:#1b2a4a;border-radius:28px}

.hub #continue-feedback{font-size:23px;min-height:58px;padding:12px}.hub .answer-feedback h3{font-size:25px}
/* Book Order: large touch targets, with a tap alternative to every drag. */
.order-game .order-level{font-size:20px;margin:16px 0}.order-steps{display:flex;justify-content:space-between;border-block:1px solid #cdbb98;padding:12px 0;font-size:18px;gap:10px}.order-steps .active{font-weight:700;color:#6f5424}.order-game .primary{font-size:23px;min-height:58px;width:100%;margin-top:14px}.order-game .selected{background:#f3e6c8;outline:3px solid #6f5424;outline-offset:1px}.order-difficulties{display:grid;gap:12px;margin:20px 0}.order-difficulty{text-align:left;border:1px solid #cdbb98;background:#fbf7f0;border-radius:12px;padding:16px;color:inherit;width:100%}.order-game .order-difficulty h3{font-size:30px}.order-difficulty p{font-size:21px;line-height:1.45;margin:6px 0}.order-difficulty small{font-size:17px}.level-dots{display:flex;justify-content:center;gap:12px}.level-dots span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cdbb98;background:#fbf7f0;border-radius:50%;font-size:23px}.order-list{display:grid;gap:12px}.order-position{display:flex;align-items:center;gap:12px;font-size:20px}.order-position>span{width:20px;flex:none;text-align:center}.order-book{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:62px;text-align:left;padding:12px 14px;border:1px solid #cdbb98;border-radius:11px;background:#fbf7f0;color:inherit;font-size:26px;line-height:1.25;touch-action:none;user-select:none}.order-book>span{color:#8e7956;font-size:24px}.order-drag-ghost{position:fixed!important;z-index:10000;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);box-shadow:0 8px 20px #1b2a4a50;background:#f3e6c8!important;opacity:.95}.drag-source{opacity:.45}.drop-hover{outline:3px dashed #6f5424;outline-offset:3px}.order-correct{padding:0;list-style-position:inside;display:grid;gap:10px;margin:18px 0}.order-correct li{border:1px solid #cdbb98;border-radius:10px;padding:12px;background:#fbf7f0;font-size:23px}.order-correct li>span{display:block}.order-correct li>span+span{font-size:19px;margin-top:6px}.right-label{color:#2f5d3a}.wrong-label{color:#7a1f2b}.chapter-matches{display:grid;gap:9px}.chapter-match{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #cdbb98;background:#fbf7f0;border-radius:10px;padding:10px;font-size:24px;min-height:66px}.chapter-match>b{overflow-wrap:anywhere}.chapter-match>span{text-align:right;font-size:21px}.chapter-match small{display:block;font-size:18px}.chapter-target,.chapter-tile{flex:none;min-width:64px;min-height:54px;border:1px solid #a6843c;background:#f3e6c8;border-radius:9px;font-size:29px;color:inherit;touch-action:none;user-select:none}.chapter-target.empty{border:2px dashed #a6843c;background:#f3eee4;color:#6f5424}.tile-pool{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:14px;min-height:82px;background:#ece5d7!important;font-size:20px;line-height:1.4}.chapter-tile{background:#fbf7f0;box-shadow:0 3px #cdbb98}.bonus-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.bonus-choice{min-height:88px;border:1px solid #cdbb98;border-radius:12px;font-size:38px;background:#fbf7f0;color:inherit}.bonus-label{display:block;text-align:center;font-size:22px;margin:14px 0}.order-game .bonus-number{display:block;width:100%;box-sizing:border-box;text-align:center;border:2px solid #a6843c;border-radius:12px;background:#fbf7f0;font:700 44px Georgia,serif;color:#1b2a4a;padding:8px;height:74px}.order-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.order-keypad button{border:1px solid #cdbb98;background:#fbf7f0;color:inherit;border-radius:10px;min-height:54px;font-size:29px}.order-keypad button[data-digit=Clear]{font-size:22px}.order-score{display:flex;justify-content:space-around;gap:8px;margin-top:15px;font-size:18px}.order-score b{display:block;font-size:20px;margin-top:5px}.order-book-results{display:grid;gap:15px}.order-result{padding:16px}.order-game .order-result h3{font-size:28px}.order-result .book-counts{font-size:22px;line-height:1.5;color:#6f5424;margin:8px 0}.order-result .first-verse{font-size:24px;line-height:1.6;margin:12px 0}.order-result .rules{text-align:left;font-size:18px}.order-game .actions{margin-top:20px}.order-game .actions button{width:100%;margin-top:0}.order-game .passage{--where-font:24px}.order-game .question{line-height:1.3}.order-game button:focus-visible{outline:3px solid #6f5424;outline-offset:3px}

.order-correct li>span:first-child{color:#2f5d3a;font-weight:700}.chapter-review{display:grid;gap:8px}.chapter-match.right-label{background:#f1f7f0;border:2px solid #2f5d3a}.chapter-match.wrong-label{background:#fcf3f3;border:2px solid #7a1f2b}.chapter-review .chapter-match{font-size:23px;line-height:1.35}
/* Scripture question games: source references appear only after submission. */
.study-game .study-game-title{font-size:30px;line-height:1.25;margin:22px 0 12px}.study-game .study-progress{font-size:21px;line-height:1.5;margin:18px 0}.study-game .primary{width:100%;min-height:58px;font-size:23px;margin-top:18px}.study-difficulties{display:grid;gap:12px;margin:20px 0}.study-difficulty{width:100%;padding:16px;border:1px solid #cdbb98;border-radius:12px;background:#fbf7f0;text-align:left;color:inherit}.study-game .study-difficulty h3{font-size:29px}.study-difficulty p{font-size:21px;line-height:1.4;margin:7px 0 0}.study-game .selected{background:#f3e6c8;outline:3px solid #a6843c;outline-offset:0}.study-prompt{padding:18px;margin:18px 0}.study-prompt p{font-size:27px;line-height:1.55;margin:0}.study-blank{font-size:32px;color:#6f5424}.study-choices{display:grid;gap:12px;margin:20px 0}.study-choice{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 12px;border:1px solid #cdbb98;border-radius:12px;background:#fbf7f0;color:inherit;font-size:23px;line-height:1.45;min-height:62px}.choice-badge{display:grid;place-items:center;flex:none;min-width:30px;height:30px;font-size:19px;border:1px solid #a6843c;border-radius:50%;margin-top:2px}.study-hint{padding:14px;font-size:21px;line-height:1.5;margin-top:18px;background:#f3e6c8!important}.study-hint p{margin:8px 0 0}.study-reference{text-align:center;font-size:21px;line-height:1.5;margin:18px 0;color:#6f5424}.study-scripture{padding:18px;max-height:52vh;overflow:auto;margin:16px 0}.study-scripture p{font-size:var(--study-font,26px);line-height:1.6;margin:0}.study-game .where-size{font-size:20px}.study-game .where-size button{background:#fbf7f0;border:1px solid #cdbb98;border-radius:10px;color:inherit}.study-actions{margin-top:20px}.study-game .study-actions .primary{margin-top:0}.study-context{border:1px solid #cdbb98;border-radius:12px;padding:16px;margin:18px 0;background:#fbf7f0}.study-context summary{font-size:23px;cursor:pointer}.study-context p{font-size:23px;line-height:1.6;margin:16px 0 0}.study-game .study-score{margin-top:20px}.study-score p{font-size:21px;line-height:1.4;margin:12px 0 0}.word-answer{min-height:94px;padding:14px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;font-size:22px;line-height:1.5;margin:18px 0}.word-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}.word-tile{min-height:52px;padding:10px 14px;background:#fbf7f0;border:1px solid #a6843c;box-shadow:0 3px #cdbb98;border-radius:10px;font-size:24px;line-height:1.3;color:inherit}.word-answer .word-tile{background:#f3e6c8}.word-tile small{font-size:15px;display:block}.word-tile.hinted-word:disabled{opacity:1;color:#2f5d3a;border:2px solid #2f5d3a;background:#f1f7f0}.study-tools{display:grid;gap:12px}.study-game .secondary{min-height:54px;font-size:22px;padding:12px;border:1px solid #1b2a4a;border-radius:14px;background:#fbf7f0;color:inherit}.study-hint-button{width:100%;margin-top:16px}.study-game .study-skip{display:block;font-size:21px;width:100%;min-height:52px;margin-top:12px}.speaker-label{display:block;font-size:23px;margin:20px 0 12px}.study-game #speaker-name{width:100%;box-sizing:border-box;border:2px solid #a6843c;border-radius:12px;background:#fbf7f0;color:inherit;padding:14px;font:24px SourceSerif,Georgia,serif;min-height:62px}.study-game button:focus-visible{outline:3px solid #6f5424;outline-offset:3px}.study-game .question{font-size:30px;line-height:1.3}.study-game .stepbar h2{font-size:28px}
.study-game .answer-feedback h3,.study-game .answer-feedback p{overflow-wrap:anywhere}
/* v1.8.0 */
.scripture-heading{font-family:var(--display,inherit);font-size:27px;line-height:1.25;margin:30px 0 8px;color:var(--ink)}
.scripture-heading.small{font-size:24px}
.actions .secondary.gold,.secondary.gold{background:#6f5424;border-color:#6f5424;color:#fbf7f0}
.big-result{font-size:32px;line-height:1.2}
.order-level-title{font-size:27px;margin:6px 0 10px}
.level-path{display:flex;align-items:center;justify-content:center;margin:8px 0 0}
.level-path i{flex:1;max-width:28px;height:3px;background:#a6843c}
.level-path span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #a6843c;background:#fbf7f0;font-size:23px;font-weight:700;color:var(--ink)}
.level-path span.done{background:#2f5d3a;border-color:#2f5d3a;color:#fff}
.level-path span.current{background:#1b2a4a;border-color:#a6843c;color:#fff;box-shadow:0 0 0 3px #f3e6c8,0 0 0 5px #1b2a4a}
.level-path-label{text-align:center;font-size:19px;color:var(--soft);margin:4px 0 6px}
.order-diff-status{font-weight:700}
.who-bar{display:flex;align-items:center;gap:10px}
.who-quick{margin-left:auto;background:#1b2a4a;color:#fff;border:0;border-radius:28px;min-height:50px;padding:0 24px;font-size:22px;font-weight:600}
.who-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.who-points{font-size:21px;color:var(--soft);white-space:nowrap}
.who-clue small{display:block;font-size:18px;color:var(--soft);margin-bottom:4px}
.who-clue p{font-size:24px;line-height:1.45;margin:0}
.who-clue.older{opacity:.85;margin-top:10px}
.who-clue{margin-bottom:12px}
.who-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.who-choice{align-items:center;min-height:60px;font-size:22px;justify-content:center;text-align:center}
.who-more{width:100%;min-height:56px;font-size:22px;margin-top:12px;border:2px solid #1b2a4a}
.who-verse{margin:10px 0 18px}
.who-game #who-name{width:100%;font-size:24px;min-height:58px;padding:8px 14px;box-sizing:border-box}
/* v1.9.0 Bible Associations */
body.assoc-body{background:radial-gradient(ellipse at 50% 30%,#2f7a4f 0%,#1f5a3a 60%,#174a2f 100%) fixed;color:#fbf7f0}
body.assoc-body .brand{border-color:rgba(255,255,255,.15)}body.assoc-body .brand h1,body.assoc-body .brand small{color:#fbf7f0}
body.assoc-body footer{color:#e8efe9}body.assoc-body footer button{color:#1b2a4a}
.assoc-table{padding-bottom:8px}
.as-head{display:flex;align-items:center;gap:10px}.as-head h2{color:#fbf7f0;font-size:26px;margin:0}.as-head p{margin:2px 0 0;font-size:19px;color:#e8efe9}
.as-back-btn{background:#174a2f;color:#fbf7f0;border-color:#e3c77a}
.as-top{display:flex;align-items:flex-start;gap:8px;margin:12px 0 4px}
.as-left{flex:1;min-width:0}.as-left small{display:block;font-size:17px;color:#e8efe9;margin-top:4px}
.as-moves{background:#4f8f5f;color:#fff;font-weight:700;font-size:22px;padding:8px 22px 8px 12px;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);display:inline-block}
.as-progress{display:flex;gap:6px;margin-top:10px}.as-progress i{width:18px;height:18px;border:2px solid #e3c77a;border-radius:3px}.as-progress i.on{background:#e3c77a}
.as-card{position:relative;background:#fbf7f0;color:#1b2a4a;border:2px solid #d9c79f;border-radius:10px;min-height:96px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer}
.as-card b{font-size:21px;line-height:1.15;overflow-wrap:anywhere;hyphens:auto;font-family:var(--display,serif)}
.as-cat{background:#e8c870;border-color:#b8913a}.as-cat .as-crown{color:#6f5424;font-size:24px;line-height:1}
.as-back{background:repeating-linear-gradient(45deg,#e9e3cf 0 6px,#f6f1e2 6px 12px);border-color:#d9c79f;cursor:default}
.as-col .as-card{width:100%}
.as-col .as-card.down{min-height:0;height:20px;padding:0;margin-bottom:0;box-shadow:none}
.as-col .as-card.peek{min-height:0;height:46px;justify-content:flex-start;padding-top:6px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.as-col .as-card.peek .as-crown{display:none}
.as-card.selected{outline:4px solid #f5d76e;outline-offset:1px;transform:translateY(-3px)}
.as-card.hinted,.as-stock.hinted{box-shadow:0 0 0 4px #fff3b0,0 0 18px 6px #f5d76e}
.as-fan{display:flex;align-items:flex-start;width:150px;height:100px;position:relative}
.as-fan .as-card{position:absolute;top:0;width:82px;min-height:96px}
.as-fan .as-card:nth-child(1){left:0}.as-fan .as-card:nth-child(2){left:26px}.as-fan .as-card:nth-child(3){left:52px}
.as-fan .as-card:nth-last-child(1){z-index:3}
.as-fan .as-fanned{justify-content:flex-start;align-items:flex-start;padding-left:6px;cursor:default}.as-fanned b{font-size:17px;max-width:24px;overflow:hidden;white-space:nowrap}
.as-stock{position:relative;width:72px;height:100px;border:0;background:none;padding:0}
.as-stock .as-card{width:72px;height:96px;min-height:0}.as-stock em{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:#e3c77a;color:#1b2a4a;border-radius:14px;font-style:normal;font-weight:700;font-size:18px;padding:1px 10px}
.as-recycle{display:grid;place-items:center;width:72px;height:96px;border:3px dashed #e3c77a;border-radius:10px;font-size:34px;color:#e3c77a}
.as-label{font-size:19px;margin:14px 0 6px;color:#e8efe9}
.as-row{display:grid;gap:8px;grid-template-columns:repeat(var(--n),1fr)}
.as-easy{--n:3}.as-medium{--n:4}.as-hard{--n:5}
.as-slot{min-height:110px;border:2px solid rgba(255,255,255,.25);border-radius:10px;background:#174a2f;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;color:#6fa67a}
.as-slot .as-crown{font-size:34px}
.as-slot.filled{background:#e8c870;border-color:#b8913a;color:#1b2a4a;padding:24px 3px 6px}
.as-slot.filled .as-crown{font-size:20px;color:#6f5424}.as-slot.filled b{font-size:19px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.as-slot.filled small{font-size:19px;font-weight:700;margin-top:4px}
.as-tab{position:absolute;top:0;left:0;right:0;background:#d4ae55;border-radius:8px 8px 0 0;font-size:14px;font-weight:700;text-align:center;padding:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-col{min-height:110px;display:flex;flex-direction:column}
.as-empty{min-height:100px;border:2px dashed rgba(255,255,255,.35);border-radius:10px}
.as-dock{position:sticky;bottom:0;padding:10px 0 6px;background:linear-gradient(transparent,#174a2f 22%);margin-top:12px}
.as-note{border-radius:12px;padding:10px 14px;text-align:center;display:flex;flex-direction:column;gap:2px}
.as-note b{font-size:26px;font-family:var(--display,serif)}.as-note span{font-size:20px}
.as-note.sel,.as-note.info{background:#fbf7f0;color:#1b2a4a}.as-note.right{background:#e6f1e4;color:#1f4a2a;border:3px solid #2f5d3a}.as-note.wrong{background:#7a2f3a;color:#fff}
.as-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.as-tools button{position:relative;background:#174a2f;color:#fbf7f0;border:2px solid rgba(255,255,255,.3);border-radius:12px;min-height:62px;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.as-tools button span{font-size:20px;line-height:1}.as-tools em{position:absolute;top:4px;right:8px;background:#e3c77a;color:#1b2a4a;border-radius:50%;width:24px;height:24px;font-size:16px;font-style:normal;font-weight:700;display:grid;place-items:center}
.as-tools button:disabled{opacity:.45}
.as-hard .as-card b{font-size:18px}.as-hard .as-slot.filled b{font-size:16px}.as-hard .as-tab{font-size:12px}.as-medium .as-card b{font-size:19px}
.as-overlay{position:fixed;inset:0;background:rgba(10,30,18,.7);display:grid;place-items:center;z-index:20;padding:20px}
.as-out{background:#fbf7f0;color:#1b2a4a;max-width:420px;width:100%;padding:22px;text-align:center}
.as-out h3{font-size:30px;margin:0 0 6px}.as-out p{font-size:21px}.as-out .secondary{width:100%;min-height:58px;font-size:22px;margin-top:12px}
.as-solved{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;margin:10px 0;padding:14px 16px;background:#fbf7f0;border:1px solid #d9c79f;border-radius:12px;color:#1b2a4a}
.as-solved b{display:block;font-size:24px;font-family:var(--display,serif)}.as-solved small{font-size:19px;color:#4a5974}.as-solved i{font-size:30px;font-style:normal}
.as-group-score{font-size:21px;text-align:left}
.as-members{font-size:21px;line-height:1.5;padding-left:28px}.as-members li{margin:6px 0}.as-members details p{font-size:20px}
.assoc-end .secondary,.assoc-pick .secondary{min-height:58px;font-size:22px}
.as-card b,.as-slot.filled b{display:block;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
.as-moves{white-space:nowrap;font-size:21px}
.as-col .as-card.peek{height:56px}
.as-fan:empty{width:0}
.as-out .primary{font-size:22px;min-height:58px}