@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-normal-C42RasBZ.woff2)format("woff2"),url(/assets/libre-baskerville-latin-400-normal-BTm3cn9P.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-italic-Dx5Rrf3o.woff2)format("woff2"),url(/assets/libre-baskerville-latin-400-italic-DvfstiAl.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-baskerville-latin-700-normal-CLGq6Yj4.woff2)format("woff2"),url(/assets/libre-baskerville-latin-700-normal-D1DCMXWx.woff)format("woff")}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.woff)format("woff")}:root{--wall:#e6dac4;--wall-stripe:#ddcfb5;--ink:#33241a;--muted:#6e5a49;--wood-hi:#9a6738;--wood-lo:#6a4223;--recess:#2b1d14;--card:#fbf7ec;--card-ink:#2b2420;--card-muted:#6a5a4a;--rule:#bfd3e6;--red-rule:#d9473f;--stamp:#a8322c;--gold:#efd48a;--brass-hi:#e2c27a;--brass-lo:#a47b2e;--brass-ink:#4a3511;--leather:#2f5a3a;--slip:#f4e7b8;--slip-ink:#3a2a14;--font-serif:"Libre Baskerville", Georgia, "Times New Roman", serif;--font-type:"Special Elite", "Courier New", Courier, monospace;--shadow:0 10px 30px #0a060466;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wall:#141b17;--wall-stripe:#18211c;--ink:#ece1cc;--muted:#a99a84;--wood-hi:#6e4626;--wood-lo:#41281a;--recess:#0c0806;--card:#eae2ce;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--wall:#141b17;--wall-stripe:#18211c;--ink:#ece1cc;--muted:#a99a84;--wood-hi:#6e4626;--wood-lo:#41281a;--recess:#0c0806;--card:#eae2ce;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{min-height:100%;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);color:var(--ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;background:var(--wall);background-image:repeating-linear-gradient(90deg, var(--wall) 0 26px, var(--wall-stripe) 26px 30px);margin:0;font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brass-hi);outline-offset:2px}h2,h3{text-wrap:balance}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:480px;margin:0 auto;padding:10px 14px 36px}.header{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:4px 0 12px;display:grid}.header-side{gap:6px;display:flex}.header-end{justify-content:flex-end}.plaque{letter-spacing:.06em;color:var(--brass-ink);background:linear-gradient(180deg, var(--brass-hi), var(--brass-lo));text-shadow:0 1px #ffffff73;border-radius:6px;margin:0;padding:7px 22px;font-size:22px;font-weight:700;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #0003,0 2px 4px #00000059}.plaque:before,.plaque:after{content:"";background:radial-gradient(circle at 35% 35%,#f5e2ae,#7c5a1e);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%}.plaque:before{left:7px}.plaque:after{right:7px}.icon-button{cursor:pointer;width:44px;height:44px;color:var(--brass-ink);background:radial-gradient(circle at 35% 30%, var(--brass-hi), var(--brass-lo));border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff80,0 2px 4px #00000059}.icon-button svg{width:20px;height:20px}.meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px 10px;font-size:13px;font-style:italic;display:flex}.meta strong{color:var(--ink);font-style:normal}.case{background:repeating-linear-gradient(92deg, #0000000f 0 2px, transparent 2px 9px), repeating-linear-gradient(88deg, #ffffff0d 0 1px, transparent 1px 17px), linear-gradient(180deg, var(--wood-hi), var(--wood-lo));border-radius:6px;padding:11px;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff2e}.recess{background:linear-gradient(180deg, #000 0, transparent 26px), var(--recess);border-radius:3px;padding:14px 12px 0;box-shadow:inset 0 6px 14px #0009,inset 0 -2px 6px #0006}.clues{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.plank{background:repeating-linear-gradient(90deg, #00000012 0 3px, transparent 3px 11px), linear-gradient(180deg, var(--wood-hi), var(--wood-lo));border-radius:0 0 3px 3px;height:16px;margin:0 -12px;box-shadow:0 -3px 6px #00000073}.spine{min-height:54px;color:var(--gold);background:linear-gradient(180deg, #fff3 0, #ffffff0a 28%, #0000 62%, #00000052 100%), repeating-linear-gradient(0deg, #0000000d 0 1px, transparent 1px 3px), var(--c);border-radius:7px 3px 3px 7px;align-items:center;gap:12px;padding:9px 34px 9px 10px;scroll-margin-top:12px;transition:transform .25s;display:flex;position:relative;box-shadow:0 2px #00000059,inset 0 0 0 1px #00000040}.spine:after{content:"";border-left:2px solid var(--gold);border-right:2px solid var(--gold);opacity:.65;width:9px;position:absolute;top:7px;bottom:7px;right:10px}.spine:before{content:"";border-left:1px solid #efd48a59;position:absolute;top:7px;bottom:7px;left:46px}.callno{color:#3a2a1a;width:30px;font-family:var(--font-type);text-align:center;background:#f4eedd;border-radius:2px;flex:none;padding:4px 0;font-size:13px;box-shadow:0 1px 1px #0006}.spine .txt{letter-spacing:.01em;text-shadow:0 1px #00000073;padding-left:6px;font-size:16px;line-height:1.3}.spine.latest{box-shadow:0 2px 0 #00000059, 0 0 0 2px var(--gold), 0 6px 14px #00000080;transform:translate(-6px)}.spine.latest .txt{font-weight:700}.spine.locked{filter:saturate(.45)brightness(.72)}.spine.locked .bars{flex-wrap:wrap;gap:6px;padding-left:6px;display:flex}.spine.locked .bars i{background:#00000047;border-radius:4px;height:8px;display:block;box-shadow:0 1px #ffffff1f}.spine.fresh{animation:pull .55s var(--ease-out)}.spine.fresh:not(.latest){animation-name:pull-flat}@keyframes pull{0%{transform:translate(-26px)}to{transform:translate(-6px)}}@keyframes pull-flat{0%{transform:translate(-20px)}}.placeholder{text-align:center;color:#f4eedd;place-content:center;justify-items:center;min-height:200px;padding:28px 12px 34px;display:grid}.placeholder h2{color:var(--gold);margin:0 0 6px;font-size:21px}.placeholder p{max-width:30ch;margin:0 0 14px}.placeholder-spines{align-items:flex-end;gap:4px;height:60px;display:flex}.placeholder-spines i{background:#7a1f2b;border-radius:3px 3px 1px 1px;width:16px;height:100%;animation:1.2s ease-in-out infinite alternate lean;display:block}.placeholder-spines i:nth-child(2){background:#1f3a5f;height:80%;animation-delay:.2s}.placeholder-spines i:nth-child(3){background:#2f5a3a;height:90%;animation-delay:.4s}@keyframes lean{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.play{margin-top:18px}.card{background:var(--card);color:var(--card-ink);background-image:linear-gradient(transparent 0 40px, var(--red-rule) 40px 41.5px, transparent 41.5px), repeating-linear-gradient(transparent 0 29px, var(--rule) 29px 30px);background-position:0 0,0 42px;background-repeat:no-repeat,repeat-y;background-size:100% 100%,100% calc(100% - 42px);border-radius:4px;padding:10px 16px 14px;position:relative;box-shadow:0 4px 12px #00000047,0 1px #00000026}.card:before{content:"";background:var(--wall);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:8px;left:50%;box-shadow:inset 0 1px 3px #00000080}.card-head{height:30px;font-family:var(--font-type);color:var(--card-muted);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.card-head b{color:var(--card-ink);letter-spacing:.12em;font-weight:400}.cardclue{margin:4px 0 0;font-size:15px;font-style:italic;line-height:1.5}.cardclue b{font-style:normal;font-family:var(--font-type);color:var(--stamp);margin-right:8px;font-weight:400}.guess-form{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex;position:relative}.guess-form input{min-width:0;height:46px;font-family:var(--font-type);color:var(--card-ink);background:0 0;border:0;border-bottom:2px dotted #8c7b6a;border-radius:0;flex:1;padding:0 2px;font-size:20px}.guess-form input::placeholder{color:#8c7b6a}.guess-form input:focus{border-bottom-color:var(--stamp);outline:none}.stampbtn{border:2.5px solid var(--stamp);height:44px;color:var(--stamp);font-family:var(--font-type);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:5px;padding:0 14px;font-size:17px;transform:rotate(-2deg)}.stampbtn:hover,.stampbtn:active{background:var(--stamp);color:var(--card)}.sugg{flex:1 0 100%;order:3;margin:0;padding:0;list-style:none}.sugg li{font-family:var(--font-type);color:var(--card-muted);cursor:pointer;border-bottom:1px solid var(--rule);padding:6px 2px;font-size:17px}.sugg li:before{content:"→ "}.sugg li:hover,.sugg li[aria-selected=true]{color:var(--card-ink);background:#d9473f14}.hint{min-height:20px;font-family:var(--font-type);color:var(--stamp);margin:6px 0 0;font-size:14px}.guesses{font-family:var(--font-type);margin:6px 0 18px;padding:0;font-size:16px;list-style:none}.guesses li{padding:4px 2px;line-height:22px}.guesses .miss{color:var(--card-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--stamp);text-decoration-color:var(--stamp);text-decoration-thickness:2px}.guesses .skip{color:var(--card-muted)}.guesses .skip:before{content:"— "}.guesses .skip:after{content:" —"}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.skipbtn{cursor:pointer;width:100%;height:46px;color:var(--brass-ink);background:linear-gradient(180deg, var(--brass-hi), var(--brass-lo));border:0;border-radius:6px;margin-top:12px;font-size:15px;display:block;box-shadow:inset 0 1px #ffffff80,0 2px 4px #0000004d}.result{margin-top:18px}.slip{background:var(--slip);color:var(--slip-ink);background-image:repeating-linear-gradient(#0000 0 27px,#785a2838 27px 28px);background-position:0 58px;background-repeat:repeat-y;border-radius:3px;padding:16px 18px 18px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.slip-head{font-family:var(--font-type);letter-spacing:.2em;text-transform:uppercase;text-align:center;border-bottom:2px solid #3a2a1499;margin:0;padding-bottom:8px;font-size:13px}.kicker{font-family:var(--font-type);color:#67522a;margin:14px 0 0;font-size:13px}.book-title{margin:2px 0;font-size:26px;font-weight:700;line-height:1.2}.by{margin:0;font-style:italic}.score{font-family:var(--font-type);margin:10px 0 0;font-size:14px}.stamp{border:3px solid var(--stamp);color:var(--stamp);font-family:var(--font-type);letter-spacing:.12em;text-transform:uppercase;mix-blend-mode:multiply;border-radius:6px;margin:12px 0 2px 2px;padding:4px 10px;font-size:15px;display:inline-block;transform:rotate(-4deg)}.stamp.lost{font-size:20px}.countdown{font-family:var(--font-type);justify-content:space-between;margin-top:12px;font-size:15px;display:flex}.countdown-time{font-variant-numeric:tabular-nums;font-weight:700}.share{cursor:pointer;width:100%;height:54px;color:var(--gold);background:repeating-linear-gradient(45deg, #0000000f 0 2px, transparent 2px 5px), linear-gradient(180deg, #3a6e48, var(--leather));text-shadow:0 1px #0006;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:18px;font-weight:700;display:flex;box-shadow:inset 0 0 0 2px #efd48a59,0 3px 6px #00000059}.share svg{width:20px;height:20px}.manual{width:100%;min-height:96px;color:var(--slip-ink);font-family:var(--font-type);background:#fff9e3;border:1px solid #3a2a1466;border-radius:4px;margin-top:10px;padding:10px}.button{cursor:pointer;border:0;border-radius:6px;height:46px;padding:0 20px;font-size:16px;font-weight:700}.button-primary{color:var(--gold);background:linear-gradient(180deg, #3a6e48, var(--leather));text-shadow:0 1px #0006;box-shadow:inset 0 0 0 2px #efd48a59,0 2px 4px #0000004d}.toasts{left:50%;top:calc(env(safe-area-inset-top,0px) + 18px);z-index:30;pointer-events:none;gap:8px;display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--card);color:var(--card-ink);font-family:var(--font-type);white-space:nowrap;pointer-events:auto;animation:toast-in .22s var(--ease-out);border-radius:3px;padding:10px 16px;box-shadow:0 4px 12px #00000059}@keyframes toast-in{0%{transform:translateY(-14px)}}.toast-action{color:var(--stamp);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;text-decoration:underline}.modal{background:var(--card);width:calc(100% - 32px);max-width:420px;color:var(--card-ink);box-shadow:var(--shadow);border:0;border-radius:4px;padding:0}.modal[open]{animation:modal-in .22s var(--ease-out)}@keyframes modal-in{0%{transform:translateY(10px)scale(.98)}}.modal::backdrop{background:#0a060499}.modal-body{padding:18px 22px 22px}.modal-header{border-bottom:1.5px solid var(--red-rule);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.modal-header h2{margin:0;font-size:21px}.modal-header .icon-button{width:38px;height:38px}.modal p{text-wrap:pretty;margin:0 0 8px}.modal .modal-footnote{color:var(--card-muted);margin-top:14px;font-size:13px;font-style:italic}.modal .button-primary{width:100%;height:50px;margin-top:16px}.rules{margin:8px 0;padding-left:20px}.rules li+li{margin-top:4px}.example{color:var(--gold);background:linear-gradient(#ffffff2e,#00000040),#1f3a5f;border-radius:6px 3px 3px 6px;align-items:center;gap:10px;margin:14px 0 0;padding:9px 12px 9px 9px;font-size:14px;display:flex}.example .callno{width:auto;padding:3px 6px;font-size:11px}.modal .example-answer{color:var(--card-muted);margin:6px 0 0;font-size:13px;font-style:italic}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;display:grid}.stats-grid b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1;display:block}.stats-grid span{font-family:var(--font-type);color:var(--card-muted);font-size:12px}.dist-title{margin:0 0 8px;font-size:15px}.dist{font-family:var(--font-type);gap:5px;display:grid}.dist-row{grid-template-columns:18px 1fr;align-items:center;gap:8px;font-size:14px;display:grid}.dist-bar{color:#fff;text-align:right;font-variant-numeric:tabular-nums;background:#6e5e4e;border-radius:2px;min-width:26px;padding:1px 8px;font-style:normal;display:block}.dist-bar.is-mine{background:var(--leather)}.setting{border:0;margin:0 0 18px;padding:0}.setting-name{margin-bottom:8px;padding:0;font-weight:700;display:block}.segmented{gap:6px;display:flex}.segment{flex:1;position:relative}.segment input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.segment span{height:40px;font-family:var(--font-type);cursor:pointer;border:1.5px solid #b5a593;border-radius:4px;place-items:center;font-size:14px;display:grid}.segment span:hover{border-color:var(--card-muted)}.segment input:checked+span{border-color:var(--card-ink);background:#0000000d}.segment input:focus-visible+span{outline:3px solid var(--brass-lo);outline-offset:2px}.setting-footer{color:var(--card-muted);font-size:13px}@media (prefers-reduced-motion:reduce){.spine,.toast,.modal[open]{transition:none;animation:none}.spine.fresh,.shake,.placeholder-spines i{animation:none}}.card :focus-visible,.slip :focus-visible,.result :focus-visible,.modal :focus-visible{outline-color:var(--stamp)}