:root{color-scheme:light;--bg: oklch(.985 .003 50);--bg-0: oklch(.985 .003 50 / 0);--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);--border-strong: oklch(.82 .008 50);--row-rule: oklch(.86 .008 50);--shadow: oklch(.27 .008 50 / .08);--genre-law: oklch(.74 .14 145);--genre-history: oklch(.68 .14 35);--genre-poetry: oklch(.72 .16 305);--genre-prophets: oklch(.66 .16 28);--genre-gospels: oklch(.72 .14 12);--genre-epistles: oklch(.72 .13 185);--heat-close: oklch(.84 .055 145);--heat-far: oklch(.48 .175 40);--radius-btn: 0;--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;--dur-rail: .28s;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)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: oklch(.16 .004 48);--bg-0: oklch(.16 .004 48 / 0);--surface: oklch(.2 .005 48);--surface-2: oklch(.25 .006 48);--rail: oklch(.28 .006 48);--ink: oklch(.93 .006 55);--ink-2: oklch(.72 .008 50);--ink-3: oklch(.55 .008 50);--accent: oklch(.64 .145 38);--accent-deep: oklch(.78 .11 42);--accent-soft: oklch(.27 .04 38);--success: oklch(.7 .09 148);--error: oklch(.68 .12 22);--border: oklch(.32 .006 48);--border-strong: oklch(.4 .008 48);--row-rule: oklch(.28 .005 48);--shadow: oklch(0 0 0 / .5);--genre-law: oklch(.58 .18 145);--genre-history: oklch(.54 .15 35);--genre-poetry: oklch(.58 .19 305);--genre-prophets: oklch(.56 .18 28);--genre-gospels: oklch(.6 .16 12);--genre-epistles: oklch(.56 .16 185);--heat-close: oklch(.48 .07 148);--heat-far: oklch(.58 .14 38)}}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(.16 .004 48);--bg-0: oklch(.16 .004 48 / 0);--surface: oklch(.2 .005 48);--surface-2: oklch(.25 .006 48);--rail: oklch(.28 .006 48);--ink: oklch(.93 .006 55);--ink-2: oklch(.72 .008 50);--ink-3: oklch(.55 .008 50);--accent: oklch(.64 .145 38);--accent-deep: oklch(.78 .11 42);--accent-soft: oklch(.27 .04 38);--success: oklch(.7 .09 148);--error: oklch(.68 .12 22);--border: oklch(.32 .006 48);--border-strong: oklch(.4 .008 48);--row-rule: oklch(.28 .005 48);--shadow: oklch(0 0 0 / .5);--genre-law: oklch(.58 .18 145);--genre-history: oklch(.54 .15 35);--genre-poetry: oklch(.58 .19 305);--genre-prophets: oklch(.56 .18 28);--genre-gospels: oklch(.6 .16 12);--genre-epistles: oklch(.56 .16 185);--heat-close: oklch(.48 .07 148);--heat-far: oklch(.58 .14 38)}:root[data-theme=light]{color-scheme:light}*,*: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;min-height:100dvh;animation:fadeRise var(--dur-mid) var(--ease-out) both;position:relative}.theme-toggle{color:var(--ink-3);min-width:44px;min-height:44px;padding:var(--space-sm)}.theme-toggle:hover{color:var(--ink)}.theme-toggle .theme-icon{display:block;width:1.2rem;height:1.2rem;margin:auto}.chrome-top-actions{position:absolute;top:calc(var(--space-sm) + env(safe-area-inset-top));right:calc(var(--space-sm) + env(safe-area-inset-right,0px));z-index:var(--z-hud);display:flex;align-items:center;gap:0}.chrome-top-actions>.btn-ghost{min-width:36px;min-height:44px;padding:var(--space-sm) var(--space-xs);color:var(--ink-3)}.chrome-top-actions>.btn-ghost:hover{color:var(--ink)}.home-achievements-btn{position:relative;min-width:44px;min-height:44px;padding:var(--space-sm);color:var(--ink-3)}.home-achievements-btn:hover{color:var(--ink)}.home-achievements-btn .crown-icon{display:block;width:1.25rem;height:1.25rem;margin:auto}.home-achievements-btn .achievements-dot{position:absolute;top:8px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.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;white-space:nowrap}.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:var(--genre-law)}.home-timeline-book[data-genre=history]{background:var(--genre-history)}.home-timeline-book[data-genre=poetry]{background:var(--genre-poetry)}.home-timeline-book[data-genre=prophets]{background:var(--genre-prophets)}.home-timeline-book[data-genre=gospels]{background:var(--genre-gospels)}.home-timeline-book[data-genre=epistles]{background:var(--genre-epistles)}.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}.btn-row>button{width:100%}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}.btn-primary,.btn-secondary{border-radius:0}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-primary:disabled{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-deep);opacity:1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary:disabled{color:#fff}}:root[data-theme=dark] .btn-primary:disabled{color:#fff}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-icon{width:1.15em;height:1.15em;flex-shrink:0;display:block}.btn-icon--sm{width:.95em;height:.95em}.btn-secondary{background:transparent;color:var(--ink-2);border-color:var(--border-strong);font-weight:500}.btn-secondary:hover:not(:disabled){color:var(--ink);border-color:var(--accent);background:var(--surface)}.btn-secondary:disabled{color:var(--ink-3);border-color:var(--border);background:transparent;opacity:1}.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:absolute;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:none;background:var(--bg);pointer-events:auto}.board-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.board-wrap canvas.is-placing{cursor:grabbing}.result-link-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.result-ref-link{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;pointer-events:auto;cursor:pointer;text-decoration:none;text-align:center;border-radius:0;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);outline:none;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.result-ref-link:hover{background:var(--surface-2);border-color:var(--accent)}.result-ref-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.result-ref-role{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.06em;line-height:1.1;color:var(--ink-3)}.result-ref-link--you .result-ref-role{color:var(--accent-deep)}.result-ref-link--true .result-ref-role{color:var(--success)}.result-ref-verse{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;letter-spacing:.01em;line-height:1.15;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}#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-chrome{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;min-width:0}.hud-mid{position:relative;min-height:0;margin-inline:calc(var(--hud-inline) * -1);width:calc(100% + 2 * var(--hud-inline));pointer-events:none!important}.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:auto;max-width:7rem;margin:0;transform:translate(28px,-50%);color:var(--ink-2);font-size:.78rem;line-height:1.3;text-align:left;text-wrap:pretty;transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.timeline-cue.is-refine{opacity:.72}.timeline-cue.is-hidden{opacity:0;visibility:hidden;transform:translate(20px,-50%)}.hud[data-has-marker=false] .card,.hud:not([data-verse-expanded=true]) .card{padding-bottom:0}.hud:not([data-verse-expanded=true]) .card .verse{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:1.02rem;line-height:1.4}.hud[data-has-marker=false] .dock{padding-top:0;gap:0;background:linear-gradient(to top,var(--bg) 0%,var(--bg) 40%,var(--bg-0) 100%)}.hud[data-verse-expanded=true] .card .verse{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"mode center end";align-items:center;gap:var(--space-sm);width:100%;min-height:44px}.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:start;align-self:center;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;line-height:1}.top-center{grid-area:center;display:flex;align-items:center;justify-content:center;align-self:center;gap:var(--space-sm);justify-self:center;min-width:0;min-height:44px}.hud[data-has-marker=false] .zoom-bar{visibility:hidden;pointer-events:none;opacity:0;width:0;border:none;overflow:hidden;margin:0}.zoom-bar{display:flex;gap:0;margin:0;flex-shrink:0;border:1px solid var(--border);border-radius:0;overflow:hidden;background:transparent;opacity:1;transition:opacity var(--dur-mid) var(--ease-out)}.zoom-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;margin:0;padding:5px 10px;min-height:0;min-width:0;border:none;border-right:1px solid var(--border);border-radius:0;background:transparent;font:inherit;font-size:.68rem;font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.06em;line-height:1;color:var(--ink-3);cursor:pointer;touch-action:manipulation;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}.zoom-link:last-child{border-right:none}.zoom-link:hover:not(:disabled){color:var(--ink-2)}.zoom-link.is-active{color:var(--ink);background:var(--surface-2);font-weight:700;text-decoration:none}.zoom-link:disabled{opacity:.4;cursor:not-allowed}.zoom-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.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[hidden]{display:none!important}.guess-tools .guess-field{flex:1 1 auto;min-width:0;width:auto}.dock{width:min(100%,var(--content-max));margin-inline:auto;justify-self:center}.verse-band{pointer-events:none!important;width:100%;justify-self:stretch;margin-inline:0;padding-inline:var(--hud-inline);overflow:hidden}.card{position:relative;padding:var(--space-sm) 0 var(--space-sm);text-align:center;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 55%,var(--bg-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}.card .verse.is-toggleable{pointer-events:auto;cursor:pointer}.verse-expand{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:2rem;min-height:0;height:1.25rem;margin:var(--space-xs) auto 0;padding:0;border:none;background:transparent;color:var(--ink-2);cursor:pointer;border-radius:0}.verse-expand:hover,.verse-expand:focus-visible{color:var(--ink)}.verse-expand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.verse-expand[hidden]{display:none}.verse-expand-chevron{display:flex;transition:transform var(--dur-fast) var(--ease-out)}.hud[data-verse-expanded=true] .verse-expand-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.verse-expand-chevron{transition:none}}.translation-chip{display:flex;gap:0;margin:0;flex-shrink:0;border:1px solid var(--border);border-radius:0;overflow:hidden;background:transparent}.hud[data-has-marker=true] .top-center .translation-chip{margin-left:var(--space-sm)}.translation-chip button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:5px 10px;min-height:0;min-width:0;border:none;border-right:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink-3);font:inherit;font-size:.68rem;font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.06em;line-height:1;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;touch-action:manipulation}.translation-chip button:last-child{border-right:none}.translation-chip button:hover{color:var(--ink-2)}.translation-chip button.is-active{color:var(--ink);background:var(--surface-2);font-size:.68rem;font-weight:700}.translation-chip button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.achievements.active{display:flex;flex-direction:column;position:relative;min-height:100dvh;padding:calc(var(--space-sm) + env(safe-area-inset-top)) var(--space-lg) calc(var(--space-2xl) + env(safe-area-inset-bottom));animation:fadeRise var(--dur-mid) var(--ease-out) both;box-sizing:border-box}.achievements-top{display:grid;grid-template-columns:88px 1fr 88px;align-items:center;min-height:44px;margin-bottom:var(--space-lg)}.achievements-top-spacer{width:88px;height:44px}.achievements-top-spacer:first-child{justify-self:start}.achievements-top-spacer:last-child{justify-self:end}.achievements-heading{margin:0;grid-column:2;text-align:center;font-size:.82rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--ink)}.achievements-body{width:100%;max-width:none;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}.achievements-section-label{margin:var(--space-lg) 0 0;font-size:.72rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--ink-2)}.achievements-summary{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md) var(--space-md);border:1px solid var(--border-strong);background:var(--surface)}.achievements-summary .achievements-section-label{margin:0 0 2px;color:var(--ink-2)}.achievements-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-md);row-gap:var(--space-sm);margin-top:2px}.achievements-summary-stat{display:flex;flex-direction:column;gap:1px;min-width:0;font-variant-numeric:lining-nums tabular-nums}.achievements-summary-key{color:var(--ink-2);font-size:.68rem;font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.06em;line-height:1.2}.achievements-summary-val{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.2;font-variant-numeric:lining-nums tabular-nums}.achievements-summary .achievements-empty{margin:0;font-size:.88rem;color:var(--ink-2);line-height:1.45}.distance-trend{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md) var(--space-sm);border:1px solid var(--border-strong);background:var(--surface)}.distance-trend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.distance-trend-heading .achievements-section-label{margin:0}.distance-trend-note{color:var(--ink-2);font-size:.68rem;font-variant-caps:all-small-caps;letter-spacing:.04em}.distance-trend-chart{display:block;width:100%;height:auto;margin-top:var(--space-xs);overflow:visible}.distance-trend-grid{stroke:var(--row-rule);stroke-width:1;vector-effect:non-scaling-stroke}.distance-trend-line{fill:none;stroke:var(--success);stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.distance-trend-line.is-average{stroke:var(--accent);stroke-width:1.5}.distance-trend-dot{fill:var(--surface);stroke:var(--success);stroke-width:1.5;vector-effect:non-scaling-stroke}.distance-trend-dot.is-average{stroke:var(--accent)}.distance-trend-axis,.distance-trend-month,.distance-trend-direct-label{fill:var(--ink-2);font-family:inherit;font-size:.68rem;font-variant-numeric:lining-nums tabular-nums}.distance-trend-direct-label{fill:var(--success);font-weight:600}.distance-trend-direct-label.is-average{fill:var(--accent)}.achievement-next{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md) var(--space-md);border:1px solid var(--border-strong);background:var(--surface)}.achievement-next .achievements-section-label{margin:0 0 2px;color:var(--ink-2)}.achievements-next-log{border-top:0}.achievements-next-log .achievement-row{--dropcap-size: 4rem;padding:var(--space-sm) 0 0;border-bottom:0}.achievement-row.is-next .achievement-title{color:var(--ink)}.achievement-row.is-next.is-locked .achievement-title{color:var(--ink);opacity:1}.achievement-row.is-next.is-locked .achievement-dropcap-frame,.achievement-row.is-next.is-locked .achievement-dropcap-frame.metal-gold,.achievement-row.is-next.is-locked .achievement-dropcap-frame.metal-snow{filter:none;opacity:1}.achievement-row.is-next .achievement-progress{margin-top:var(--space-sm)}.mastery-map{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-strong);background:var(--surface)}.mastery-map .achievements-section-label{margin:0;color:var(--ink-2)}.mastery-map-hint{margin:0 0 var(--space-sm);font-size:.78rem;color:var(--ink-2);line-height:1.35}.mastery-map-rail{position:relative;display:block;width:100%;height:28px;overflow:hidden;background:var(--surface-2);touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.mastery-map-rail.is-scrubbing{cursor:grabbing}.mastery-map-book{position:absolute;top:0;bottom:0;display:block;min-width:2px;margin:0;padding:0;border:none;border-radius:0;cursor:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--rail);transition:filter var(--dur-fast) var(--ease-out);touch-action:none}.mastery-map-book:hover{filter:brightness(.92)}.mastery-map-book:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.mastery-map-book.is-selected{box-shadow:inset 0 0 0 2px var(--accent-deep);z-index:2;filter:brightness(.97)}.mastery-map-seam{position:absolute;top:-2px;bottom:-2px;width:1.5px;background:var(--ink);opacity:.45;pointer-events:none}.mastery-map-ends{display:flex;justify-content:space-between;margin-top:0;color:var(--ink-2);font-size:.64rem;font-variant-caps:all-small-caps;letter-spacing:.06em}.mastery-map-picker{margin-top:var(--space-xs);display:flex;flex-direction:column;gap:0}.mastery-map-detail{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);width:100%;margin:0;padding:2px 0;border:none;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation;min-height:0;font-variant-numeric:lining-nums tabular-nums}.mastery-map-detail:hover .mastery-map-detail-name{color:var(--accent-deep)}.mastery-map-detail:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mastery-map-detail-main{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex:1;min-width:0}.mastery-map-detail-name{color:var(--ink);font-size:.88rem;font-weight:600;line-height:1.25;min-width:0}.mastery-map-detail-meta{color:var(--ink-2);font-size:.72rem;font-weight:500;line-height:1.25;text-align:right;flex-shrink:0;font-variant-numeric:lining-nums tabular-nums}.mastery-map-detail-chevron{display:flex;flex-shrink:0;align-self:center;color:var(--ink-2);transition:transform var(--dur-fast) var(--ease-out)}.mastery-map-detail.is-expanded .mastery-map-detail-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.mastery-map-detail-chevron{transition:none}}.mastery-map-picker-list{list-style:none;margin:4px 0 0;padding:0;max-height:calc(8*(1rem + 11px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--border-strong);background:var(--surface-2);scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent}.mastery-map-picker-list[hidden]{display:none}.mastery-map-picker-row{margin:0;border-bottom:1px solid var(--row-rule)}.mastery-map-picker-row:last-child{border-bottom:none}.mastery-map-picker-btn{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);width:100%;margin:0;padding:5px 8px;border:none;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation;min-height:0;font-variant-numeric:lining-nums tabular-nums}.mastery-map-picker-btn:hover .mastery-map-picker-name{color:var(--accent-deep)}.mastery-map-picker-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mastery-map-picker-btn.is-selected .mastery-map-picker-name{color:var(--accent-deep);font-weight:600}.mastery-map-picker-name{color:var(--ink);font-size:.8rem;font-weight:500;line-height:1.25;min-width:0}.mastery-map-picker-meta{color:var(--ink-2);font-size:.7rem;font-weight:500;line-height:1.25;text-align:right;flex-shrink:0}.mastery-map-legend{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);font-size:.64rem;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--ink-2)}.mastery-map-legend-ramp{flex:1;height:4px;border-radius:0;background:linear-gradient(to right,var(--heat-close),var(--heat-far))}.mastery-section{display:flex;flex-direction:column;gap:var(--space-md)}.mastery-focus-block{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-strong);background:var(--surface)}.mastery-focus{display:flex;gap:0;border:1px solid var(--border-strong);border-radius:0;overflow:hidden;background:var(--surface-2)}.mastery-focus-btn{flex:1;margin:0;padding:6px;min-height:0;border:none;border-right:1px solid var(--border-strong);border-radius:0;background:transparent;color:var(--ink-2);font:inherit;font-size:.72rem;font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.06em;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation}.mastery-focus-btn:last-child{border-right:none}.mastery-focus-btn:hover{color:var(--ink);background:var(--surface)}.mastery-focus-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.mastery-focus-btn.is-active{color:var(--accent-deep);background:var(--accent-soft);font-weight:600}.mastery-lists{display:flex;flex-direction:column;gap:var(--space-sm)}.mastery-focus-block .achievements-section-label{margin:var(--space-md) 0 var(--space-xs);padding:5px 8px;background:var(--surface-2);color:var(--ink-2)}.mastery-focus-block .mastery-lists>.achievements-section-label:first-child,.mastery-focus-block .mastery-lists>.mastery-list-header:first-child{margin-top:0}.mastery-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;margin:var(--space-md) 0 var(--space-xs);padding:5px 8px;border:none;border-radius:0;background:var(--surface-2);color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation;min-height:0}.mastery-list-header:hover{color:var(--ink);filter:brightness(.97)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mastery-list-header:hover{filter:brightness(1.12)}}:root[data-theme=dark] .mastery-list-header:hover{filter:brightness(1.12)}.mastery-list-header:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mastery-list-header-label{font-size:.72rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.06em;line-height:1.2}.mastery-list-chevron{display:flex;flex-shrink:0;color:var(--ink-2);transition:transform var(--dur-fast) var(--ease-out)}.mastery-list-header.is-expanded .mastery-list-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.mastery-list-chevron{transition:none}}.mastery-row-btn{display:flex;flex-direction:column;gap:0;width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation;min-height:0}.mastery-row-btn:hover .mastery-name{color:var(--accent-deep)}.mastery-row-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mastery-row-btn.is-selected .mastery-name{color:var(--accent-deep);font-weight:600}.mastery-row-btn.is-selected .mastery-miss{color:var(--ink);font-weight:500}.mastery-list,.achievements-log{list-style:none;margin:0;padding:0}.mastery-list{border-bottom:1px solid var(--row-rule)}.achievements-log{border-top:1px solid var(--row-rule);display:flex;flex-direction:column}.mastery-row{display:flex;flex-direction:column;gap:0;padding:7px 0;border-bottom:1px solid var(--row-rule)}.mastery-row:last-child{border-bottom:none}.achievement-row{--dropcap-size: 3.25rem;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid var(--border);box-sizing:border-box}.achievement-dropcap-frame{flex-shrink:0;width:var(--dropcap-size, 3.25rem);height:var(--dropcap-size, 3.25rem);box-sizing:border-box;overflow:hidden;border-radius:4px;background:#c45a1a;line-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dropcap-rim, #9a3f0e) 55%,transparent)}.achievement-dropcap-frame.metal-bronze{--dropcap-rim: #9a3f0e;background:#c45a1a}.achievement-dropcap-frame.metal-gold{--dropcap-rim: #a67c0a;background:#d4a017}.achievement-dropcap-frame.metal-snow{--dropcap-rim: #111;background:#fafafa}.achievement-dropcap{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0}.achievement-row.is-locked .achievement-dropcap-frame{filter:saturate(.42) brightness(1.04) contrast(.96);opacity:.72}.achievement-row.is-locked .achievement-dropcap-frame.metal-gold{filter:saturate(.48) brightness(1.06) contrast(.97);opacity:.74}.achievement-row.is-locked .achievement-dropcap-frame.metal-snow{filter:saturate(.55) brightness(1.02) contrast(.98);opacity:.68}.achievement-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;padding-top:2px}.mastery-name{color:var(--ink);font-size:.8rem;font-weight:500;line-height:1.25}.mastery-count{color:var(--ink-2);font-size:.7rem;font-weight:400;font-variant-numeric:lining-nums tabular-nums}.achievement-head{margin:0;display:flex;flex-direction:column;gap:1px;min-width:0}.achievement-title{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mastery-miss{color:var(--ink);font-size:.7rem;font-weight:500;font-variant-numeric:lining-nums tabular-nums;text-align:right;flex-shrink:0;line-height:1.25}.mastery-row-main{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:baseline}.mastery-sub{margin:0;font-size:.68rem;color:var(--ink-3);line-height:1.25}.achievement-desc{margin:0;font-size:.76rem;color:var(--ink-3);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.achievement-meta{font-size:.68rem;color:var(--ink-3);line-height:1.2;white-space:nowrap;flex-shrink:0;font-variant-numeric:lining-nums tabular-nums;margin-top:2px}.achievement-progress{height:3px;border-radius:2px;background:var(--surface-2);overflow:hidden;margin-top:var(--space-xs)}.achievement-progress-fill{height:100%;border-radius:2px;background:var(--ink-3);transition:width var(--dur-mid) var(--ease-out)}.achievement-row.is-locked .achievement-title,.achievement-row.is-locked .achievement-desc{color:var(--ink-3)}.achievement-row.is-locked .achievement-title{font-weight:500}.achievement-row.is-unlocked .achievement-meta{color:var(--ink-2)}.achievements-empty,.achievements-sparse,.weak-lead{margin:0;font-size:.88rem;color:var(--ink-2);line-height:1.45}.weak-lead{padding-top:var(--space-xs)}.unlock-toast{position:fixed;left:50%;bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;max-width:min(22rem,calc(100vw - 2rem));padding:var(--space-sm) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-btn);box-shadow:0 2px 8px var(--shadow);animation:fadeRise var(--dur-mid) var(--ease-out) both;pointer-events:none}.unlock-toast-title{margin:0;font-size:.82rem;font-weight:600;color:var(--ink);text-align:center}.home-footer{display:none}.home-footer .attribution{margin: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%,var(--bg-0) 100%);margin-bottom:0;transition:padding-top var(--dur-rail) var(--ease-out),gap var(--dur-fast) var(--ease-out)}.play-chrome{display:grid;grid-template-rows:0fr;width:100%;opacity:0;transition:grid-template-rows var(--dur-rail) var(--ease-out),opacity var(--dur-mid) var(--ease-out)}.play-chrome[hidden]{display:none!important}.play-chrome.is-shown{grid-template-rows:1fr;opacity:1}.play-chrome.is-leaving{grid-template-rows:0fr;opacity:0;pointer-events:none}.play-chrome-body{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:var(--space-sm)}.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-2);font-weight:400;font-size:.92rem;opacity:1}.guess-input:focus{outline:none;border-bottom-color:var(--accent)}.guess-input:focus-visible{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){.chrome-top-actions>.btn-ghost{min-width:44px;padding:var(--space-sm)}.home-achievements-btn .achievements-dot{right:8px}.verse-band{margin-top:var(--space-3xl)}.timeline-cue{display:none}.guess-tools{position:fixed;top:var(--verse-band-bottom, 20vh);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[hidden]{display:none}.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)}.daily-summary-pts{font-weight:700;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}.install-strip{width:100%;max-width:22rem;margin-inline:auto;padding:0;min-width:0;animation:fadeRise var(--dur-fast) var(--ease-out) both}.install-strip--result{margin-top:var(--space-md)}.install-strip-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs) var(--space-sm);padding:var(--space-sm) 0 0;background:transparent;border:none;border-top:1px solid var(--border);border-radius:0;min-width:0;text-align:center}.install-strip-copy{margin:0;flex:1 1 100%;min-width:0;color:var(--ink-3);font-size:.82rem;font-weight:500;line-height:1.3;text-align:center;text-wrap:balance}.install-strip-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex:0 0 auto}.install-strip-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1.2;min-height:44px;padding:var(--space-sm) var(--space-md);cursor:pointer;border-radius:var(--radius-btn);color:var(--ink-3)}.install-strip-dismiss:hover{color:var(--ink-2)}.install-strip-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--ink-2);font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.2;min-height:40px;padding:var(--space-sm) var(--space-lg);cursor:pointer;border-radius:var(--radius-btn);white-space:nowrap;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.install-strip-cta:hover{color:var(--accent-deep);border-color:var(--accent);background:var(--surface)}.install-strip-cta:active:not(:disabled){opacity:.9}.install-strip-hint{margin:var(--space-xs) 0 0;padding:0;color:var(--ink-3);font-size:.78rem;line-height:1.35;text-align:center}.install-strip-hint[hidden]{display:none}.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.active{justify-content:center}.home-panel{max-width:380px;padding:var(--space-3xl) var(--space-2xl) calc(var(--space-3xl) + env(safe-area-inset-bottom))}.home-footer{display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-hud);padding:var(--space-md) var(--space-xl) calc(var(--space-md) + env(safe-area-inset-bottom));text-align:center;pointer-events:none}.btn-row{max-width:300px}.achievements-body{max-width:22rem}.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}}@keyframes fadeSink{0%{opacity:1}to{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}.play-chrome,.dock{transition:none!important}}