*{box-sizing:border-box}body{margin:0;background:#fafaf7;color:#1a1a1a;font-family:Georgia,Times New Roman,serif}.page{max-width:620px;margin:0 auto;padding:48px 20px 120px}h1{font-size:1.6rem;font-weight:400;margin:0 0 4px}.muted{color:#8a8a82;font-size:.9rem}.compliment{width:100%;margin-top:20px;padding:14px;font:inherit;font-size:1.05rem;line-height:1.55;border:1px solid #d6d6cd;border-radius:4px;background:#fff;resize:none;overflow-y:hidden;min-height:110px;outline:none}.compliment:focus{border-color:#1a1a1a}.counters{display:flex;gap:18px;margin-top:8px}.rules{list-style:none;padding:0;margin-top:28px}.rule{display:flex;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:4px;border-left:3px solid transparent;font-size:.95rem;line-height:1.45}.rule.pass{background:#eef4ea;border-left-color:#5a8a4a}.rule.fail{background:#f8ecea;border-left-color:#b5544a}.rule.pending{background:#f4f0e4;border-left-color:#b09a4a}.rule.disputed{background:#f0efe8;border-left-color:#8a8a82}.rule-num{color:#8a8a82;min-width:1.6em}.detail{color:#8a8a82;font-style:italic}.dispute{margin-left:.5em;font-size:.85em;opacity:.5}.dispute:hover{opacity:1}.dispute-popup{margin-left:.5em;font-size:.85em}.dispute-question{font-style:italic;color:#8a8a82;margin-right:.4em}.dispute-popup button{font-size:.85em;padding:1px 6px;margin-left:.3em;cursor:pointer;border:1px solid #ccc;border-radius:3px;background:transparent}.dispute-yes{color:#4a7}.dispute-no{color:#a64}.rule-quote{margin:6px 0 0;padding:4px 10px;border-left:2px solid #d6b0aa;color:#6a6a62;font-style:italic;font-size:.9em;line-height:1.5}.rule-quote mark{background:#f3cfc9;color:#7a2e24;border-radius:2px;padding:0 2px;font-style:normal}.sacrifice{margin-top:14px;display:flex;gap:10px}.sacrifice select{font:inherit;padding:6px 10px;border:1px solid #d6d6cd;border-radius:4px;background:#fff}button{font:inherit;padding:10px 18px;border:1px solid #1a1a1a;border-radius:4px;background:#1a1a1a;color:#fff;cursor:pointer}button:hover{background:#3a3a3a}button.ghost{background:transparent;color:#1a1a1a}.recite{margin-top:24px;width:100%}.row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.final{font-size:1.1rem;line-height:1.7;padding:18px;background:#fff;border:1px solid #d6d6cd;border-radius:4px}.unselectable{-webkit-user-select:none;user-select:none}.slots{line-height:2.1}.slot{margin-right:8px;letter-spacing:1px;color:#b0b0a8}.slot.done{color:#1a1a1a;letter-spacing:normal}.wrong{color:#b5544a;font-weight:700}.speed-page{opacity:0;transition:opacity .5s ease}.speed-page.speed-fade-in{opacity:1}.speed-stats{display:flex;gap:32px;margin:20px 0 16px}.speed-stat{display:flex;flex-direction:column;align-items:center}.speed-stat-val{font-size:1.5rem;font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums}.speed-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8a8a82}.speed-text{font-family:Courier New,Courier,monospace;font-size:1.15rem;line-height:2;padding:20px;background:#fff;border:1px solid #d6d6cd;border-radius:6px;max-height:360px;overflow-y:auto;outline:none;-webkit-user-select:none;user-select:none;word-wrap:break-word}.speed-char{transition:color .1s ease}.speed-typed{color:#5a8a4a}.speed-error{color:#b5544a;text-decoration:underline}.speed-upcoming{color:#c0c0b8}.speed-current{color:#1a1a1a;border-bottom:2px solid #1a1a1a;animation:speed-blink 1s step-end infinite}@keyframes speed-blink{50%{border-bottom-color:transparent}}.speed-hint{text-align:center;color:#b0b0a8;font-style:italic;margin-top:16px;animation:speed-pulse 2s ease-in-out infinite}@keyframes speed-pulse{0%,to{opacity:.5}50%{opacity:1}}.speed-result{margin-top:16px;animation:speed-slide-in .3s ease}@keyframes speed-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.speed-pass{text-align:center;font-size:1.3rem;color:#5a8a4a;font-weight:700;margin-top:20px;animation:speed-slide-in .3s ease}body:has(.scroll-page){min-height:100vh;background-color:#e3cfa2;background-image:radial-gradient(ellipse 90% 70% at 50% 25%,#fdf6e2,#f4e7c8 45%,#e3cfa2);background-repeat:no-repeat;background-attachment:fixed}.scroll-page{max-width:640px;padding-top:32px;opacity:0;transform:scale(.95);transform-origin:50% 30%;transition:opacity 2s ease-out,transform 2s cubic-bezier(.18,.7,.2,1)}.scroll-page.scroll-fade-in{opacity:1;transform:scale(1)}.scroll-frame{position:relative;width:min(100%,600px);margin:0 auto;container-type:inline-size}.scroll-img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 22px 28px rgba(85,55,10,.32)) drop-shadow(0 2px 4px rgba(85,55,10,.18))}.scroll-parchment{position:absolute;top:34.5%;bottom:21.5%;left:23.5%;right:23.5%;display:flex;flex-direction:column}.scroll-text{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 .4em;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;line-height:1.5;color:#1f1206;text-shadow:0 0 1px rgba(60,35,5,.12);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.scroll-drop-cap{font-size:2.1em;line-height:.8;float:left;padding:.06em .12em 0 0;color:#7a4f12}.scroll-sig-area{position:relative;flex:0 0 auto;height:34%;margin:1.5% 2% 0}.scroll-sig-area:before{content:"";position:absolute;left:3%;right:3%;bottom:24%;height:1px;background:linear-gradient(to right,transparent,#a8884f 12%,#a8884f 88%,transparent);pointer-events:none}.scroll-sig-area:after{content:"×";position:absolute;left:3%;bottom:27%;font-family:Georgia,serif;font-size:clamp(.7rem,2.2cqw,.9rem);color:#a8884f;pointer-events:none}.scroll-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:url(/pencil-cursor.png) 4 36,crosshair;z-index:1}.scroll-hint{position:absolute;left:0;right:0;bottom:4%;text-align:center;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-style:italic;font-size:clamp(.66rem,2.1cqw,.85rem);letter-spacing:.04em;color:#9c7c45;pointer-events:none;-webkit-user-select:none;user-select:none;animation:scroll-hint-breathe 2.6s ease-in-out infinite}@keyframes scroll-hint-breathe{0%,to{opacity:.55}50%{opacity:1}}.scroll-seal{display:block;margin:28px auto 0;padding:13px 40px;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:#3a2408;background:linear-gradient(180deg,#f7e39a,#dcb24a 55%,#bf8e2c);border:1px solid #8a5f1a;border-radius:999px;box-shadow:inset 0 1px #fff5c8cc,0 2px #7a5214,0 10px 20px #5a3c0a4d;animation:scroll-seal-rise .9s cubic-bezier(.2,.8,.2,1) both}.scroll-seal:hover{background:linear-gradient(180deg,#fbeaa8,#e4bb55 55%,#c89634)}.scroll-seal:active{transform:translateY(1px);box-shadow:inset 0 1px #fff5c8cc,0 1px #7a5214,0 6px 12px #5a3c0a4d}@keyframes scroll-seal-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.scroll-page{transition-duration:.3s;transform:none}.scroll-hint,.scroll-seal{animation:none}}