@font-face{font-family:Fraunces;src:url('brand-deily/fonts/Fraunces.ttf?v=20261019-esv2');font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url('brand-deily/fonts/Inter.ttf?v=20261019-esv2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#1F2A2E;--paper:#F7F3EA;--gold:#C99A2E;--sage:var(--olive-soft);--olive:#486E4B;--clay:#AE4D38;--state-tint:12%;--olive-soft:color-mix(in srgb,var(--olive) var(--state-tint),var(--paper));--clay-soft:color-mix(in srgb,var(--clay) var(--state-tint),var(--paper));--gold-soft:color-mix(in srgb,var(--gold) var(--state-tint),var(--paper));--stone:#D9D4C7;--muted:color-mix(in srgb,var(--ink) 68%,var(--paper))}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}header,main,footer{max-width:580px;margin:auto;padding:24px}header{display:flex;flex-direction:column;border-bottom:1px solid #D9D4C7;gap:6px}.brand{font-family:Fraunces,Georgia,serif;font-size:27px;font-weight:bold;text-decoration:none;color:var(--ink)}.brand i{font-weight:normal;color:var(--gold)}.edition,.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:var(--muted)}main{min-height:68vh}h1,h2,h3,p{margin-top:0}h1{font-family:Fraunces,Georgia,serif;font-weight:normal;font-size:42px;line-height:1.13;margin-bottom:18px}h2{font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1.2}h3{font-size:18px;line-height:1.3}button,input,select{font:inherit}button{min-height:52px;border:0;border-radius:14px;padding:14px 18px;font-weight:700;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary{background:var(--ink);color:var(--paper);width:100%}button.secondary{background:var(--stone);color:var(--ink)}button:disabled{opacity:.45;cursor:default}input,select{background:var(--paper);border:1px solid #D9D4C7;border-radius:12px;padding:13px;width:100%;min-height:51px;color:var(--ink)}label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}.names{display:grid;gap:9px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.muted{color:var(--muted);font-size:14px}.intro{margin:24px 0}.card{background:var(--paper);border:1px solid #D9D4C7;box-shadow:0 5px 15px #1f2a2e10;border-radius:20px;padding:24px;margin:20px 0}.card.drawn{border-top:5px solid var(--gold)}.card p:last-child{margin-bottom:0}.scorebar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.pill{background:var(--stone);border-radius:20px;padding:6px 10px;font-size:12px}.pill.active{background:var(--ink);color:var(--paper)}.turn{font-size:13px;color:var(--muted);margin-bottom:8px}.timeline{position:relative;padding:0 0 10px}.timeline-card{margin:7px 0;padding:16px 18px;border-radius:13px;background:var(--stone);border-left:4px solid var(--gold)}.timeline-card strong{display:block}.timeline-card .refs{margin:8px 0 0}.slot{display:block;width:100%;background:transparent;border:2px dashed var(--stone);color:var(--ink);margin:10px 0;min-height:54px}.slot:active{background:var(--sage)}.slot.mini{width:64px;min-height:44px;margin:6px auto;padding:4px;border-radius:22px;font-size:22px;line-height:1}.refs{font-size:13px;line-height:1.8;color:var(--olive);overflow-wrap:anywhere}.status{font-size:38px;letter-spacing:-1px;font-weight:900;line-height:1.1;margin:12px 0}.status.good{color:var(--olive)}.status.bad{color:var(--clay)}.answer{background:var(--olive-soft);border-left-color:var(--olive)}.answer.bad{background:var(--clay-soft);border-left-color:var(--clay)}.tag{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--olive)}.bad .tag{color:var(--clay)}.pass{text-align:center;padding-top:36px}.pass .symbol,.winner .symbol{font-size:48px;margin:16px}.spacer{height:20px}.help{font-size:13px;margin:14px 0 24px;padding-left:20px}.help li{margin:8px 0}.error{color:var(--clay);background:var(--clay-soft);padding:12px;border-radius:10px}.sticky{position:sticky;bottom:0;background:linear-gradient(transparent,var(--paper) 20%);padding:22px 0 10px}.small-button{font-size:12px;min-height:44px;background:none;color:var(--muted);padding:8px}footer{font-size:11px;color:var(--muted);text-align:center;padding-bottom:max(24px,env(safe-area-inset-bottom))}details{margin:18px 0}summary{cursor:pointer;font-size:13px;min-height:44px;padding:12px 0}.winner{text-align:center;padding-top:40px}.winner h1{font-size:46px}@media(prefers-reduced-motion:no-preference){main{animation:appear .18s ease-out}@keyframes appear{from{opacity:.6;transform:translateY(4px)}}}

a{color:var(--olive);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.reference-item{display:block;margin:5px 0}.listen-small{font-size:12px;min-height:44px;background:var(--stone);padding:7px 10px;margin-left:4px}.story-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.listen-main{background:var(--ink);color:var(--paper);width:100%;min-height:58px;font-size:18px}.listen-main[aria-pressed=true],.listen-small[aria-pressed=true]{background:var(--gold);color:var(--paper)}.why{background:var(--clay-soft);border-left:4px solid var(--clay);padding:18px;border-radius:13px;margin:20px 0}.why h3{margin-bottom:10px}.why p{margin-bottom:0;font-size:15px;overflow-wrap:anywhere}.era{font-size:11px;color:var(--olive)}.card #audio-status{font-size:11px;margin-top:12px}.listen-small:disabled{font-size:11px}

.order-proof{list-style-position:inside;padding-left:0}.order-proof .timeline-card{padding:10px 14px;font-size:14px}.order-proof .timeline-card strong{display:inline}.order-proof .era{display:block}.order-proof .tag{display:block}
[hidden]{display:none!important}.read-it{font-size:.82rem;color:var(--muted);margin-top:.8rem}.read-it a{white-space:normal}#audio-player{display:flex;align-items:center;gap:.65rem;margin-top:.65rem}#audio-player progress{min-width:40px;width:100%;accent-color:var(--olive)}#audio-time{font-size:.78rem;white-space:nowrap}#audio-pause{flex-shrink:0}
.why .read-it{font-size:12px;line-height:1.6}
.year{display:block;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.3px;margin-top:2px}.year.big{font-size:16px;margin:-8px 0 12px}
details.timeline-card.info{display:block}details.timeline-card.info summary{list-style:none;cursor:pointer;position:relative;padding-right:30px;min-height:auto;padding-top:0;padding-bottom:0;font-size:inherit}details.timeline-card.info summary::-webkit-details-marker{display:none}.more{position:absolute;right:0;top:0;font-size:18px;color:var(--muted)}details[open] .more{color:var(--gold)}.info-desc{margin:10px 0 0;font-size:15px}.tip{margin:-6px 0 8px;font-size:13px}
.scorebar{align-items:center}.new-game{order:99;margin-left:auto;min-height:36px;padding:6px 12px;border-radius:20px;font-size:12px;background:var(--paper);border:1px solid #D9D4C7;color:var(--ink)}
.scorebar .round{font-size:12px;color:var(--muted);font-weight:700;align-self:center}
.row{flex-wrap:wrap}.row>*{flex:1 1 140px}
/* Daily mode: the same warm paper, ink and quiet timeline marks. */
.daily-entry{background:var(--stone);border:1px solid #D9D4C7;border-radius:20px;padding:22px;margin:24px 0 30px}.daily-entry h2{margin:8px 0}.daily-entry p{font-size:14px}.party-heading{border-top:1px solid #D9D4C7;padding-top:25px}.solo-scores{gap:6px}.solo-scores .new-game{order:0;margin:0}.solo-scores .small-button{min-height:36px;padding:6px}.streak{color:var(--ink);font-weight:800}.daily-result{text-align:center;padding-top:12px}.daily-result h1{font-size:38px;margin-top:14px}.daily-total{font-family:Fraunces,Georgia,serif;font-size:44px;margin:16px 0 0}.daily-total span{font-family:system-ui,sans-serif;font-size:23px}.result-dots{display:flex;justify-content:center;gap:12px;font-size:36px;line-height:1.5;margin:6px 0 18px}.hit{color:var(--olive)}.miss{color:var(--clay)}#share-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 ui-monospace,monospace;text-align:left;background:var(--stone);border-radius:14px;padding:18px;user-select:text}.daily-actions{display:grid;gap:10px;margin-top:22px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.stats-grid>div{border-radius:14px;padding:18px;background:var(--stone);text-align:center}.stats-grid strong{display:block;font-size:32px}.stats-grid span{font-size:12px}#share-status{margin-top:10px}

h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;font-variation-settings:'WONK' 0,'SOFT' 0,'opsz' 72}.brand img{display:block;max-width:100%;object-fit:contain;object-position:left center}.daily-entry{border-top:3px solid var(--gold);background:var(--paper)}.card.drawn{border-top-color:var(--gold)}.daily-total{font-family:Fraunces,serif}.daily-total span{font-family:Inter,sans-serif;font-size:18px}.waitlist-card{margin:24px 0;padding:22px;background:var(--paper);border:1px solid #D9D4C7;border-radius:16px;text-align:left}.waitlist-card h2{font-size:26px}.waitlist-card p{font-size:14px}.waitlist-card button.primary{margin-top:12px}.waitlist-card .fine{font-size:11px;margin-bottom:0}

.reminder-choice{display:flex;align-items:center;gap:.6rem;margin:1rem 0}.reminder-choice input{width:auto}#save-streak{display:block;margin:1.5rem auto}
/* Quiet mobile polish: logo, ink, paper, and the line. */
header{flex-direction:row;align-items:center;justify-content:space-between;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:16px}.menu-icon{padding:10px;background:transparent;color:var(--ink);display:flex;align-items:center}.brand img{width:132px;height:46px}.intro{margin:28px 0}.intro h1{font-size:44px}.share-note{font-size:12px;color:var(--muted);text-align:center;margin:14px 0 0}.daily-entry{padding:20px;margin:24px 0}.status{font-family:Fraunces,serif;font-weight:500;font-size:34px}.status.bad{color:var(--clay)}.why{background:var(--stone);border-left:3px solid var(--gold);color:var(--ink);margin:18px 0}.why h3{color:var(--ink)}.line-section{margin:26px 0 22px;text-align:center;position:relative}.line-section h3{font-size:24px;margin-bottom:10px}.line-track{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:380px;margin:0 auto}.line-track:before{content:'';height:2px;position:absolute;left:22px;right:22px;background:var(--stone);top:50%}.line-dot{position:relative;background:transparent;width:44px;min-width:32px;height:48px;min-height:48px;padding:13px;display:grid;place-items:center}.line-dot span{width:14px;height:14px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--paper)}.line-dot.hit{color:var(--olive)}.line-dot.miss{color:var(--clay)}.line-dot[aria-expanded=true] span{outline:2px solid var(--gold);outline-offset:5px}.line-hint{font-size:11px;margin:6px 0}.line-card{background:var(--paper);border:1px solid #D9D4C7;border-radius:12px;padding:18px;text-align:left;position:absolute;z-index:3;bottom:calc(100% - 34px);width:100%;box-shadow:0 6px 24px #1f2a2e22}.line-card p{font-size:13px;margin:8px 0 0}.line-card .refs{font-size:12px}.sheet{width:min(100% - 20px,560px);max-height:90dvh;max-height:90vh;padding:0;border:1px solid #D9D4C7;border-radius:20px;background:var(--paper);color:var(--ink)}.sheet::backdrop{background:#1f2a2e70}.sheet-inner{padding:20px 24px 28px}.sheet-close{position:sticky;top:0;background:var(--paper);display:block;margin:0 0 18px;font-size:14px;z-index:2}.sheet h1{font-size:36px}.sheet .waitlist-card{padding:0;border:none;background:none;margin:0}.passage-text{font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.8;white-space:pre-line}.daily-total{margin-bottom:10px}.sheet .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sheet .stats-grid>div{padding:12px 5px}.sheet .stats-grid strong{font-size:28px}#home-screen-card h2,#push-nudge h2{font-size:25px}.daily-result .waitlist-card{text-align:left}

.install-preview{display:block;border-radius:18px;margin:0 0 20px}.install-steps{font-size:15px;padding-left:20px;line-height:2}.share-arrow{display:flex;flex-direction:column;align-items:center;color:var(--gold);margin-top:22px;font-size:12px}dialog[aria-label="Save your streak"] .share-arrow{margin-bottom:0}

.sheet[aria-label="Add to Home Screen"] .share-arrow{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:var(--paper);text-shadow:0 1px 4px #1f2a2e}.sheet[aria-label="Add to Home Screen"]{overflow:visible}.sheet[aria-label="Add to Home Screen"] .sheet-inner{overflow:auto;max-height:80vh}

.challenge-button{min-height:60px!important;font-size:18px!important;border-bottom:3px solid var(--gold)!important}.daily-result .line-section{margin-bottom:18px}#copy-result{display:block;margin:4px auto 0}#share-preview{font-size:12px;margin-top:14px}

/* Friends: quiet private Lines, no leaderboard. */
.friends-today{margin:20px 0 24px;padding-top:8px;border-top:1px solid var(--border,var(--stone))}.friends-today h3{margin:12px 0}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;text-align:left}.friend-row strong{font-weight:500}.friend-score{margin-left:10px;font-size:.85rem;color:var(--muted)}.friend-dots{display:flex;gap:9px;margin-top:9px;align-items:center}.friend-dots i{width:10px;height:10px;border:1.5px solid var(--stone);border-radius:50%;display:block}.friend-dots i.hit{background:var(--olive);border-color:var(--olive)}.friend-dots i.miss{background:var(--clay);border-color:var(--clay)}.friend-dots.blank{opacity:.45}.friend-blank{display:block;font-size:.75rem;margin-top:6px}.friend-nudge{font-size:.85rem}.hint-control{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem}.hint-removed{opacity:.25!important;background:var(--stone)!important;cursor:default}.social-settings{margin-top:24px;border-top:1px solid var(--stone);padding-top:12px}.daily-actions{justify-content:center;gap:12px}.daily-result #share-status:empty{display:none}

.line-span{max-width:440px;margin:0 auto}.line-years{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.68rem;line-height:1.3;margin:4px 0 10px}.line-years span{white-space:nowrap}.line-track{margin-left:auto;margin-right:auto}.line-section h3{text-align:center}

.friends-card{background:var(--paper);border:1px solid var(--stone);border-radius:20px;padding:24px 18px;margin:26px 0;text-align:left}.friends-card h3{font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.15;margin:0 0 7px}.friends-summary{color:var(--muted);font-size:12px;margin:0 0 16px}.friend-entry+.friend-entry{border-top:1px solid var(--stone)}.friend-main{display:flex;gap:12px;align-items:center;min-height:88px;padding:12px 0}.friend-avatar{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-family:Fraunces,Georgia,serif;font-size:20px;color:var(--olive);background:var(--olive-soft)}.avatar-1{background:var(--gold-soft);color:var(--ink)}.avatar-2{background:var(--clay-soft);color:var(--clay)}.avatar-3{background:var(--stone);color:var(--ink)}.avatar-4{background:var(--gold-soft);color:var(--ink)}.friend-identity{flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;min-height:44px;border-radius:0;font-weight:400;color:var(--ink)}.friend-identity strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.friend-dots{position:relative;display:flex;gap:0;justify-content:space-between;width:122px;max-width:100%;margin-top:10px}.friend-dots:before{content:'';height:1px;background:var(--stone);position:absolute;left:4px;right:4px;top:4px}.friend-dots i{position:relative;z-index:1;width:9px;height:9px;flex-shrink:0;border:1.5px solid var(--stone);box-shadow:0 0 0 3px var(--paper);background:var(--paper)}.friend-dots i.hit{background:var(--olive);border-color:var(--olive)}.friend-dots i.miss{background:var(--clay);border-color:var(--clay)}.friend-dots.blank{opacity:.45}.friend-blank{font-size:10px;color:var(--muted);margin-top:7px}.friend-score{flex-shrink:0;margin-left:auto;font-family:Fraunces,Georgia,serif;font-size:23px;color:var(--ink);text-align:right;min-width:38px}.hint-mark{display:block;font-family:Inter,system-ui,sans-serif;font-size:9px;color:var(--muted);white-space:nowrap;font-weight:400;margin-top:2px}.friend-nudge{flex-shrink:0;color:var(--muted);padding:8px 2px;font-size:11px}.friend-compare{padding:8px 0 20px 50px}.friend-compare>p{font-size:11px;margin-bottom:12px}.friend-compare>div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:8px;margin:14px 0;font-size:11px}.friend-compare .friend-dots{width:100%;margin:0}.friends-card>p:not(.friends-summary){font-size:12px;color:var(--muted);line-height:1.7}.friends-card #add-friend{display:block;margin:12px 0 0}.friends-card:has(.friends-empty-mark){padding:26px 22px}.friends-card:has(.friends-empty-mark) h3{font-size:27px}.friends-card #friend-status:empty{display:none}

.hints-count{font-family:Fraunces,Georgia,serif;font-size:32px;line-height:1.2;margin:12px 0}.social-settings #stats-share-line{margin-bottom:18px}

.friend-compare>div{grid-template-columns:80px minmax(0,1fr)}

.menu-sheet{height:100dvh;max-height:100dvh;width:min(100%,580px);border-radius:0;margin:0 0 0 auto;top:0;right:0;border:0}.menu-sheet .sheet-inner{padding:16px 24px 40px}.menu-section{border-bottom:1px solid #D9D4C7;padding:22px 0}.menu-section h2{font-size:27px;margin-bottom:12px}.menu-section .stats-grid{margin:16px 0}.menu-section:last-child{border-bottom:0}.history-row{display:flex;justify-content:space-between;font-size:12px}.nudge-setting{display:flex;gap:18px;align-items:center;justify-content:space-between}.nudge-setting p{font-size:13px;color:var(--muted);margin:0}.nudge-switch{position:relative;width:54px;height:34px;flex-shrink:0;margin:0;cursor:pointer}.nudge-switch input{position:absolute;inset:0;opacity:0;width:54px;min-height:34px;height:34px;z-index:2;cursor:pointer}.nudge-switch-track{position:absolute;inset:0;border:1px solid #D9D4C7;border-radius:20px;background:#D9D4C7}.nudge-switch-track:after{content:'';position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--paper);border-radius:50%;box-shadow:0 1px 3px #1f2a2e30;transition:transform .15s}.nudge-switch input:checked+.nudge-switch-track{background:var(--ink);border-color:var(--gold)}.nudge-switch input:checked+.nudge-switch-track:after{transform:translateX(20px)}.nudge-switch input:focus-visible+.nudge-switch-track{outline:2px solid var(--gold);outline-offset:4px}.nudge-time-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:400;font-size:13px;margin-top:20px}.nudge-time-row[hidden]{display:none}.nudge-time-row input{width:130px;min-height:44px}.day-streak{margin:26px 0 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.coach-mark{margin:18px 0;padding:16px 18px;border-left:2px solid var(--gold);background:var(--stone);border-radius:0 12px 12px 0}.coach-mark p{font-size:12px;line-height:1.6;margin:0 0 8px}.coach-mark p:last-child{margin:0}

/* A continuous story, with short tails beyond the first and last dots. */
.line-span{max-width:380px}.line-track{display:block;height:48px;width:100%}.line-track:before{left:0;right:0;top:24px}.line-dot{position:absolute;top:0;transform:translateX(-50%);width:44px;min-width:44px}.line-years{display:block;position:relative;height:16px;max-width:380px;margin:4px auto 10px}.line-years span{position:absolute;transform:translateX(-50%);font-size:10px}.friend-dots{display:block;height:10px}.friend-dots:before{left:0;right:0;top:4px}.friend-dots i{position:absolute;top:0;transform:translateX(-50%)}

.friends-empty-mark{display:block;object-fit:contain;object-position:left center;margin:0 0 18px}.friends-card #add-friend.primary{color:var(--paper);background:var(--ink);border-bottom:3px solid var(--gold);width:100%}button.primary{color:var(--paper)}

.streak-summary{text-align:center;margin:26px 0 18px}.streak-summary>strong{display:block;font:38px/1.1 Fraunces,Georgia,serif;font-weight:500}.streak-summary>span{display:block;font-size:12px;margin:5px 0 10px;color:var(--muted)}.streak-summary p{font-size:10px;color:var(--muted);margin:0}.streak-summary p b{font-weight:400;font-variant-numeric:tabular-nums}

.menu-section{scroll-margin-top:70px}
/* Placement board: the rail continues beyond the real card dots. */
:root{--muted:color-mix(in srgb,var(--ink) 68%,var(--paper))}
.held-dock{position:sticky;top:0;z-index:5;background:var(--paper);padding:6px 0 2px}.held-card{margin:0;touch-action:none;cursor:grab;background:var(--paper);box-shadow:0 8px 18px color-mix(in srgb,var(--ink) 12%,transparent);padding:18px 20px}.held-card h2{font-size:25px;margin:6px 0 10px}.held-card p{font-size:13px;line-height:1.4;margin-bottom:10px}.held-instruction{font-size:11px;color:var(--muted)}.held-card.is-dragging{opacity:.4}.drag-ghost{position:fixed;z-index:100;pointer-events:none;opacity:.9;margin:0;box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 18%,transparent)}.hint-control{margin:3px 0;min-height:44px;display:flex;align-items:center;gap:8px}.hint-control .muted{font-size:11px}.line-board-section{margin-top:20px}.line-board-section h3{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:23px;margin:0 0 6px}.placement-board{position:relative;margin:0 0 10px;padding:0}.board-rail{position:absolute;left:21px;top:16px;bottom:14px;width:2px;background:var(--ink)}.board-card{position:absolute;left:0;width:100%;transform:translateY(-22px);padding:0 12px 0 48px;text-align:left;background:transparent;min-height:44px;border-radius:8px;color:var(--ink);font-size:14px;line-height:1.35}.board-card strong{display:block;font-weight:600}.board-card .year{display:block;font-size:12px;margin-top:4px;color:var(--gold);transform-origin:center}.board-dot{position:absolute;left:15px;top:16px;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid var(--paper)}.board-end{position:absolute;left:47px;color:var(--muted);opacity:.65;font-size:10px}.board-start{top:0}.board-finish{bottom:0}.gap-slot{position:absolute;left:0;width:100%;height:44px;min-height:44px;transform:translateY(-22px);background:transparent;border:0;padding:0 12px 0 48px;border-radius:9px;display:flex;align-items:center;gap:10px;color:var(--gold);text-align:left}.gap-stroke{display:block;width:38px;height:2px;background:var(--stone);transition:width 160ms,background 160ms}.gap-label{font-size:11px;color:var(--muted);font-weight:500;opacity:.75}.gap-slot:hover,.gap-slot:focus-visible,.gap-slot.gap-active{background:var(--gold-soft);box-shadow:0 0 0 1px var(--gold),0 0 18px var(--gold-soft)}.gap-slot.gap-active .gap-stroke,.gap-slot:hover .gap-stroke,.gap-slot:focus-visible .gap-stroke{width:72px;background:var(--gold)}.gap-active .gap-label{color:var(--ink);opacity:1}.gap-slot.hint-removed{opacity:.23;box-shadow:none;background:none}.hint-removed .gap-stroke{background:var(--ink)}.hint-removed .gap-label{text-decoration:line-through}.in-place .board-dot{background:var(--olive)}.out-of-place .board-dot{background:var(--clay);animation:clay-flash 450ms}.record-tip{font-size:12px}.mute-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0;gap:12px}.secondary{border:1px solid var(--ink);background:transparent!important;color:var(--ink)}#stats-share-line{width:100%}.coach-mark{margin:12px 0;padding:10px 12px}.coach-mark p{font-size:11px;margin:2px 0}.just-placed{background:transparent}@keyframes clay-flash{0%,50%{box-shadow:0 0 0 7px var(--clay-soft)}100%{box-shadow:none}}@media(prefers-reduced-motion:reduce){.gap-stroke,.board-dot{transition:none;animation:none}}@media(max-height:700px){.held-card{padding:12px 16px}.held-card h2{font-size:22px;margin:4px 0 6px}.held-card p{font-size:12px}.held-instruction{font-size:10px}}

/* The inline coach reserves its own space; hiding retains board geometry. */
.coach-mark{position:relative;inset:auto;clear:both;z-index:0;flex:none}.card-dragging .coach-mark{visibility:hidden;pointer-events:none}.translation-options{display:grid;gap:8px}.translation-options button{width:100%;display:flex;justify-content:space-between;background:transparent;color:var(--ink);border:1px solid var(--stone);text-align:left}.translation-options [aria-checked=true]{border-color:var(--gold);background:var(--gold-soft)}.translation-options button:disabled{opacity:.5;cursor:default}

.held-card,.drag-ghost{-webkit-user-select:none;user-select:none}
