:root{--desk-1:#241910;--desk-2:#3d2b1b;--desk-3:#16100a;--paper:#faf0da;--paper-hi:#fff9ec;--paper-lo:#eeddba;--paper-edge:#d9c298;--paper-deep:#cbb083;--ink:#3a2718;--ink-2:#705843;--ink-3:#a08b6c;--cloth:#a8382c;--cloth-2:#78241e;--cloth-3:#c4514180;--gold:#d7a442;--gold-hi:#f4d896;--gold-lo:#96702a;--poppy:#e2573a;--marigold:#f2a52d;--leafg:#4e9a63;--teal:#2f9c9c;--sky:#4890c4;--plum:#7d5aa6;--berry:#c2447a;--cocoa:#8a5530;--shadow-w:24, 12, 4;--f-disp:"Fraunces", "Iowan Old Style", Georgia, serif;--f-ui:"Nunito", ui-rounded, system-ui, sans-serif;--f-hand:"Caveat", "Bradley Hand", cursive;--ease-pop:cubic-bezier(.16, 1.28, .42, 1);--ease-fold:cubic-bezier(.34, 1.44, .5, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--f-ui);color:var(--ink);background:var(--desk-3);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}.ps-defs{pointer-events:none;width:0;height:0;position:absolute}#desk{background:radial-gradient(120% 90% at 50% 8%, #58402a 0%, var(--desk-2) 34%, var(--desk-1) 66%, var(--desk-3) 100%);flex-direction:column;align-items:center;gap:13px;padding:22px 26px 16px;display:flex;position:fixed;inset:0}#desk:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(94deg,#ffffff05 0 2px,#00000010 2px 5px,#ffffff03 5px 11px,#00000008 11px 14px);position:absolute;inset:0}.lamp{pointer-events:none;background:radial-gradient(45% 45%,#ffe6b024 0%,#ffd48c0d 45%,#0000 72%);width:120vw;height:100vh;position:absolute;top:-34%;left:50%;transform:translate(-50%)}.grain{pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}#book{perspective:2400px;perspective-origin:50% 46%;filter:drop-shadow(0 28px 46px #0000006e)drop-shadow(0 6px 10px #0005);flex:1;align-items:stretch;width:100%;max-width:1372px;min-height:0;display:flex;position:relative}.leaf{transform-style:preserve-3d;position:relative}.leaf--l{flex:0 0 404px;width:404px}.leaf--r{flex:1;min-width:0}.leaf>.paper{filter:url(#deckle);background:radial-gradient(140% 120% at 12% 4%, var(--paper-hi) 0%, var(--paper) 42%, var(--paper-lo) 100%);border-radius:4px;position:absolute;inset:0}.leaf--l>.paper{border-radius:12px 3px 3px 12px}.leaf--r>.paper{border-radius:3px 12px 12px 3px}.leaf>.paper:after{content:"";border-radius:inherit;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='5'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23p)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.leaf:before{content:"";border-radius:inherit;background:linear-gradient(180deg, transparent 84%, var(--paper-edge) 92%, var(--paper-deep) 100%);z-index:-1;position:absolute;inset:6px 3px -7px;box-shadow:0 3px 0 -1px #d5bb8e,0 6px 0 -2px #c7a978,0 9px 0 -3px #b99a68}.gutter-shade{pointer-events:none;z-index:3;width:68px;position:absolute;top:0;bottom:0}.gutter-shade--r{background:linear-gradient(90deg,#0000,#6a4a2a26 62%,#4b30172e 100%);right:0}.gutter-shade--l{background:linear-gradient(270deg,#0000,#6a4a2a26 62%,#4b30172e 100%);left:0}.spine{z-index:4;background:linear-gradient(90deg, #4d130f 0%, var(--cloth-2) 12%, var(--cloth) 40%, #b8483a 52%, var(--cloth) 64%, var(--cloth-2) 90%, #4d130f 100%);border-radius:3px;flex:0 0 40px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000030,0 0 22px #0005}.spine:before{content:"";opacity:.5;background:repeating-linear-gradient(45deg,#ffffff14 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#00000018 0 1px,#0000 1px 3px);position:absolute;inset:0}.spine:after{content:"";border-left:1.5px dashed #e8c67c66;border-right:1.5px dashed #e8c67c66;position:absolute;inset:8px 6px}.spine-foil{writing-mode:vertical-rl;font-family:var(--f-disp);letter-spacing:.42em;color:#f0d59a;text-shadow:0 1px #5c1a12,0 0 8px #ffd88f5c;opacity:.9;font-size:11px;font-weight:800;position:relative}.leaf-inner{z-index:2;flex-direction:column;display:flex;position:absolute;inset:18px 30px 16px 22px}.chapter{text-align:center;padding-bottom:6px}.kicker{font-family:var(--f-ui);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-weight:800}.chapter-title{font-family:var(--f-disp);font-variation-settings:"SOFT" 60, "WONK" 1, "opsz" 96;letter-spacing:-.018em;color:var(--cloth-2);text-shadow:1.5px 1.5px #ffffffb0,2.5px 3px #c9a97e5e;margin:1px 0 0;font-size:40px;font-weight:800;line-height:.98}.chapter-sub{font-family:var(--f-hand);color:var(--ink-2);margin-top:-1px;font-size:16px}.rule{color:var(--ink-3);align-items:center;gap:8px;margin:11px 0 8px;display:flex}.rule--tight{margin:9px 0 6px}.rule:before,.rule:after{content:"";border-top:1.5px dashed #bfa67e;flex:1;height:0}.rule span{font-family:var(--f-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2);font-size:8.5px;font-weight:900}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{appearance:none;cursor:pointer;font:inherit;color:var(--ink);transition:transform .16s var(--ease-pop), background .16s, border-color .16s, box-shadow .16s;background:#ffffff34;border:2px dashed #c4a87e;border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 6px;display:flex;position:relative}.tile:hover{border-color:var(--gold);background:#ffffff70;transform:translateY(-3px)rotate(-1.1deg);box-shadow:0 7px 12px -6px #7a552c66}.tile:active{transform:translateY(1px)scale(.965)}.tile:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.tile-art{filter:drop-shadow(1.5px 2.5px #00000024);width:44px;height:38px;transition:transform .2s var(--ease-pop);place-items:center;display:grid}.tile:hover .tile-art{transform:scale(1.08)rotate(3deg)}.tile-name{font-family:var(--f-disp);font-variation-settings:"SOFT" 40, "opsz" 20;letter-spacing:.01em;color:var(--ink-2);font-size:11px;font-weight:700}.tile.popped .tile-art{animation:punchout .44s var(--ease-pop)}@keyframes punchout{0%{opacity:1;transform:scale(1)}22%{opacity:.35;transform:scale(.72)translateY(4px)}to{opacity:1;transform:scale(1)}}.decal-rail{background:linear-gradient(#ffffff5c,#e7d2a63d);border:1.5px solid #cdb488;border-radius:9px;gap:5px;padding:6px 7px;display:flex;box-shadow:inset 0 1px #fff9}.decal{appearance:none;cursor:pointer;transition:transform .16s var(--ease-pop), box-shadow .16s;background:#fffdf5;border:0;border-radius:7px;flex:1;padding:3px 0 4px;font-size:19px;line-height:1;box-shadow:0 1.5px #c9ae83,0 3px 4px -2px #7a552c55}.decal:hover{transform:translateY(-3.5px)rotate(-4deg)scale(1.1);box-shadow:0 5px 0 -1px #c9ae83,0 9px 10px -5px #7a552c66}.decal:active{transform:translateY(1px)scale(.94);box-shadow:0 1px #c9ae83}.decal:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.closednote{text-align:center;transition:opacity .3s var(--ease-soft);margin:12px 2px 0}.hint-line{font-family:var(--f-hand);color:var(--ink-2);margin:0 6px 4px;font-size:16.5px;line-height:1.14}.hint-line:before{content:"↯ ";color:var(--poppy)}.diagram{opacity:.82;width:100%;max-width:288px;height:auto}.hint-cap{font-family:var(--f-hand);color:var(--ink-3);margin:-2px 0 0;font-size:15px}.mech{perspective:1200px;pointer-events:none;z-index:5;height:388px;position:absolute;bottom:-6px;left:-8px;right:-14px}.mech-hinge{opacity:0;border-top:2px dashed #b99b6f;height:3px;transition:opacity .2s;position:absolute;top:0;left:12px;right:12px}.mech[data-open=true] .mech-hinge{opacity:1}.mech-face{transform-origin:top;transition:transform .52s var(--ease-fold), box-shadow .4s;backface-visibility:hidden;background:linear-gradient(#fffaee 0%,#f8eed6 22%,#f2e4c6 100%);border-radius:3px 3px 10px 10px;padding:9px 14px 12px;position:absolute;inset:2px 0 0;overflow:hidden;transform:rotateX(-104deg);box-shadow:0 -1px #fff,0 10px 20px -10px #0000}.mech[data-open=true]{pointer-events:auto}.mech[data-open=true] .mech-face{transform:rotateX(0);box-shadow:0 -2px #fff8,0 16px 30px -14px #4b30179c,inset 0 2px #e3d1ab}.mech-face:before{content:"";pointer-events:none;background:linear-gradient(#7c542a26 0%,#0000 26%);position:absolute;inset:0}.mech-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mech-tab{min-width:0;font-family:var(--f-disp);font-variation-settings:"SOFT" 50, "opsz" 30;color:var(--cloth-2);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#fff6e0,#f0dcb4);border:1.5px solid #cdb488;border-radius:3px 12px 12px 3px;flex:1;padding:3px 12px 4px;font-size:15px;font-weight:800;overflow:hidden;box-shadow:1.5px 2px #c9ae8380}.chip{cursor:pointer;width:22px;height:22px;color:var(--ink-2);transition:transform .14s var(--ease-pop), box-shadow .14s;background:linear-gradient(#fff9ea,#eddfbb);border:1.5px solid #c2a679;border-radius:6px;flex:0 0 22px;padding:0;font-size:11px;line-height:1;box-shadow:0 2px 0 -.5px #c9ae83}.chip:hover{transform:translateY(-2px);box-shadow:0 4px 0 -.5px #c9ae83,0 7px 9px -5px #6b4a2870}.chip:active{transform:translateY(1.5px);box-shadow:0 .5px 0 -.5px #c9ae83}.chip:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.pin{cursor:pointer;background:radial-gradient(circle at 34% 30%, #ffe6a8, var(--gold) 46%, var(--gold-lo) 100%);width:20px;height:20px;transition:transform .15s var(--ease-pop);border:0;border-radius:50%;flex:0 0 20px;box-shadow:0 2px 3px #00000040,inset 0 -1px 2px #00000030}.pin:hover{transform:scale(1.16)rotate(24deg)}.pin:active{transform:scale(.9)}.mech-body{flex-direction:column;gap:8px;display:flex}.paint{background:linear-gradient(#ffffff70,#e9d7ae4d);border:1.5px solid #cdb488;border-radius:10px;grid-template-columns:repeat(12,1fr);gap:4px;padding:7px 8px;display:grid;box-shadow:inset 0 1px #fffc}.dab{aspect-ratio:1;cursor:pointer;background:var(--c);transition:transform .18s var(--ease-pop);border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 -2px 3px #00000038,inset 0 2px 3px #ffffff5c,0 1.5px 2px #00000030}.dab:hover{transform:translateY(-4px)scale(1.2)}.dab:active{transform:translateY(2px)scale(.85)}.dab:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.dab[aria-pressed=true]:after{content:"";border:2.5px solid var(--ink);border-radius:50%;position:absolute;inset:-4px;box-shadow:0 0 0 1.5px #fff9}.paint--decals{grid-template-columns:repeat(8,1fr);gap:5px}.swap{aspect-ratio:1;cursor:pointer;transition:transform .16s var(--ease-pop), box-shadow .16s;background:#fffdf5;border:0;border-radius:7px;padding:0;font-size:18px;line-height:1;box-shadow:0 1.5px #c9ae83,0 3px 4px -2px #7a552c55}.swap:hover{transform:translateY(-3px)rotate(-5deg)scale(1.12)}.swap:active{transform:translateY(1px)scale(.92)}.swap:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.swap[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink), 0 2px 0 2.5px #c9ae83}.dab.stamped{animation:stamp .34s var(--ease-pop)}@keyframes stamp{0%{transform:translateY(-9px)scale(1.34)}45%{transform:translateY(3px)scale(.82)}to{transform:translateY(0)scale(1)}}.tabstack{flex-direction:column;gap:5px;display:flex}.pulltab{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#e5d3ad,#d8c399);border-radius:8px;height:32px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #7a552c66,inset 0 -1px #fff6}.pulltab-label{font-family:var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:#7a5c3a;pointer-events:none;z-index:3;text-shadow:0 1px #fff6;font-size:8.5px;font-weight:900;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pulltab-ticks{pointer-events:none;z-index:1;opacity:.55;background-image:repeating-linear-gradient(90deg,#8a6a4266 0 1.5px,#0000 1.5px 16px);background-position:8px bottom;background-repeat:repeat-x;background-size:100% 7px;position:absolute;inset:0 0 5px}.pulltab-strip{z-index:2;will-change:width;background:linear-gradient(#fffaee,#f3e6cb 62%,#e6d3ac);border-radius:6px;justify-content:flex-end;align-items:center;padding-right:4px;display:flex;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:2px 0 5px -1px #6b4a2866,inset 0 1px #fff}.pulltab-grip{cursor:grab;z-index:4;width:54px;font-family:var(--f-ui);color:var(--ink);will-change:transform;background:linear-gradient(#fff8e6,#f0dfbb 55%,#dfc99c);border:1.5px solid #c2a679;border-radius:5px 9px 9px 5px;justify-content:center;align-items:center;font-size:12px;font-weight:900;transition:box-shadow .15s,filter .15s;display:flex;position:absolute;top:1px;bottom:1px;box-shadow:2.5px 2.5px 0 -.5px #8a6a4240,inset 0 1px #fff}.pulltab-grip:before{content:"";background:repeating-linear-gradient(90deg,#c9ad8080 0 1.5px,#0000 1.5px 4px);border-radius:3px;width:10px;height:15px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pulltab-grip:active{cursor:grabbing}.pulltab[data-drag=true] .pulltab-grip{filter:brightness(1.06);box-shadow:5px 5px 0 -1px #8a6a4250,inset 0 1px #fff}.pulltab:focus-within .pulltab-grip{border-color:var(--sky)}.wheels{gap:8px;display:flex}.volv{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff5e,#e9d7ae40);border:1.5px solid #cdb488;border-radius:10px;flex:1;align-items:center;gap:8px;height:88px;padding:0 9px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.volv-disc{cursor:grab;background:conic-gradient(from 0deg, #fdf3dd 0 6%, #efe0bf 6% 12%, #fdf3dd 12% 18%, #efe0bf 18% 24%, #fdf3dd 24% 30%, #efe0bf 30% 36%, #fdf3dd 36% 42%, #efe0bf 42% 48%, #fdf3dd 48% 54%, #efe0bf 54% 60%, #fdf3dd 60% 66%, #efe0bf 66% 72%, #fdf3dd 72% 78%, #efe0bf 78% 84%, #fdf3dd 84% 90%, #efe0bf 90% 96%, #fdf3dd 96% 100%);will-change:transform;border-radius:50%;flex:0 0 68px;width:68px;height:68px;position:relative;box-shadow:0 2px 5px -1px #6b4a2870,inset 0 0 0 1.5px #c8ad83,inset 0 0 14px #b8945f42}.volv-disc:before{content:"";background:repeating-conic-gradient(from 0deg, #e9d5ab 0 3deg, transparent 3deg 15deg);z-index:-1;border-radius:50%;position:absolute;inset:-3px}.volv-disc:after{content:"";background:linear-gradient(180deg, var(--poppy), #a53622);border-radius:2px;width:3.5px;height:26px;margin-left:-1.75px;position:absolute;top:5px;left:50%;box-shadow:0 1px 2px #00000040}.volv-rivet{background:radial-gradient(circle at 34% 30%, #ffeaba, var(--gold) 48%, var(--gold-lo));pointer-events:none;z-index:2;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 1px 3px #00000060,inset 0 -1px 2px #00000038}.volv:active .volv-disc,.volv[data-drag=true] .volv-disc{cursor:grabbing}.volv-win{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.volv-name{font-family:var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:#7a5c3a;font-size:8.5px;font-weight:900}.volv-read{font-family:var(--f-disp);font-variation-settings:"SOFT" 30, "opsz" 24;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;background:linear-gradient(#d9c69f,#e9dabb);border-radius:6px;padding:2px 7px 3px;font-size:21px;font-weight:800;line-height:1.05;box-shadow:inset 0 2px 4px #7a552c70,inset 0 -1px #fff8}.mech-actions{gap:8px;display:flex}.paperbtn{appearance:none;cursor:pointer;transition:transform .14s var(--ease-pop), box-shadow .14s;background:linear-gradient(#fff9ea,#f0e0bd);border:1.5px solid #c2a679;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:0;padding:5px 6px 6px;display:flex;box-shadow:0 3px 0 -.5px #c9ae83,0 6px 9px -5px #6b4a2870}.paperbtn b{font-family:var(--f-disp);font-variation-settings:"SOFT" 50, "opsz" 24;color:var(--ink);font-size:14px;font-weight:800}.paperbtn i{font-family:var(--f-hand);color:var(--ink-3);font-size:12.5px;font-style:normal;line-height:1}.paperbtn:hover{transform:translateY(-2px);box-shadow:0 5px 0 -.5px #c9ae83,0 10px 14px -6px #6b4a2880}.paperbtn:active{transform:translateY(2px);box-shadow:0 1px 0 -.5px #c9ae83}.paperbtn:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.paperbtn--tear{background:linear-gradient(#ffeee4,#f6d6c6);border-color:#d09a7e}.paperbtn--tear b{color:#a53622}.pageframe{z-index:1;pointer-events:none;border:1.5px solid #c9ae8399;border-radius:3px;position:absolute;inset:26px 26px 34px 34px}.pageframe:after{content:"";border:1px solid #c9ae8355;border-radius:2px;position:absolute;inset:6px}.stage{z-index:2;border-radius:2px;position:absolute;inset:42px 42px 50px 50px;overflow:hidden}.stage-tint{z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:multiply;position:absolute;inset:42px 42px 50px 50px}.stage-tint:after{content:"";mix-blend-mode:normal;background:radial-gradient(120% 110% at 8% 0,#ffffff30 0%,#0000 46%),linear-gradient(270deg,#0000 78%,#cbb08340 100%);position:absolute;inset:0}.invite{z-index:4;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-soft), transform .5s var(--ease-soft);align-items:center;gap:12px;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)translateY(8px)}.leaf--r[data-empty=true] .invite{opacity:1;transform:translate(-50%,-50%)}.invite-arrow{flex:none;width:116px;height:70px}.invite p{font-family:var(--f-hand);color:#b39763;margin:0;font-size:25px;line-height:1.06}.stage canvas,.stage cesdk-canvas{width:100%;height:100%;display:block}.popfly{pointer-events:none;z-index:70;position:fixed;inset:0}.fly{will-change:transform, opacity;filter:drop-shadow(3px 5px 3px #00000038);place-items:center;display:grid;position:absolute}.folio{z-index:6;font-family:var(--f-disp);font-variation-settings:"SOFT" 40, "opsz" 14;color:var(--ink-3);letter-spacing:.06em;font-size:12px;font-weight:500;position:absolute;top:12px;left:56px}.folio b{color:var(--ink-2);font-weight:800}.curl{cursor:pointer;z-index:7;width:74px;height:74px;transition:transform .24s var(--ease-pop);background:0 0;border:0;padding:0;position:absolute;bottom:0}.curl:before{content:"";transition:all .24s var(--ease-pop);background:linear-gradient(315deg,#e6d4ae 0%,#f7ecd4 42%,#fffaef 62%,#0000 62.5%);position:absolute;inset:0;box-shadow:-3px -3px 8px -2px #6b4a2855}.curl:after{content:"";opacity:.5;width:22px;height:22px;transition:opacity .2s, transform .24s var(--ease-pop);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a2718' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M12 6l6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;bottom:12px;right:12px}.curl--next{clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 12px;right:0}.curl--prev{clip-path:polygon(0 0,100% 100%,0 100%);border-radius:0 0 0 12px;left:0;transform:scaleX(-1)}.curl:hover{transform:translate(-4px,-4px)}.curl--prev:hover{transform:scaleX(-1)translate(-4px,-4px)}.curl:hover:before{filter:brightness(1.05);box-shadow:-7px -7px 16px -3px #6b4a2870}.curl:hover:after{opacity:.95;transform:translate(3px)}.curl:active{transform:translate(1px,1px)}.curl--prev:active{transform:scaleX(-1)translate(1px,1px)}.curl[disabled]{opacity:.28;pointer-events:none}.curl:focus-visible{outline:2.5px solid var(--sky);outline-offset:-4px}.turnleaf{transform-origin:0;transform-style:preserve-3d;z-index:40;pointer-events:none;visibility:hidden;position:absolute;inset:0}.turnleaf-front,.turnleaf-back{backface-visibility:hidden;background:radial-gradient(140% 120% at 12% 4%, var(--paper-hi), var(--paper) 44%, var(--paper-lo));border-radius:3px 12px 12px 3px;position:absolute;inset:0;box-shadow:0 10px 30px -8px #00000070}.turnleaf-back{border-radius:12px 3px 3px 12px;transform:rotateY(180deg)}.turnleaf-shade{opacity:0;background:linear-gradient(90deg,#4b3017cc 0%,#4b301733 40%,#0000 100%);border-radius:3px 12px 12px 3px;position:absolute;inset:0}.ribbons{z-index:8;gap:11px;display:flex;position:absolute;top:-6px;right:54px}.ribbon{appearance:none;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);width:30px;height:96px;transition:transform .26s var(--ease-pop), filter .2s;transform-origin:top;background:linear-gradient(#d8a63f 0%,#c4912f 42%,#ab7c26 100%);border:0;padding:0;position:relative;box-shadow:0 4px 8px -2px #00000070}.ribbon:before{content:"";background:repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 3px);position:absolute;inset:0 4px}.ribbon span{transform-origin:50%;font-family:var(--f-ui);letter-spacing:.19em;text-transform:uppercase;color:#4a2c0c;text-shadow:0 1px #ffffff40;font-size:9.5px;font-weight:900;position:absolute;top:30px;left:50%;transform:translate(-50%)rotate(90deg)}.ribbon--redo{background:linear-gradient(#b8523f 0%,#a34333 42%,#8a3527 100%)}.ribbon--redo span{color:#ffe2d2;text-shadow:0 1px #00000040}.ribbon:hover{filter:brightness(1.08);transform:translateY(7px)rotate(-1.4deg)}.ribbon:active{transform:translateY(15px)rotate(1.8deg)}.ribbon[disabled]{opacity:.3;pointer-events:none}.ribbon:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.ribbon.pulled{animation:ribbonpull .42s var(--ease-pop)}@keyframes ribbonpull{0%{transform:translateY(0)}38%{transform:translateY(22px)rotate(2.4deg)}to{transform:translateY(0)}}.tray{background:linear-gradient(#4a3320 0%,#3a2617 46%,#2a1a0f 100%);border-radius:13px;flex:0 0 74px;align-items:center;gap:14px;width:100%;max-width:1372px;padding:0 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1c,inset 0 -2px 6px #0009,0 10px 22px -8px #000a}.tray:before{content:"";border-radius:inherit;pointer-events:none;opacity:.3;mix-blend-mode:overlay;background:repeating-linear-gradient(91deg,#ffffff10 0 2px,#00000018 2px 6px);position:absolute;inset:0}.tray-grp{align-items:center;gap:10px;display:flex;position:relative}.tray-sep{background:linear-gradient(#0000,#00000070,#0000);width:2px;height:40px;box-shadow:1px 0 #ffffff12}.tray-spacer{flex:1}.brass{appearance:none;cursor:pointer;font-family:var(--f-ui);letter-spacing:.13em;text-transform:uppercase;color:#3b2708;background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 40%, #b98a30 100%);transition:transform .14s var(--ease-pop), box-shadow .14s, filter .14s;border:1px solid #8d6a2c;border-radius:9px;align-items:center;gap:7px;padding:8px 13px 8px 10px;font-size:10.5px;font-weight:900;display:flex;box-shadow:0 3px 0 -.5px #6d4f1c,0 6px 10px -4px #000a,inset 0 1px #fff8}.brass-ico{margin-top:-1px;font-size:14px;line-height:1}.brass:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 5px 0 -.5px #6d4f1c,0 11px 16px -5px #000b,inset 0 1px #fff8}.brass:active{transform:translateY(2px);box-shadow:0 1px 0 -.5px #6d4f1c,inset 0 1px 3px #0006}.brass:focus-visible{outline:2.5px solid var(--gold-hi);outline-offset:3px}.brass--bell[aria-pressed=true]{color:#26201a;background:linear-gradient(#9d9084 0%,#7d7166 40%,#5d5348 100%);border-color:#59503f}.zoomwheel{cursor:grab;touch-action:none;background:conic-gradient(from 0deg, #f2d391 0 5%, #c79c3f 5% 10%, #f2d391 10% 15%, #c79c3f 15% 20%, #f2d391 20% 25%, #c79c3f 25% 30%, #f2d391 30% 35%, #c79c3f 35% 40%, #f2d391 40% 45%, #c79c3f 45% 50%, #f2d391 50% 55%, #c79c3f 55% 60%, #f2d391 60% 65%, #c79c3f 65% 70%, #f2d391 70% 75%, #c79c3f 75% 80%, #f2d391 80% 85%, #c79c3f 85% 90%, #f2d391 90% 95%, #c79c3f 95% 100%);will-change:transform;border-radius:50%;width:46px;height:46px;position:relative;box-shadow:0 3px 6px -1px #000a,inset 0 0 0 4px #b98a30,inset 0 0 10px #6d4f1c88}.zoomwheel:after{content:"";background:#3b2708;border-radius:2px;width:3px;height:12px;margin-left:-1.5px;position:absolute;top:5px;left:50%}.zoomwheel:active{cursor:grabbing}.zoomread{font-family:var(--f-disp);font-variation-settings:"opsz" 20;color:var(--gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000a;min-width:46px;font-size:16px;font-weight:700}.zoomread i{opacity:.6;margin-left:1px;font-size:10px;font-style:normal}.seal{appearance:none;cursor:pointer;transition:transform .16s var(--ease-pop);background:0 0;border:0;align-items:center;gap:11px;padding:0 4px 0 0;display:flex}.seal-disc{background:radial-gradient(circle at 35% 28%, #e8674c 0%, var(--cloth) 42%, #6f1f18 100%);clip-path:polygon(50% 0%,61% 5%,72% 2%,80% 11%,91% 13%,95% 24%,100% 33%,97% 45%,100% 56%,93% 65%,95% 77%,85% 83%,79% 93%,67% 94%,57% 100%,46% 96%,34% 99%,25% 91%,14% 89%,8% 79%,1% 71%,4% 59%,0% 48%,5% 37%,3% 25%,13% 18%,18% 8%,30% 6%,39% 1%);width:52px;height:52px;transition:transform .2s var(--ease-pop), filter .2s;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 4px 9px -2px #000c,inset 0 -3px 6px #0005,inset 0 2px 4px #ffffff30}.seal-glyph{font-family:var(--f-disp);font-variation-settings:"SOFT" 60, "WONK" 1, "opsz" 60;color:#ffd9c8;text-shadow:0 -1.5px #5c1810,0 1.5px 1px #ffffff30;font-size:27px;font-weight:900}.seal-cap{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.seal-cap b{font-family:var(--f-disp);font-variation-settings:"SOFT" 50, "opsz" 30;color:var(--gold-hi);font-size:15px;font-weight:800}.seal-cap i{font-family:var(--f-hand);color:#c8a77e;font-size:13.5px;font-style:normal}.seal:hover .seal-disc{filter:brightness(1.08);transform:rotate(-9deg)scale(1.07)}.seal:active .seal-disc{transform:rotate(3deg)scale(.9)}.seal:focus-visible{outline:2.5px solid var(--gold-hi);outline-offset:4px;border-radius:10px}.seal.pressing .seal-disc{animation:sealpress .5s var(--ease-pop)}@keyframes sealpress{0%{transform:scale(1)rotate(0)}30%{transform:scale(.78)rotate(6deg)}to{transform:scale(1)rotate(0)}}.toaster{z-index:60;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:7px;display:flex;position:absolute;bottom:158px;left:50%;transform:translate(-50%)}.toast{font-family:var(--f-hand);color:var(--ink);transform-origin:bottom;animation:toastin .4s var(--ease-pop);background:linear-gradient(#fffdf2,#f6ead0);border-radius:4px;padding:6px 18px 8px;font-size:19px;box-shadow:0 6px 16px -5px #000a,inset 0 0 0 1px #d9c49a}.toast b{font-family:var(--f-ui);font-size:14px;font-weight:900}.toast.out{animation:toastout .34s var(--ease-soft) forwards}@keyframes toastin{0%{opacity:0;transform:translateY(16px)scale(.86)rotate(-2deg)}}@keyframes toastout{to{opacity:0;transform:translateY(-12px)scale(.96)}}.booting{z-index:200;font-family:var(--f-disp);font-variation-settings:"SOFT" 60, "WONK" 1, "opsz" 40;color:#e7cf9f;letter-spacing:.02em;transition:opacity .6s var(--ease-soft), visibility .6s;background:radial-gradient(70% 60% at 50% 45%,#3d2b1bf2,#16100afa);justify-content:center;align-items:center;gap:14px;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.booting.gone{opacity:0;visibility:hidden}.booting-spin{transform-origin:0;background:linear-gradient(#faf0da,#e0cba2);border-radius:2px 5px 5px 2px;width:26px;height:34px;animation:1.15s ease-in-out infinite leafflip;box-shadow:-3px 0 0 -1px #c9ae83,-6px 0 0 -2px #b1946a}@keyframes leafflip{0%,to{transform:perspective(300px)rotateY(0)}50%{transform:perspective(300px)rotateY(-150deg)}}canvas.ps-confetti{pointer-events:none;z-index:90;position:fixed;inset:0}.rail{z-index:6;align-items:center;gap:9px;height:34px;display:flex;position:absolute;bottom:9px;left:84px;right:84px}.key{cursor:pointer;width:30px;height:30px;transition:transform .16s var(--ease-pop), filter .2s;background:0 0;border:0;flex:0 0 30px;padding:0;position:relative}.key-turn{transition:transform .16s var(--ease-pop);display:block;position:absolute;inset:0}.key-bow,.key-shaft,.key-bit{display:block;position:absolute}.key-bow{border:3.5px solid var(--gold);background:0 0;border-radius:50%;width:15px;height:15px;margin-left:-7.5px;top:1px;left:50%;box-shadow:0 1px 2px #00000070,inset 0 0 0 .5px #f4d89680}.key-shaft{background:linear-gradient(90deg, var(--gold-lo), var(--gold-hi) 45%, var(--gold-lo));border-radius:1px;width:4px;height:15px;margin-left:-2px;top:13px;left:50%;box-shadow:0 1px 2px #00000060}.key-bit{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo));border-radius:1px;width:12px;height:5px;margin-left:-2px;bottom:1px;left:50%;box-shadow:0 1px 2px #00000060}.key:hover{filter:brightness(1.12)}.key:hover .key-turn{transform:rotate(-16deg)}.key:active .key-turn{transform:scale(.9)rotate(10deg)}.key:focus-visible{outline:2.5px solid var(--sky);outline-offset:3px;border-radius:50%}.key[aria-pressed=true] .key-turn{animation:1.5s linear infinite keywind}.key[aria-pressed=true]:hover .key-turn{transform:none}@keyframes keywind{to{transform:rotate(360deg)}}.key[aria-pressed=true] .key-bit{background:linear-gradient(90deg, var(--gold-hi) 0 40%, transparent 40% 60%, var(--gold-hi) 60% 100%);width:12px;margin-left:-6px}.rail-slot{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(90deg,#d9c49a80 0 1px,#fdf3dd00 1px 5px),linear-gradient(#e7d5ae,#d8c399);border-radius:6px;flex:1;min-width:0;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #7a552c70,inset 0 -1px #fff8,0 1px #fff6}.rail-slot:after{content:"";pointer-events:none;opacity:.75;background-image:repeating-linear-gradient(90deg,#8a6a4288 0 1.5px,#0000 1.5px 16.6667%);height:6px;position:absolute;bottom:0;left:0;right:0}.rail-marks{pointer-events:none;position:absolute;inset:3px 0 7px}.mark{pointer-events:auto;cursor:pointer;min-width:4px;height:3px;transition:transform .18s var(--ease-pop);position:absolute}.mark:after{content:"";background:var(--c,#b99b6f);opacity:.32;border-radius:2px;transition:opacity .18s;position:absolute;inset:0}.mark:before{content:"";z-index:1;background:var(--c,#b99b6f);border-radius:2px;width:3px;height:8px;position:absolute;top:-2.5px;left:0;box-shadow:0 .5px 1px #6b4a2866}.mark:hover{transform:scaleY(1.6)}.mark:hover:after{opacity:.85}.mark--on:after{opacity:1}.mark--on:before{box-shadow:0 0 0 1.5px var(--ink), 0 0 0 3px #fff9}.rail-thumb{cursor:grab;z-index:4;will-change:transform;background:linear-gradient(#fff8e6,#f0dfbb 55%,#dfc99c);border:1.5px solid #c2a679;border-radius:5px 9px 9px 5px;justify-content:center;align-items:center;width:52px;display:flex;position:absolute;top:1px;bottom:1px;box-shadow:2.5px 2.5px 0 -.5px #8a6a4240,inset 0 1px #fff}.rail-thumb b{font-family:var(--f-ui);font-variant-numeric:tabular-nums;color:var(--ink);pointer-events:none;font-size:11.5px;font-weight:900}.rail-thumb:before{content:"";background:repeating-linear-gradient(90deg,#c9ad8080 0 1.5px,#0000 1.5px 4px);border-radius:3px;width:9px;height:13px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.rail-thumb:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.rail[data-drag=true] .rail-thumb{filter:brightness(1.07);box-shadow:5px 5px 0 -1px #8a6a4250,inset 0 1px #fff}.rail[data-play=true] .rail-thumb{background:linear-gradient(#fff3d2,#f2d9a4 55%,#e0c184)}.rail-read{font-family:var(--f-hand);color:var(--ink-3);white-space:nowrap;flex:none;font-size:16px}.rail-read b{font-family:var(--f-ui);color:var(--ink-2);font-size:12.5px;font-weight:900}.rail-read i{color:var(--ink-3);font-size:11px;font-style:normal}.mech-index{gap:5px;margin:-2px 0 7px;display:flex}.idx{appearance:none;cursor:pointer;font-family:var(--f-ui);letter-spacing:.17em;text-transform:uppercase;color:#8a6a42;transition:transform .16s var(--ease-pop), background .16s, color .16s;background:linear-gradient(#efe1c2,#e2d0a8);border:1.5px solid #cdb488;border-bottom-color:#cdb48800;border-radius:9px 9px 0 0;padding:3px 12px 4px;font-size:9px;font-weight:900;box-shadow:inset 0 -6px 8px -6px #7a552c66}.idx:hover{color:var(--ink);transform:translateY(-1.5px)}.idx:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.idx[aria-pressed=true]{color:var(--cloth-2);background:linear-gradient(#fffaee,#f8eed6);box-shadow:0 -1px #fff,-1.5px -1px 0 -.5px #c9ae8360}.pane{flex-direction:column;gap:8px;display:flex}.pane[hidden]{display:none}.cueline{font-family:var(--f-hand);color:var(--ink-2);text-align:center;margin:0 2px;font-size:17px;line-height:1.1}.cueline b{font-family:var(--f-ui);color:var(--cloth-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.rule--mech{margin:2px 0 1px}.rises{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.rise{appearance:none;cursor:pointer;transition:transform .16s var(--ease-pop), box-shadow .16s, background .16s;background:#fffdf5;border:1.5px dashed #c4a87e;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 3px;display:flex;box-shadow:0 1.5px #c9ae83,0 3px 4px -2px #7a552c55}.rise svg{width:26px;height:17px;display:block}.rise span{font-family:var(--f-disp);font-variation-settings:"SOFT" 40, "opsz" 14;color:var(--ink-2);font-size:10px;font-weight:700}.rise:hover{background:#fff;transform:translateY(-3px)rotate(-1.6deg);box-shadow:0 5px 0 -1px #c9ae83,0 9px 10px -5px #7a552c66}.rise:active{transform:translateY(1px)scale(.95);box-shadow:0 1px #c9ae83}.rise:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}.rise[aria-pressed=true]{border-style:solid;border-color:var(--poppy);background:linear-gradient(#fff6ec,#ffe7d8);box-shadow:0 0 0 2px #e2573a3d,0 2px #d09a7e}.rise[aria-pressed=true] span{color:var(--cloth-2)}.binder{appearance:none;cursor:pointer;transition:transform .16s var(--ease-pop);--p:0;background:0 0;border:0;align-items:center;gap:10px;padding:0 2px;display:flex}.binder-block{background:linear-gradient(#6b512f,#4a3720);border-radius:2px 5px 5px 2px;width:38px;height:46px;position:relative;overflow:hidden;box-shadow:0 3px 7px -2px #000b,inset 0 0 0 1px #00000050}.binder-fill{height:calc(var(--p) * 100%);box-shadow:0 -1px 0 var(--gold-hi), 0 -3px 8px #f4d89666;background:repeating-linear-gradient(0deg,#d9c49a 0 1px,#fdf3dd 1px 3px);transition:height .2s linear;position:absolute;bottom:0;left:0;right:0}.binder-block:after{content:"";background:linear-gradient(90deg, var(--cloth-2), var(--cloth) 60%, #00000030);width:5px;position:absolute;top:0;bottom:0;left:0}.binder-clip{border:2px solid var(--gold);border-top-color:#0000;border-radius:2px 2px 5px 5px;width:11px;height:15px;position:absolute;top:3px;right:3px;box-shadow:0 1px 2px #0008}.binder-cap{flex-direction:column;align-items:flex-start;line-height:1.06;display:flex}.binder-cap b{font-family:var(--f-disp);font-variation-settings:"SOFT" 50, "opsz" 30;color:var(--gold-hi);font-size:15px;font-weight:800}.binder-cap i{font-family:var(--f-hand);color:#c8a77e;font-variant-numeric:tabular-nums;font-size:13.5px;font-style:normal}.binder:hover{transform:translateY(-2px)}.binder:hover .binder-block{box-shadow:0 6px 12px -3px #000c,inset 0 0 0 1px #00000050}.binder:active{transform:translateY(2px)}.binder:focus-visible{outline:2.5px solid var(--gold-hi);outline-offset:4px;border-radius:10px}.binder[data-busy=true]{pointer-events:none}.binder[data-busy=true] .binder-block{animation:.5s ease-in-out infinite binderiffle}@keyframes binderiffle{0%,to{transform:rotate(-1.5deg)translateY(0)}50%{transform:rotate(1.5deg)translateY(-2px)}}@media (width<=1120px){.leaf--l{flex:0 0 344px;width:344px}.chapter-title{font-size:34px}.seal-cap,.binder-cap{display:none}.rail{left:78px;right:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mech-face{transition:none}}.seal[data-busy=true] .seal-disc{animation:1.1s ease-in-out infinite sealwork}.seal[data-busy=true] .seal-cap b:after{content:"ing…"}@keyframes sealwork{0%,to{transform:rotate(-4deg)scale(.97)}50%{transform:rotate(5deg)scale(1.04)}}