:root{color-scheme:light;--bg: oklch(.985 .003 50);--surface: oklch(.972 .004 50);--surface-2: oklch(.945 .006 50);--rail: oklch(.93 .005 50);--ink: oklch(.27 .008 50);--ink-2: oklch(.45 .01 50);--ink-3: oklch(.6 .008 50);--accent: oklch(.55 .15 40);--accent-deep: oklch(.45 .14 40);--accent-soft: oklch(.9 .035 45);--success: oklch(.52 .11 145);--error: oklch(.43 .12 25);--border: oklch(.9 .006 50);--radius-btn: 6px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--content-max: 36rem;--hud-inline: var(--space-lg);--z-board: 0;--z-hud: 2;--z-dropdown: 4;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-mid: .25s;font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Georgia,serif;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;line-height:1.5;font-variant-numeric:oldstyle-nums;color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;overflow-x:hidden}#app{min-height:100dvh;position:relative}::selection{background:var(--accent-soft);color:var(--accent-deep)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{display:none;min-height:100dvh;position:relative}.screen.active{display:block}.home.active{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeRise var(--dur-mid) var(--ease-out) both}.home-panel{position:relative;z-index:var(--z-hud);padding:var(--space-3xl) var(--space-xl) calc(var(--space-2xl) + env(safe-area-inset-bottom));max-width:360px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.home h1{margin:0;font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--ink);text-wrap:balance}.wordmark-pin{display:inline-block;width:.36em;height:.36em;margin:0 .12em 0 .1em;background:var(--accent);transform:translateY(-.04em) rotate(45deg);transform-origin:center}.home .tagline{margin:var(--space-sm) 0 0;color:var(--ink-2);font-size:1.04rem;line-height:1.5;max-width:280px}.home-timeline{width:min(100%,300px);margin-top:var(--space-xl);-webkit-user-select:none;user-select:none;pointer-events:none}.home-timeline-rail{position:relative;display:flex;width:100%;height:10px;overflow:hidden;background:var(--rail)}.home-timeline-book{display:block;height:100%;min-width:1px}.home-timeline-book[data-genre=law]{background:#e2e4e0}.home-timeline-book[data-genre=history]{background:#ebe5d8}.home-timeline-book[data-genre=poetry]{background:#e4e0e8}.home-timeline-book[data-genre=prophets]{background:#ebe0d8}.home-timeline-book[data-genre=gospels]{background:#f0e8d8}.home-timeline-book[data-genre=epistles]{background:#e0e8e2}.home-timeline-seam{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--ink-3);opacity:.55}.home-timeline-ends{display:flex;justify-content:space-between;margin-top:7px;color:var(--ink-3);font-size:.64rem;font-variant-caps:all-small-caps;letter-spacing:.06em}.home .streak{margin:var(--space-lg) 0 0;font-size:.82rem;color:var(--ink-3);font-variant-caps:all-small-caps;letter-spacing:.04em}.btn-row{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-2xl);width:100%;max-width:280px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-btn);padding:var(--space-md) var(--space-lg);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;min-height:44px;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}button:active:not(:disabled){opacity:.9}button:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-secondary{background:transparent;color:var(--ink-2);border-color:var(--border);font-weight:500}.btn-secondary:hover:not(:disabled){color:var(--accent-deep);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink-3);border-color:transparent;font-size:.92rem;min-height:44px;padding:var(--space-sm) var(--space-md);font-weight:500}.btn-ghost:hover{color:var(--ink)}.play.active{display:block;min-height:100dvh;overflow:hidden}.board-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-board);touch-action:none;background:var(--bg)}.board-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.board-wrap canvas.is-placing{cursor:grabbing}#canon-strip:focus-visible{outline:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud);display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;pointer-events:none;padding:calc(var(--space-sm) + env(safe-area-inset-top)) var(--hud-inline) calc(var(--space-md) + env(safe-area-inset-bottom));width:100%;max-width:none;box-sizing:border-box}.hud>*{pointer-events:auto}.hud-mid{pointer-events:none!important;min-height:0;position:relative}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.timeline-cue{position:absolute;top:50%;left:50%;width:7.5rem;margin:0;transform:translate(28px,-50%);color:var(--ink-2);font-size:.82rem;line-height:1.35;text-align:left;text-wrap:pretty;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.timeline-cue.is-hidden{opacity:0;visibility:hidden;transform:translate(20px,-50%)}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"home zoom mode";align-items:center;gap:var(--space-sm);width:100%;min-height:44px}.top-bar>.btn-ghost{grid-area:home;justify-self:start;min-width:44px;padding-inline:0}.home-icon{display:block;width:1.2rem;height:1.2rem;margin:auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.top-bar>.mode-label{grid-area:mode;justify-self:end;min-width:0;white-space:nowrap;color:var(--ink-3);font-size:.78rem;font-variant-caps:all-small-caps;letter-spacing:.04em;font-weight:500}.zoom-bar{grid-area:zoom;display:flex;align-items:center;justify-content:center;gap:0;justify-self:center}.zoom-sep{color:var(--ink-3);opacity:.45;font-size:.82rem;padding:0 1px;-webkit-user-select:none;user-select:none;pointer-events:none}.zoom-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;margin:0;padding:var(--space-sm) var(--space-sm);min-height:44px;min-width:44px;font-family:inherit;font-size:.82rem;font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.04em;color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast) ease}.zoom-link:hover{color:var(--ink)}.zoom-link.is-active{color:var(--accent-deep);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.zoom-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-btn)}.precision-zoom-out{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:var(--radius-btn);background:transparent;color:var(--ink-2);font-size:.82rem;font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.04em;touch-action:manipulation}.precision-zoom-out:hover{color:var(--accent-deep)}.precision-zoom-out:focus-visible{outline-offset:0;border-radius:var(--radius-btn)}.precision-zoom-icon{width:1.1rem;height:1.1rem;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.precision-zoom-out[hidden]{display:none}.guess-tools{position:relative;display:flex;align-items:center;gap:var(--space-xs);width:100%}.guess-tools .guess-field{flex:1 1 auto;min-width:0;width:auto}.verse-band,.dock{width:min(100%,var(--content-max));margin-inline:auto;justify-self:center}.verse-band{pointer-events:none!important}.card{position:relative;padding:var(--space-sm) 0 var(--space-lg);text-align:center;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 55%,oklch(.985 .003 50 / 0) 100%);margin:0 calc(var(--space-sm) * -1);padding-inline:var(--space-sm)}.card .verse{margin:0;font-size:1.12rem;font-weight:600;line-height:1.5;color:var(--ink);text-wrap:pretty;max-width:58ch;margin-inline:auto}.home-panel .attribution{margin:var(--space-xl) 0 0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);opacity:.75}.dock{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-xl);background:linear-gradient(to top,var(--bg) 0%,var(--bg) 65%,oklch(.985 .003 50 / 0) 100%);margin-bottom:0}.hint-panel{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center;max-width:65ch;margin-inline:auto;width:100%;padding-bottom:var(--space-xs)}.hint-panel .paragraph{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.hint-panel .paragraph .focus{color:var(--ink);font-weight:600}.hint-panel .quadrant{margin:0;font-size:.86rem;font-style:italic;color:var(--ink-3)}.guess-field{position:relative;width:100%}.guess-error{margin:var(--space-xs) 0 0;color:var(--error);font-size:.82rem;line-height:1.35;text-align:center}.guess-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-height:44px;margin:0;padding:var(--space-sm) var(--space-md);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:1.04rem;font-weight:600;text-align:center;line-height:1.35;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,background-color var(--dur-fast) ease}.guess-input::placeholder{color:var(--ink-3);font-weight:400;font-size:.92rem}.guess-input:focus{outline:none;border-bottom-color:var(--accent)}.guess-field.is-valid .guess-input{color:var(--accent-deep)}.guess-field.is-invalid .guess-input{color:var(--ink);border-bottom-color:var(--error)}.guess-suggestions{position:absolute;left:0;right:0;bottom:100%;z-index:var(--z-dropdown);display:flex;flex-direction:column;width:100%;max-height:min(40vh,14rem);overflow:auto;margin:0;padding:var(--space-xs) 0;border:1px solid var(--border);border-bottom:0;border-radius:2px 2px 0 0;background:var(--bg);text-align:center}.guess-suggestions[hidden]{display:none}.guess-field:has(.guess-suggestions:not([hidden])) .guess-input{border-inline:1px solid var(--border);border-bottom:1px solid var(--border)}.guess-field:has(.guess-suggestions:not([hidden])).is-valid .guess-input,.guess-field:has(.guess-suggestions:not([hidden])) .guess-input:focus{border-bottom-color:var(--border)}.guess-suggestion{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-height:44px;margin:0;padding:var(--space-sm) var(--space-md);border:0;border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:1.04rem;font-weight:600;line-height:1.35;text-align:center;cursor:pointer;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}.guess-suggestion:hover,.guess-suggestion.is-active{background:var(--surface-2);color:var(--accent-deep)}.guess-suggestion-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.guess-suggestion{transition:none}}@media(min-width:720px){.verse-band{margin-top:var(--space-3xl)}.timeline-cue{display:none}.guess-tools{position:fixed;top:calc(var(--rail-cross, 50vh) + 52px);left:50%;width:min(calc(100% - 2 * var(--hud-inline)),30rem);transform:translate(-50%);gap:0}.guess-tools .precision-zoom-out{position:absolute;top:0;left:calc(-44px - var(--space-sm))}.guess-tools .guess-field{width:100%}.guess-suggestions{top:100%;bottom:auto;border-top:0;border-bottom:1px solid var(--border);border-radius:0 0 2px 2px}.guess-field:has(.guess-suggestions:not([hidden])) .guess-input{border-top:1px solid var(--border);border-radius:2px 2px 0 0}}.actions{display:flex;gap:var(--space-sm);align-items:stretch}.actions .btn-secondary{flex:0 0 auto;min-width:5.5rem}.actions .btn-primary{flex:1 1 auto}.btn-full{width:100%}.result-panel{text-align:center;animation:fadeRise var(--dur-mid) var(--ease-out) both;padding:var(--space-md) 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.daily-summary{list-style:none;width:100%;max-width:22rem;margin:var(--space-sm) 0 0;padding:0;border-top:1px solid var(--border)}.daily-summary-row{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;color:var(--ink-2);font-size:.82rem;border-bottom:1px solid var(--border)}.result-panel .score-line{margin:0;font-size:clamp(2.15rem,6.5vw,2.85rem);font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1;font-variant-numeric:lining-nums tabular-nums;animation:scoreSettle .45s var(--ease-out) both;animation-delay:.08s}.result-panel .score-line.is-exact{color:var(--accent-deep)}.result-panel .score-line .pts-unit{font-size:.36em;font-weight:600;color:var(--ink-3);letter-spacing:.06em;font-variant-caps:all-small-caps;margin-left:.22em;vertical-align:.35em}.result-panel .score-line.is-exact .pts-unit{color:var(--accent)}.result-panel .score-meta{margin:0;max-width:28ch;font-size:.95rem;font-weight:500;line-height:1.35;color:var(--ink-2);animation:fadeRise var(--dur-mid) var(--ease-out) both;animation-delay:.14s}@keyframes scoreSettle{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.result-panel .score-line,.result-panel .score-meta{animation:none}}.result-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);width:100%;max-width:22rem;align-items:stretch}.result-actions .btn-primary,.result-actions .btn-secondary{flex:1 1 0}.result-actions--solo .btn-primary,.result-actions--solo .btn-secondary{flex:1 1 auto}.share-box{margin:0;white-space:pre-wrap;font-size:.86rem;line-height:1.5;color:var(--ink-2);text-align:left;font-variant-numeric:oldstyle-nums}@media(min-width:720px){:root{--hud-inline: var(--space-2xl)}.home-panel{max-width:380px;padding:var(--space-3xl) var(--space-2xl) calc(var(--space-3xl) + env(safe-area-inset-bottom))}.btn-row{max-width:300px}.timeline-cue{top:50%;width:auto;transform:translate(-50%,30px);white-space:nowrap;text-align:center}.timeline-cue.is-hidden{transform:translate(-50%,24px)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}}