@font-face{font-family:Caveat;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/caveat-v23-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-v32-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fbf5df;--paper-2:#f3ebcf;--paper-3:#e9ddb9;--margin:#f3f3d9;--ink:#2f241c;--ink-2:#5a4636;--pencil:#7a6f62;--wren:#3f5f88;--wren-wash:#557aa64d;--rook:#8e3b2f;--rook-wash:#a64c3d47;--gold:#b8892a;--gold-wash:#d9ae4f61;--leaf:#4d7a32;--leaf-wash:#96be5a59;--hand:"Caveat", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .42  0 0 0 0 .34  0 0 0 0 .22  0 0 0 .11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--rough:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'><path d='M3 4 C50 2.2 150 5 197 3 C198.6 30 196.4 70 198 96.5 C150 98.4 50 95.4 3 97 C1.4 70 4 30 3 4Z' fill='none' stroke='%232f241c' stroke-width='2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/><path d='M5 2.4 C60 4 140 1.4 195.4 4.6 C197.4 35 199 65 196 98 C140 96.4 60 99 4 95.6 C2.6 65 1 35 5 2.4Z' fill='none' stroke='%232f241c' stroke-width='1' opacity='.4' vector-effect='non-scaling-stroke'/></svg>");--rough-b:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'><path d='M2.6 3 C60 5 120 1.6 197.4 4 C196 32 198.6 66 197 97 C130 95 70 98.6 3.4 96 C4.4 64 1.6 36 2.6 3Z' fill='none' stroke='%232f241c' stroke-width='2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/></svg>");--squiggle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'><path d='M2 5 C12 1 20 7 30 4 S48 1 58 4 S76 7 86 3 S106 2 118 5' fill='none' stroke='%23b8892a' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");--arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'><path d='M2 13 C10 11 20 12.5 33 12 M25 4 C29 7.5 32 10 35 12.2 C31 14.6 28 17 24.5 20.5' fill='none' stroke='%232f241c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--margin) var(--grain);height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}#stage{z-index:0;background:var(--margin) var(--grain);opacity:0;transition:opacity .5s;position:fixed;inset:0}#stage.is-live{opacity:1}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{z-index:1;pointer-events:none;position:fixed;inset:0}.screen{pointer-events:auto;background:radial-gradient(ellipse at 50% 40%, #fffceee6, #f3ecd200 70%), var(--margin) var(--grain);opacity:0;outline:none;place-items:safe center;padding:clamp(12px,3vw,40px);transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.3,1);display:grid;position:absolute;inset:0;overflow:auto;transform:translateY(8px)rotate(-.25deg)}.screen.is-in{opacity:1;transform:none}.screen.is-out{opacity:0;pointer-events:none;transform:translateY(-6px)rotate(.3deg)}.screen.is-covered{visibility:hidden}.screen.is-overlay{-webkit-backdrop-filter:blur(2px)sepia(.3);backdrop-filter:blur(2px)sepia(.3);background:#2f241c61}.screen.is-overlay.is-covered{visibility:visible;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.screen.is-overlay.is-covered>*{visibility:hidden}.reduce-motion .screen,.reduce-motion .screen *{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (prefers-reduced-motion:reduce){.screen,.screen *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.panel{background:var(--paper) var(--grain);border-radius:8px 12px 10px 14px/12px 8px 14px 10px;width:100%;max-width:min(100%,760px);padding:clamp(18px,3vw,34px);position:relative;box-shadow:inset 0 1px #fff9,0 14px 34px #46301a38,0 2px 6px #46301a1f}.panel:before{content:"";background:var(--rough) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:4px}.panel.tilt-l{transform:rotate(-.6deg)}.panel.tilt-r{transform:rotate(.5deg)}h1,h2,h3{font-family:var(--hand);letter-spacing:.01em;margin:0;font-weight:700;line-height:1}h1{font-size:clamp(3rem,8vw,5.6rem)}h2{margin-bottom:.3em;font-size:clamp(2.2rem,5vw,3.2rem)}h3{font-size:1.8rem}p{margin:.4em 0;line-height:1.5}.lead{color:var(--ink-2);font-size:1.08rem}.hand{font-family:var(--hand);font-size:1.5rem;line-height:1.2}.muted{color:var(--ink-2)}.small{font-size:.9rem}.center{text-align:center}.underline{background:linear-gradient(transparent 70%, var(--gold-wash) 70%, var(--gold-wash) 92%, transparent 92%);padding:0 .15em}.btn{--wash:var(--gold-wash);min-height:2.6rem;font-family:var(--hand);color:var(--ink);cursor:pointer;background:#fffbec99;border:0;border-radius:10px 6px 12px 7px;outline:none;justify-content:center;align-items:center;gap:.45em;padding:.3em 1.1em .38em;font-size:1.7rem;font-weight:700;line-height:1.05;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex;position:relative}.btn:before{content:"";background:var(--rough-b) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.btn:nth-of-type(2n):before{background-image:var(--rough)}.btn:hover,.btn:focus{background-image:radial-gradient(ellipse at 28% 42%, var(--wash), transparent 62%), radial-gradient(ellipse at 72% 60%, var(--wash), transparent 58%);background-color:#fffbece6;transform:rotate(-.8deg)scale(1.03)}.btn:focus{box-shadow:0 3px 0 -1px #b8892a8c}.btn:focus:after{content:"";background:var(--squiggle) center / 100% 100% no-repeat;height:.5rem;position:absolute;bottom:-.55rem;left:12%;right:12%}.menu>.btn:focus:after{background:var(--arrow) center / contain no-repeat;width:1.7rem;height:1rem;margin-top:-.5rem;animation:1.1s ease-in-out infinite nudge;inset:50% auto auto -2.1rem}@keyframes nudge{50%{transform:translate(4px)}}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.45;cursor:default;background-image:none;transform:none}.btn-primary{background-color:#fff6d6e6;padding:.35em 1.4em .45em;font-size:2.1rem}.btn-wren{--wash:var(--wren-wash)}.btn-rook{--wash:var(--rook-wash)}.btn-leaf{--wash:var(--leaf-wash)}.btn-small{min-height:2.1rem;padding:.2em .8em .28em;font-size:1.35rem}.btn>.art svg,.btn>svg{width:1.3em;height:1.3em}.menu{flex-direction:column;align-items:center;gap:.7rem;margin-top:1.2rem;display:flex}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.row.spread{justify-content:space-between}.back-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.art{line-height:0;display:inline-block}img.icon-img{object-fit:contain}img.icon-img.is-empty{filter:grayscale()sepia(.25)opacity(.32)}.art svg{width:100%;height:100%;display:block}kbd{border:1.5px solid var(--ink);min-width:1.7em;font-family:var(--body);text-align:center;background:#fffaf0;border-bottom-width:3px;border-radius:5px 4px 6px;margin:0 .08em;padding:.05em .4em;font-size:.82em;font-weight:700;line-height:1.4;display:inline-block}.pad-btn{border:1.5px solid var(--ink);background:#fffaf0;border-radius:50%;place-items:center;width:1.65em;height:1.65em;font-size:.8em;font-weight:800;display:inline-grid}.title-screen{text-align:center}.title-book{justify-items:center;gap:.2rem;display:grid}.title-stack{justify-items:center;display:grid}.title-stack .title-art{aspect-ratio:480/300;width:min(88vw,640px,92vh)}.title-cover{aspect-ratio:16/9;width:min(94vw,1200px,177.778vh - 391.111px);position:relative;container-type:inline-size}.title-cover>.art{position:absolute;inset:0}.title-cover img.title-art{object-fit:cover;mix-blend-mode:multiply;-webkit-mask-composite:source-in;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.title-lettering{align-content:center;justify-items:center;height:26%;display:grid;position:absolute;top:6.5%;left:18%;right:18%}.title-cover .title-name{font-size:9cqw;line-height:.9}.title-cover .title-sub{margin-top:.2cqw;font-size:3.1cqw}.title-name{color:var(--ink);text-shadow:0 2px #fff9;font-size:clamp(3.4rem,10vw,6.4rem)}.title-name .amp{color:var(--gold);padding:0 .1em;font-size:.8em}.title-name .w{color:var(--wren)}.title-name .r{color:var(--rook)}.title-sub{font-family:var(--hand);color:var(--ink-2);margin-top:-.2rem;font-size:clamp(1.7rem,4vw,2.5rem)}.title-hint{color:var(--ink-2);margin-top:.9rem;font-size:.95rem}.title-footer{text-align:center;color:var(--pencil);font-size:.8rem;position:absolute;bottom:10px;left:0;right:0}@media (max-height:700px){.title-footer{display:none}}.choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:1rem;display:grid}.choice{text-align:center;min-height:12rem;font-family:var(--body);justify-items:center;gap:.4rem;padding:1.1rem 1rem 1.2rem;font-size:1rem;font-weight:400;display:grid}.choice .choice-title{font-family:var(--hand);font-size:2.1rem;font-weight:700}.choice .choice-art{gap:.3rem;height:4.6rem;display:flex}.choice .choice-art>*{width:4.8rem;height:4.8rem}.choice .choice-art .art svg{width:100%;height:100%}.choice .choice-art img{object-fit:contain}.choice p{color:var(--ink-2);margin:0;line-height:1.35}.code-input{font-family:var(--hand);letter-spacing:.08em;text-transform:uppercase;text-align:center;border:0;border-bottom:2.5px solid var(--ink);background:#fffbecb3;outline:none;width:min(100%,10.5em);padding:.15em .5em;font-size:clamp(1.4rem,7vw,2rem);font-weight:700}.code-input:focus{box-shadow:0 6px 0 -3px var(--gold-wash);background:#fff6d6}.join-form{justify-items:center;gap:.7rem;margin-top:.4rem;display:grid}.form-error{color:#9c2f22;min-height:1.4em;font-weight:700}.create-error{margin-top:.5rem}.create-error:empty{display:none}.seats{grid-template-columns:1fr 1fr;gap:clamp(.8rem,3vw,2rem);margin:1rem 0 .6rem;display:grid}.seat{background:#fffbec80;border-radius:14px 10px 16px 12px;justify-items:center;gap:.35rem;padding:1rem .8rem 1.1rem;transition:transform .2s,background-color .2s;display:grid;position:relative}.seat:before{content:"";background:var(--rough) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.seat.wren{background-image:radial-gradient(ellipse at 50% 30%, var(--wren-wash), transparent 70%)}.seat.rook{background-image:radial-gradient(ellipse at 50% 30%, var(--rook-wash), transparent 70%)}.seat.is-ready{background-color:#fff6d6f2;transform:rotate(-1deg)scale(1.02)}.seat .portrait{width:6.5rem;height:6.5rem}.seat .seat-name{font-family:var(--hand);font-size:2.4rem;font-weight:700;line-height:1}.seat.wren .seat-name{color:var(--wren)}.seat.rook .seat-name{color:var(--rook)}.seat .seat-role{color:var(--ink-2);text-align:center;font-size:.92rem}.seat-devices{align-content:start;gap:.35rem;width:100%;min-height:4.4rem;margin-top:.3rem;display:grid}.device{border:1.5px dashed var(--pencil);background:#fff6;border-radius:8px;align-items:center;gap:.45rem;padding:.25rem .55rem;font-size:.92rem;display:flex}.device .art{width:1.5rem;height:1.5rem}.device.is-ready{border-style:solid;border-color:var(--ink);background:#fff6d6e6}.device .tick{font-family:var(--hand);color:var(--leaf);margin-left:auto;font-size:1.3rem}.ready-stamp{font-family:var(--hand);color:#b5402f;opacity:0;border:2px solid #b5402f;border-radius:8px;padding:0 .4rem;font-size:1.6rem;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:.4rem;right:.6rem;transform:rotate(8deg)}.seat.is-ready .ready-stamp{opacity:.9;transform:rotate(-8deg)}.seat-help{text-align:center;color:var(--ink-2);font-size:.95rem}.room-code{font-family:var(--hand);letter-spacing:.06em;white-space:nowrap;-webkit-user-select:all;user-select:all;margin:.2rem 0;font-size:clamp(2.2rem,8vw,3.8rem);font-weight:700;line-height:1}.room-link{color:var(--ink-2);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.9rem}.lobby-seat{justify-content:center;align-items:center;gap:1rem;margin:1rem 0 .4rem;display:flex}.lobby-seat .portrait{width:4.4rem;height:4.4rem}.lobby-status{font-family:var(--hand);justify-content:center;align-items:center;gap:.5rem;min-height:2rem;font-size:1.6rem;display:flex}.dots:after{content:"…";text-align:left;vertical-align:bottom;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}to{width:1.2em}}.story{text-align:center;max-width:min(100%,820px)}.story-art{border-radius:6px;width:100%;height:min(48vh,470px);position:relative;overflow:hidden}.story-art>img,.story-art>.art{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.story-art img{mix-blend-mode:multiply}.story-caption{font-family:var(--hand);text-wrap:balance;min-height:5.2em;margin:.6rem 0 .4rem;font-size:clamp(1.45rem,3.2vw,2rem);line-height:1.25}.story-dots{justify-content:center;gap:.5rem;margin:.2rem 0 .4rem;display:flex}.story-dots span{border:1.5px solid var(--ink);border-radius:50%;width:.7rem;height:.7rem}.story-dots span.on{background:var(--ink)}.story-panel{animation:.45s cubic-bezier(.2,.8,.3,1) page-in}@keyframes page-in{0%{opacity:0;transform:translate(18px)rotate(.6deg)}to{opacity:1;transform:none}}.almanac{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.2fr);gap:0;width:min(100%,1180px);max-width:none;padding:0;display:grid;overflow:hidden}.almanac .page{min-width:0;padding:clamp(16px,2.6vw,30px);position:relative}.almanac .page.left{background:linear-gradient(90deg,#0000 85%,#785a3214);border-right:2px solid #2f241c2e}.almanac .page.right{background:linear-gradient(90deg,#785a321a,#0000 12%)}.almanac-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.chapter-tag{font-family:var(--hand);color:var(--ink-2);font-size:1.4rem}.garden{aspect-ratio:480/260;width:100%;margin:.6rem 0 .2rem;position:relative}.garden>*{width:100%;height:100%;position:absolute;inset:0}.garden img{object-fit:contain;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(50% 50%,#000 78%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 78%,#0000 100%)}.garden .painted{transition:clip-path 1.2s}.garden .terrace{transition:opacity .6s}.progress-line{font-family:var(--hand);text-align:center;font-size:1.5rem}.leaves{gap:.7rem;margin-top:.8rem;display:grid}.leaf-card{text-align:left;width:100%;font-family:var(--body);grid-template-columns:7.4rem 1fr auto;align-items:center;gap:.9rem;min-height:5.4rem;padding:.45rem .9rem .45rem .45rem;font-size:1rem;font-weight:400;display:grid}.leaf-card .thumb{background:#ffffff59;border-radius:6px;width:7.4rem;height:4.6rem;overflow:hidden}.leaf-card .thumb img,.leaf-card .thumb canvas{object-fit:cover;width:100%;height:100%;display:block}.leaf-card:not(.is-stitched) .thumb>*{filter:grayscale()contrast(.92)brightness(1.06)}.leaf-card .leaf-num{font-family:var(--hand);color:var(--ink-2);font-size:1.15rem}.leaf-card .leaf-name{font-family:var(--hand);font-size:1.85rem;font-weight:700;line-height:1}.leaf-card .leaf-meta{color:var(--ink-2);margin-top:.15rem;font-size:.85rem}.leaf-card .stamp{opacity:0;width:3.2rem;height:3.2rem;transition:all .3s;transform:rotate(-12deg)scale(1.4)}.leaf-card.is-stitched .stamp{opacity:.9;transform:rotate(-12deg)}.leaf-card.is-next .leaf-num:after{content:" · next page";color:var(--gold);font-weight:700}@media (min-width:1100px) and (min-height:620px){.almanac.has-book{width:min(100%,177.778vh - 3.55556*clamp(12px,3vw,40px),1500px);aspect-ratio:16/9;background:var(--book) center / 100% 100% no-repeat;width:min(100%,177.778dvh - 3.55556*clamp(12px,3vw,40px),1500px);max-width:none;box-shadow:none;mix-blend-mode:multiply;border-radius:0;grid-template-columns:1fr 1fr;column-gap:3%;padding:3.4% 5.4% 6.6%;overflow:visible}.almanac.has-book:before{display:none}.almanac.has-book .page{scrollbar-width:none;background:0 0;border:0;padding:1% 3% 0 27%;overflow:auto}.almanac.has-book .page.right{padding:1% 27% 0 3%}.almanac.has-book .leaves{gap:.55rem;margin-top:.5rem}.almanac.has-book .leaf-card{background-color:#fffbec73;grid-template-columns:5.4rem 1fr auto;min-height:4.7rem;padding:.3rem .6rem .3rem .3rem}.almanac.has-book .leaf-card .thumb{width:5.4rem;height:4.2rem}.almanac.has-book .leaf-card .leaf-name{font-size:1.6rem}.almanac.has-book .leaf-card .stamp{width:2.6rem;height:2.6rem}.almanac.has-book .back-row{margin-top:.8rem}}.leaf-card .thumb img.painted-thumb{object-fit:contain;transform:scale(1.3)}.almanac-foot{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.waiting-note{text-align:center;font-family:var(--hand);margin-top:.8rem;font-size:1.6rem}.settings{gap:1rem;margin-top:.6rem;display:grid}.setting{grid-template-columns:minmax(9rem,13rem) 1fr;align-items:center;gap:.8rem;display:grid}.setting>label,.setting>.label{font-family:var(--hand);font-size:1.6rem;font-weight:700}.seg{flex-wrap:wrap;gap:.5rem;display:flex}.seg .btn{min-height:2.2rem;padding:.15em .75em .25em;font-size:1.35rem}.seg .btn[aria-pressed=true]{background-image:radial-gradient(ellipse at 50% 50%, var(--gold-wash), transparent 75%);text-underline-offset:4px;background-color:#fff0c8f2;text-decoration:underline;text-decoration-thickness:2px}input[type=range]{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:2rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--fill,50%), #2f241c33 var(--fill,50%));border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:#2f241c33;border-radius:3px;height:6px}input[type=range]::-moz-range-progress{background:var(--ink);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2.5px solid var(--ink);border-radius:50%;width:1.3rem;height:1.3rem;margin-top:-.42rem}input[type=range]::-moz-range-thumb{background:var(--paper);border:2.5px solid var(--ink);border-radius:50%;width:1.1rem;height:1.1rem}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--gold-wash);background:#ffe9a8}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--gold-wash);background:#ffe9a8}.range-row{align-items:center;gap:.8rem;display:flex}.range-row output{text-align:right;min-width:3ch;font-weight:700}.controls-table{border-collapse:collapse;width:100%;margin-top:.2rem;font-size:.92rem}.controls-table th{font-family:var(--hand);text-align:left;border-bottom:2px solid #2f241c4d;padding:.2rem .4rem;font-size:1.5rem}.controls-table th.wren{color:var(--wren)}.controls-table th.rook{color:var(--rook)}.controls-table td{vertical-align:middle;border-bottom:1px dashed #2f241c33;padding:.2rem .4rem}.controls-table td:first-child{font-weight:700}.controls-table .verb{color:var(--ink-2);font-size:.8rem;font-weight:400;display:block}.help-note{color:var(--ink-2);margin-top:.7rem;font-size:.9rem}.scroll-panel{max-height:min(86vh,900px);overflow:auto}.pause{text-align:center;max-width:440px}.pause .menu{gap:.55rem}.pause .btn{width:100%;max-width:19rem}.pause-note{color:var(--ink-2);margin-top:.8rem;font-size:.9rem}.complete{text-align:center;max-width:560px}.complete h2{font-size:clamp(2.6rem,7vw,4rem)}.complete-stamp{width:6.5rem;height:6.5rem;margin:.2rem auto .4rem;animation:.5s cubic-bezier(.3,1.6,.5,1) both stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-30deg)}to{opacity:1;transform:rotate(-12deg)}}.times{justify-content:center;gap:2rem;margin:.6rem 0 .2rem;display:flex}.times div{display:grid}.times .k{color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.times .v{font-family:var(--hand);font-size:2.4rem;font-weight:700;line-height:1}.new-best{font-family:var(--hand);color:#b5402f;font-size:1.5rem;display:inline-block;transform:rotate(-4deg)}.loading{text-align:center;justify-items:center;gap:.6rem;display:grid}.loading .quill{width:5rem;height:5rem;animation:1.4s ease-in-out infinite write}@keyframes write{0%,to{transform:translate(-10px)rotate(-6deg)}50%{transform:translate(10px,3px)rotate(4deg)}}.notice{text-align:center;max-width:560px}.hud{pointer-events:none;display:none;position:absolute;inset:0}.hud.is-on{display:block}.hud-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.8rem;display:grid;position:absolute;top:clamp(8px,1.6vw,18px);left:clamp(8px,1.6vw,18px);right:clamp(8px,1.6vw,18px)}.hero-card{background:#fbf5dfeb var(--grain);border-radius:12px 8px 14px 10px;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .7rem;width:min(100%,330px);padding:.45rem .8rem .5rem .5rem;transition:filter .3s,transform .3s;display:grid;position:relative;box-shadow:0 6px 18px #46301a2e}.hero-card:before{content:"";background:var(--rough) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:2px}.hero-card.rook{text-align:right;grid-template-columns:1fr auto;justify-self:end;padding:.45rem .5rem .5rem .8rem}.hero-card.rook .hc-portrait{order:2}.hero-card.rook .hc-body{order:1;justify-items:end}.hc-portrait{--ring:0;border-radius:50%;grid-row:span 1;place-items:center;width:4.6rem;height:4.6rem;display:grid;position:relative}.hero-card.wren .hc-portrait{background:radial-gradient(circle at 50% 45%,#557aa659,#557aa614 70%)}.hero-card.rook .hc-portrait{background:radial-gradient(circle at 50% 45%,#a64c3d52,#a64c3d14 70%)}.hc-portrait>.art,.hc-portrait>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hc-portrait:after{content:"";background:conic-gradient(#b5402f calc(var(--ring) * 1turn), transparent 0);opacity:0;border-radius:50%;transition:opacity .15s;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.hc-portrait.is-ring:after{opacity:1}.hc-body{gap:.12rem;min-width:0;display:grid}.hc-name{font-family:var(--hand);align-items:baseline;gap:.45rem;font-size:1.75rem;font-weight:700;line-height:.95;display:flex}.hero-card.rook .hc-name{flex-direction:row-reverse}.hero-card.wren .hc-name{color:var(--wren)}.hero-card.rook .hc-name{color:var(--rook)}.hc-device{font-family:var(--body);color:var(--ink-2);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:700;overflow:hidden}.hc-row{align-items:center;gap:.12rem;min-height:1.35rem;display:flex}.hero-card.rook .hc-row{justify-content:flex-end}.hc-row .art{width:1.5rem;height:1.5rem}.hc-row .art.ink{width:1.2rem;height:1.2rem}.hud img.icon-img{transform:scale(1.3)}.hc-extra{color:var(--ink-2);align-items:center;gap:.45rem;min-height:1.5rem;font-size:.78rem;font-weight:700;display:flex}.hero-card.rook .hc-extra{flex-direction:row-reverse}.hc-slot{border:1.5px dashed var(--pencil);background:#ffffff80;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;display:grid}.hc-slot.is-full{border-style:solid;border-color:var(--ink);background:#fff6d6f2}.hc-slot .art{width:1.2rem;height:1.2rem}.hc-flick{align-items:center;gap:.2rem;display:flex}.hc-flick .art{width:1.35rem;height:1.35rem}.hc-status{white-space:nowrap;font-family:var(--hand);border:1.5px solid var(--ink);opacity:0;background:#fffaf0;border-radius:8px;padding:.05rem .6rem .12rem;font-size:1.25rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)rotate(-1.5deg)}.hc-status.is-on{opacity:1}.hero-card.is-crumpled{filter:grayscale(.85)brightness(.98);transform:rotate(-1.5deg)}.hero-card.is-crumpled .hc-status{color:#9c2f22}.hero-card.is-hurt .hc-row.hearts{animation:.4s shake}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.reduce-motion .hero-card.is-hurt .hc-row.hearts{animation:none}.hud-center{justify-items:center;gap:.45rem;min-width:0;display:grid}.leaf-ribbon{font-family:var(--hand);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);white-space:nowrap;background:#fbf5dfe6;border-radius:4px;padding:.05rem 1.1rem .15rem;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #46301a24}.net-chip{border:1.5px solid var(--ink);background:#fffaf0;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .6rem;font-size:.8rem;font-weight:700;display:none}.net-chip.is-on{display:inline-flex}.net-chip .art{width:1rem;height:1rem}.net-chip.waiting{background:#fff1c9}.net-chip.disconnected{color:#7a2418;background:#f6d4cc}.hold-chip{border:1.5px solid var(--ink);font-family:var(--hand);background:#fff1c9;border-radius:999px;padding:.05rem .8rem .15rem;font-size:1.3rem;font-weight:700;display:none;box-shadow:0 4px 10px #46301a26}.hold-chip.is-on{animation:.3s both toast-in;display:block}.planting{background:#fbf5dfeb;border-radius:10px 14px 10px 12px;width:min(46vw,380px);padding:.3rem .8rem .45rem;display:none;position:relative;box-shadow:0 6px 16px #46301a29}.planting:before{content:"";background:var(--rough-b) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:2px}.planting.is-on{display:block}.planting-label{font-family:var(--hand);text-align:center;font-size:1.3rem;font-weight:700;line-height:1.1}.planting-track{height:1.6rem;margin:.2rem .6rem 0;position:relative}.planting-track:before{content:"";border-top:2px dashed var(--pencil);position:absolute;top:55%;left:0;right:0}.planting-fill{background:linear-gradient(90deg,#8db255,#4d7a32);border-radius:3px;width:0;height:6px;position:absolute;top:calc(55% - 3px);left:0}.planting-sprout{transform-origin:50% 100%;width:1.9rem;height:1.9rem;margin-left:-.95rem;position:absolute;top:-.3rem}.toasts{justify-items:center;gap:.35rem;display:grid}.toast{font-family:var(--hand);border:1.5px solid var(--ink);background:#fffaf0;border-radius:8px 6px 9px;padding:.05rem .8rem .15rem;font-size:1.35rem;font-weight:700;animation:.3s both toast-in;box-shadow:0 4px 10px #46301a26}.toast.is-out{animation:.4s both toast-out}.page-toasts{z-index:10;text-align:center;pointer-events:none;justify-items:center;gap:.35rem;width:max-content;max-width:calc(100% - 32px);display:grid;position:absolute;top:clamp(10px,2vh,22px);left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.caption{background:#fbf5dff2 var(--grain);opacity:0;border-radius:10px 14px 12px 16px;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;width:min(92vw,760px);padding:.55rem 1.1rem .6rem .6rem;transition:opacity .35s,transform .35s;display:grid;position:absolute;bottom:clamp(10px,2.4vh,26px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 26px #46301a38}.caption:before{content:"";background:var(--rough) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:3px}.caption.is-on{opacity:1;transform:translate(-50%)}.caption .cap-portrait{background:radial-gradient(circle,#c9c6bd59,#0000 70%);border-radius:50%;width:3.6rem;height:3.6rem;overflow:hidden}.caption .cap-portrait>*{object-fit:cover;width:100%;height:100%;display:block}.caption .cap-text{font-family:var(--hand);font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.2}.caption .cap-who{font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:.72rem;font-weight:800;display:block}.rubout-hint{font-family:var(--hand);text-align:center;border:2px solid var(--ink);opacity:0;background:#fbf5dff2;border-radius:12px;padding:.4rem 1rem .5rem;font-size:1.7rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.rubout-hint.is-on{opacity:1}.rubout-hint .small{font-family:var(--body);font-size:.85rem;font-weight:600}.pause-btn{pointer-events:auto;color:var(--ink-2);cursor:pointer;opacity:.6;background:#fbf5dfb3;border:1px solid #2f241c40;border-radius:999px;padding:.05rem .6rem;font-size:.75rem;transition:bottom .3s,opacity .2s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pause-btn:hover{opacity:1}.hud.has-caption .pause-btn{bottom:calc(clamp(10px, 2.4vh, 26px) + var(--cap-h,5rem) + 6px)}.sketch-badge{color:var(--ink-2);background:#fbf5dfcc;border-radius:6px;padding:.1rem .5rem;font-size:.75rem;position:absolute;bottom:10px;right:12px}@media (max-width:760px){.almanac{grid-template-columns:1fr}.almanac .page.left{border-bottom:2px solid #2f241c2e;border-right:0}.hero-card{width:auto}.hc-portrait{width:3.2rem;height:3.2rem}.hc-name{font-size:1.4rem}.hc-device{display:none}.leaf-ribbon{font-size:1.15rem}.setting{grid-template-columns:1fr;gap:.3rem}.seats{grid-template-columns:1fr}.btn:focus:after{display:none}.leaf-card{grid-template-columns:5.2rem 1fr auto;gap:.6rem}.leaf-card .thumb{width:5.2rem;height:4rem}.leaf-card .leaf-name{font-size:1.5rem}.almanac:before{display:none}.almanac{box-shadow:inset 0 0 0 2px #2f241c8c,0 14px 34px #46301a38,0 2px 6px #46301a1f}}@media (max-width:560px){.hud-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"wren rook""center center";gap:.4rem .5rem}.hud-top>.hero-card.wren{grid-area:wren;justify-self:start}.hud-top>.hero-card.rook{grid-area:rook}.hud-top>.hud-center{grid-area:center}.hero-card{gap:.1rem .4rem;max-width:100%;padding:.3rem .5rem .35rem .35rem}.hero-card.rook{padding:.3rem .35rem .35rem .5rem}.hc-portrait{width:2.6rem;height:2.6rem}.hc-name{font-size:1.25rem}.hc-row{min-height:1.1rem}.hc-row .art{width:1.15rem;height:1.15rem}.hc-row .art.ink{width:.95rem;height:.95rem}.hc-flick>span:not(.art){display:none}.hc-status{white-space:normal;text-align:center;width:max-content;max-width:46vw;font-size:1.05rem}.leaf-ribbon{white-space:normal;text-align:center;max-width:100%;font-size:1.05rem}}@media (max-height:560px){.title-stack .title-art{width:min(60vw,360px)}.story-caption{min-height:0}}