.dialogue{z-index:20;color:#f1e4c4;background:radial-gradient(120% 90% at 50% 0,#78522838,#0000 60%),linear-gradient(#21170ff5,#120c08f7);border:2px solid #b8893c;border-radius:6px;gap:24px;width:min(1100px,100vw - 32px);max-height:calc(100vh - 36px);padding:26px 32px 22px;display:flex;position:fixed;bottom:18px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 0 0 4px #1b1210,0 0 0 6px #6b4e24,0 14px 34px #0009,inset 0 0 0 1px #ffdc9624,inset 0 0 48px #0000008c}.dialogue:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 24'%3E%3Cpath d='M4 12 H84 M136 12 H216' stroke='%23b8893c' stroke-width='2'/%3E%3Cpath d='M84 12 C94 2 102 2 110 12 C118 2 126 2 136 12 C126 22 118 22 110 12 C102 22 94 22 84 12 Z' fill='%231b1210' stroke='%23e8b04a' stroke-width='2'/%3E%3Cpath d='M110 5 L116 12 L110 19 L104 12 Z' fill='%23e8b04a'/%3E%3Ccircle cx='4' cy='12' r='3' fill='%23e8b04a'/%3E%3Ccircle cx='216' cy='12' r='3' fill='%23e8b04a'/%3E%3C/svg%3E") 50%/contain no-repeat;width:220px;height:24px;position:absolute;top:-1px;left:50%;translate:-50%}.portrait{image-rendering:pixelated;background-color:#2e3b2a;background-repeat:no-repeat;border:3px solid #1b1210;border-radius:4px;flex:none;box-shadow:0 0 0 2px #b8893c,0 0 0 5px #1b1210,0 6px 14px #00000080,inset 0 0 14px #00000080}.dialogue>.portrait{margin-top:4px}.dialogue-main{flex:1;min-width:0}.dialogue-head{border-bottom:1px solid;border-image:linear-gradient(90deg,#b8893c,#b8893c40 60%,#0000) 1;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding-bottom:8px;display:flex}.dialogue-speaker{font-family:var(--font-title);letter-spacing:.03em;color:var(--gold);text-shadow:0 2px #1b1210,0 0 16px #e8b04a40;margin:0;font-size:30px;font-weight:700;line-height:1}.dialogue-text{white-space:pre-line;cursor:pointer;margin:0 0 14px;font-size:22px;line-height:1.45}.choices{gap:2px;margin:0;padding:0;list-style:none;display:grid}.choice{all:unset;box-sizing:border-box;cursor:pointer;color:#e3d3ad;border-left:3px solid #0000;width:100%;padding:7px 12px 7px 14px;font-size:20px;line-height:1.35;transition:background .15s,border-color .15s,color .15s;display:block}.choice:hover,.choice:focus-visible{color:#fff6dc;border-left-color:var(--gold);background:linear-gradient(90deg,#e8b04a33,#e8b04a0a 70%,#0000)}.choice-num{isolation:isolate;color:#1b1210;vertical-align:1px;place-items:center;width:24px;height:24px;margin-right:12px;font-size:14px;display:inline-grid;position:relative}.choice-num:before{content:"";z-index:-1;background:linear-gradient(#f3cf7a,#b8893c);border:1px solid #1b1210;position:absolute;inset:3px;rotate:45deg}.choice-tag{color:var(--gold);margin-right:6px}.choice-tag[data-ability=CHA]{color:#d99cf2}.choice-tag[data-ability=INT]{color:#8ab8ff}.choice-tag[data-ability=DEX]{color:#97de86}.choice-tag[data-ability=WIS]{color:#f2d47a}.table-backdrop{z-index:20;pointer-events:none;background:radial-gradient(at 50% 55%,#08050340,#080503b3);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dice-table{pointer-events:auto;color:#f1e4c4;background:radial-gradient(circle at 16px 16px,#f3cf7a 0 4px,#6b4e24 5px,#0000 6px),radial-gradient(circle at calc(100% - 16px) 16px,#f3cf7a 0 4px,#6b4e24 5px,#0000 6px),radial-gradient(circle at 16px calc(100% - 16px),#f3cf7a 0 4px,#6b4e24 5px,#0000 6px),radial-gradient(circle at calc(100% - 16px) calc(100% - 16px),#f3cf7a 0 4px,#6b4e24 5px,#0000 6px),repeating-linear-gradient(92deg,#00000014 0 2px,#0000 2px 9px,#ffffff0a 9px 10px,#0000 10px 17px),linear-gradient(#7a4a2a,#5a341c 55%,#3e2312);border:4px solid #1b1210;border-radius:22px;width:min(880px,100%);max-height:calc(100vh - 32px);padding:22px 24px 20px;overflow-y:auto;box-shadow:0 18px 40px #000000a6,inset 0 2px #ffdca040,inset 0 -3px #00000059}.table-head{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.table-speech{flex:1;min-width:0}.table-speech .dialogue-head{margin-bottom:8px;padding-bottom:6px}.table-speech .dialogue-speaker{font-size:24px}.table-speech .dialogue-text{color:var(--ink);background:linear-gradient(#f4e2b6,#e3c88e);border:2px solid #1b1210;border-radius:3px;margin:0;padding:10px 14px;font-size:19px;line-height:1.4;box-shadow:inset 0 0 18px #7846164d,0 3px #0000004d}.table-stake{text-align:center;background:#00000047;border:1px solid #e8b04a73;border-radius:6px;flex:none;justify-items:center;gap:2px;width:140px;padding:8px 6px;display:grid}.table-stake-label{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:12px}.table-stake-name{font-size:15px;line-height:1.2}.table-felt{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.1 0 0 0 0 0.05 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),radial-gradient(at 50% 45%,#3f7048,#284c31 60%,#16301e);border:3px solid #1b1210;border-radius:12px;padding:20px 22px;box-shadow:inset 0 0 0 2px #b8893c,inset 0 0 0 5px #1b121099,inset 0 0 40px #0000008c}.dice-table .tray{box-shadow:none;background:0 0;border:0;gap:0;margin:0;padding:0}.dice-table .tray-row{grid-template-columns:96px repeat(5,auto) 1fr;justify-content:start;align-items:center;gap:16px;padding:16px 4px;display:grid}.dice-table .tray-row+.tray-row{border-top:2px dashed #e8b04a47}.dice-table .die{zoom:1.2}.dice-table .tray-who{width:auto;font-family:var(--font-title);letter-spacing:.05em;color:var(--gold);text-shadow:0 2px #1b1210;font-size:18px;font-weight:700}.dice-table .tray-hand{opacity:1;color:var(--ink);background:linear-gradient(#f4e2b6,#dcc08a);border:2px solid #1b1210;border-radius:3px;justify-self:end;margin:0;padding:4px 12px;font-size:17px}.dice-table .tray-actions{border-top:2px dashed #e8b04a47;justify-content:center;gap:14px;padding-top:14px}.dice-table .tray-rerolls{color:#e3d3ad;font-size:16px}.dice-table .choices{justify-content:center;gap:12px;margin-top:16px;display:flex}.dice-table .choice{color:#fff6dc;background:linear-gradient(#c2903f,#8a5d1c);border:3px solid #1b1210;border-radius:4px;width:auto;padding:8px 18px;font-size:19px;box-shadow:inset 0 2px #fff0c866,0 4px #00000059}.dice-table .choice:hover,.dice-table .choice:focus-visible{background:linear-gradient(#dcaa52,#a06e24);border-left-color:#1b1210}.dice-table .choice-num{display:none}@media (width<=700px){.table-head{flex-wrap:wrap}.table-stake{grid-auto-flow:column;justify-content:start;align-items:center;gap:10px;width:100%}.dice-table .tray-row{grid-template-columns:repeat(5,auto);gap:10px}.dice-table .tray-who,.dice-table .tray-hand{grid-column:1/-1;justify-self:start}.dice-table .die{zoom:1}}.d20{--d20-hi:#e2644e;--d20-mid:#c4453a;--d20-front:#b4372e;--d20-lo:#8e2a23;--d20-deep:#651b16;--d20-ink:#fff3d6;--d20-ink-edge:var(--outline);justify-items:center;gap:8px;margin:4px 0 12px;display:grid}.d20.nat20{--d20-hi:#fff2c2;--d20-mid:#f4cd6e;--d20-front:#e8b04a;--d20-lo:#c38a2c;--d20-deep:#8c5d17;--d20-ink:#3a220c;--d20-ink-edge:#fff2c2}.d20.nat1{--d20-hi:#8c716a;--d20-mid:#715752;--d20-front:#654b46;--d20-lo:#4e3a37;--d20-deep:#372926;--d20-ink:#d8c6b4}.d20-stage{place-items:center;width:96px;height:100px;display:grid;position:relative}.d20-die{will-change:transform;width:96px;height:96px;position:relative}.d20.nat20 .d20-die{filter:drop-shadow(0 0 6px #e8b04ae6);animation:1.6s ease-in-out infinite alternate d20-glow}.d20.nat1 .d20-die{filter:saturate(.6)brightness(.9)}.d20-svg{image-rendering:auto;width:100%;height:100%;overflow:visible}.d20-facet{fill:var(--d20-front);stroke:#ffdebe52;stroke-width:.8px;stroke-linejoin:round;transition:fill .4s}.d20-facet--hi{fill:var(--d20-hi)}.d20-facet--mid{fill:var(--d20-mid)}.d20-facet--lo{fill:var(--d20-lo)}.d20-facet--deep{fill:var(--d20-deep)}.d20-sheen{pointer-events:none}.d20-rim{fill:none;stroke:var(--outline);stroke-width:4px;stroke-linejoin:round}.d20-crack{fill:none;stroke:var(--outline);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.d20-face{font-family:var(--font-title);fill:var(--d20-ink);stroke:var(--d20-ink-edge);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-size:26px;font-weight:700}.d20-shadow{background:radial-gradient(closest-side,#00000080,#0000);border-radius:50%;height:14px;position:absolute;bottom:-4px;left:14px;right:14px}.d20-burst{pointer-events:none;background:radial-gradient(closest-side,#ffecaaf2,#e8b04a99 45%,#0000);border-radius:50%;position:absolute;inset:0}.d20-spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:14px;height:14px;filter:drop-shadow(0 0 3px var(--gold));pointer-events:none;background:#ffe9a8;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px)}.d20-banner{font-family:var(--font-title);color:var(--gold);text-shadow:3px 3px 0 var(--outline), 0 0 18px #e8b04a8c;font-size:40px}.d20-banner--bad{color:#d8604f;text-shadow:3px 3px 0 var(--outline)}.d20-math{margin:0;font-size:16px}@keyframes d20-glow{to{filter:drop-shadow(0 0 14px #ffd678)}}.ok{color:#9fd66a}.bad{color:#f08a78}.tray{border:4px solid var(--outline);background:#2e3b2a;gap:10px;margin-bottom:12px;padding:12px;display:grid;box-shadow:inset 0 0 0 4px #435a36}.tray-row{align-items:center;gap:10px;display:flex}.tray-who{width:72px;color:var(--gold)}.tray-hand{opacity:.85;margin-left:8px;font-size:16px}.tray-hand--new{animation:.32s ease-out both hand-in}.tray-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tray-rerolls{opacity:.8;font-size:14px}@keyframes hand-in{0%{opacity:0;transform:translateY(4px)}}.die{all:unset;box-sizing:border-box;perspective:260px;border-radius:11px;flex:none;width:52px;height:52px;transition:translate .2s cubic-bezier(.34,1.56,.64,1);position:relative}button.die{cursor:pointer}button.die:hover{translate:0 -2px}button.die:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.die--held,button.die--held:hover{translate:0 -8px}.die-shadow{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:10px;transition:scale .2s,opacity .2s,translate .2s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-9px;left:3px;right:3px}button.die:hover .die-shadow{translate:0 2px}.die--held .die-shadow,button.die--held:hover .die-shadow{opacity:.5;translate:0 8px;scale:.78}.die-body{transform-style:preserve-3d;position:absolute;inset:0}.die-face{border:2px solid var(--outline);backface-visibility:hidden;border-radius:11px;transition:background .2s,box-shadow .2s;position:absolute;inset:0}.die-face--back{transform:rotateY(180deg)}.die-face--bone{box-shadow:inset 2px 2px 0 #ffffffbf, inset -3px -3px 0 #9669324d, inset -5px -5px 7px #6e481c40, 0 3px 0 0 #a8834c, 0 3px 0 2px var(--outline), 0 0 0 0 transparent, 0 0 0 0 transparent;background:radial-gradient(90% 70% at 28% 18%,#fff9,#0000 60%),repeating-linear-gradient(100deg,#8c643212 0 1px,#0000 1px 4px),linear-gradient(150deg,#fdf4dc 0%,#efdcae 55%,#d4b47c 100%);grid-template:repeat(3,1fr)/repeat(3,1fr);padding:6px;display:grid}.die--held .die-face--bone{box-shadow:inset 2px 2px 0 #fffc, inset -3px -3px 0 #a8741e59, inset -5px -5px 7px #6e481c33, 0 3px 0 0 #b8892e, 0 3px 0 2px var(--outline), 0 0 0 4px var(--gold), 0 4px 16px 5px #e8b04a99;background:radial-gradient(90% 70% at 28% 18%,#ffffffa6,#0000 60%),repeating-linear-gradient(100deg,#8c643212 0 1px,#0000 1px 4px),linear-gradient(150deg,#fff6d8 0%,#f7df9c 55%,#e0b360 100%)}.pip{background:radial-gradient(circle at 62% 66%,#5a3622 0%,#1b1210 70%);border-radius:50%;place-self:center;width:9px;height:9px;box-shadow:inset 1px 2px 2px #000000d9,0 1px #ffffffb3,0 -1px #6e481c59}.pip--off{visibility:hidden}.die-face--bone[data-value="1"] .pip{background:radial-gradient(circle at 62% 66%,#c9473a 0%,#6a1912 75%);width:13px;height:13px}.die-face--rune{box-shadow:inset 2px 2px 0 #ffd29633, inset -3px -3px 5px #00000080, 0 3px 0 0 #1c100a, 0 3px 0 2px var(--outline);background:radial-gradient(90% 70% at 28% 18%,#ffd6a033,#0000 60%),repeating-linear-gradient(94deg,#0003 0 1px,#0000 1px 3px,#ffc88c0d 3px 4px,#0000 4px 7px),linear-gradient(150deg,#64402a 0%,#3e2416 55%,#23130b 100%);place-items:center;display:grid}.die-rune{image-rendering:auto;width:28px;height:28px;overflow:visible}.die-rune path{fill:none;stroke-linecap:round;stroke-linejoin:round}.die-rune-groove{stroke:#0009;stroke-width:3.4px;translate:0 .8px}.die-rune-gild{stroke:#d8a24c;stroke-width:1.8px;filter:drop-shadow(0 0 2px #e8b04a73)}.die-glow{box-shadow:0 0 0 3px var(--gold), 0 0 14px 3px #e8b04ab3;opacity:0;pointer-events:none;border-radius:14px;position:absolute;inset:-4px}.die--scoring .die-glow{opacity:.6}.bubble{width:max-content;max-width:440px;color:var(--ink);border:4px solid var(--outline);white-space:pre-line;cursor:pointer;background:#fff8e6;padding:12px 16px;font-size:26px;line-height:1.25;position:relative;box-shadow:0 4px #0000004d}.bubble:after{content:"";border-left:4px solid var(--outline);border-right:4px solid var(--outline);width:16px;height:8px;box-shadow:4px 8px 0 -4px var(--outline);background:#fff8e6;position:absolute;top:100%;left:calc(50% - 8px)}.marker{animation:1s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(-8px)}}.hint{white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:20px;display:flex}.bubble--skippable{padding-right:34px}.bubble--skippable:before{content:"▾";color:var(--wood);font-size:18px;animation:1s steps(2,end) infinite bob;position:absolute;bottom:6px;right:10px}.nameplate{z-index:1;white-space:nowrap;pointer-events:none;opacity:0;background:linear-gradient(#241a12f0,#120c08f0);border:2px solid #8a6a38;justify-items:center;padding:6px 14px 7px;transition:opacity .15s ease-out,translate .15s ease-out;display:grid;position:absolute;top:calc(100% + 8px);left:50%;translate:-50% -4px;box-shadow:inset 0 0 0 1px #000,0 4px #00000059}:is(.druid-hit,.cat-hit):is(:hover,:focus-visible)+.nameplate{opacity:1;translate:-50%}.nameplate-name{font-family:var(--font-title);color:var(--gold);font-size:24px;line-height:1.1}.nameplate-sub{color:#d9c9a8;font-size:16px;font-style:italic}.druid-hit{all:unset;cursor:pointer;position:absolute;inset:0}.druid-hit:focus-visible{outline:4px dashed var(--gold)}.druid-overhead{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.druid-side{position:absolute;top:24px;left:calc(100% + 12px)}.scene-host{z-index:0;position:fixed;inset:0}.scene-host canvas{display:block}.anchor{z-index:5;transform-origin:0 0;position:fixed;top:0;left:0}.topbar{z-index:35;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.cat-hit{all:unset;cursor:pointer;position:absolute;inset:0}.cat-hit:focus-visible{outline:4px dashed var(--gold)}.cat-overhead{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.cat-pet{flex-direction:column;align-items:center;display:flex}.cat-heart{color:#e0566a;text-shadow:2px 2px 0 var(--outline);font-size:28px;animation:1.2s ease-out forwards heart-float}@keyframes heart-float{0%{opacity:0;transform:translateY(12px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1.1)}}.contact{width:min(520px,100vw - 32px);padding:28px;font-size:20px}.contact h2{text-align:center;margin:0 0 12px;font-size:36px}.contact a{color:var(--red)}.contact .fast-travel{gap:10px;padding:0;list-style:none;display:grid}.fast-travel-place{font-weight:700}.portrait-gate{display:none}@media (orientation:portrait) and (width<=900px){.portrait-gate{z-index:60;background:var(--letterbox);place-content:center;padding:24px;display:grid;position:fixed;inset:0}.portrait-gate-card{text-align:center;padding:24px;font-size:20px}}.email-copy{position:relative}.email-copied{pointer-events:none;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.email-copied-note{white-space:nowrap;font-family:var(--font-ui);color:#fff6dc;border:2px solid var(--outline);background:#2e3b2a;border-radius:3px;padding:4px 10px;font-size:15px;animation:2.4s ease-out forwards copied-note;display:block;box-shadow:0 3px #0000004d}@keyframes copied-note{0%{opacity:0;transform:translateY(4px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.satchel-btn{all:unset;z-index:30;cursor:pointer;background:var(--wood-dark);border:4px solid var(--outline);padding:8px;position:fixed;top:50%;right:16px;translate:0 -50%;box-shadow:0 6px #00000059}.satchel-btn:focus-visible{outline:4px solid var(--gold)}.satchel-btn--wiggle{animation:.5s steps(4,end) 2 wiggle}@keyframes wiggle{25%{rotate:-8deg}75%{rotate:8deg}}.satchel-badge{background:var(--gold);min-width:26px;height:26px;color:var(--outline);border:3px solid var(--outline);place-items:center;font-size:14px;display:grid;position:absolute;top:-10px;left:-10px}.satchel-hint{z-index:30;position:fixed;top:50%;right:108px;translate:0 -50%}.satchel-panel{z-index:30;flex-direction:column;width:344px;height:min(540px,100vh - 32px);padding:20px;display:flex;position:fixed;top:50%;right:108px;translate:0 -50%}.satchel-panel h2{font-family:var(--font-title);color:var(--gold);margin:0 0 12px;font-size:26px;font-weight:700}.slots{grid-template-columns:repeat(4,68px);gap:6px;margin-bottom:14px;display:grid}.slot{all:unset;box-sizing:border-box;background:radial-gradient(circle at 50% 40%,#2c241c,#120d09);border:2px solid #5b4a32;place-items:center;width:68px;height:68px;display:grid;box-shadow:inset 0 0 0 2px #0b0806,inset 0 6px 12px #0009}.slot--full{cursor:pointer}.slot--full.rarity-legendary{border-color:#b8862f;box-shadow:inset 0 0 0 2px #0b0806,inset 0 0 18px #e8a33c8c}.slot--full.rarity-rare{border-color:#4f7fc0;box-shadow:inset 0 0 0 2px #0b0806,inset 0 0 18px #5a96e68c}.slot--full:hover,.slot--full:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.item-card{min-height:0;font-family:var(--font-hand);color:#d9c9a8;background:linear-gradient(#1d1611,#120d0a);border:2px solid #6b5636;flex:1;padding:12px 14px;overflow:hidden;box-shadow:inset 0 0 0 1px #000,0 4px #00000059}.item-card--empty{place-items:center;display:grid}@media (height<=560px){.satchel-panel{height:min(500px,100vh - 8px);padding:6px 20px}.satchel-panel h2{margin-bottom:4px;font-size:20px;line-height:1}.slots{grid-template-columns:repeat(4,44px);margin-bottom:6px}.slot{width:44px;height:44px}.slot .scroll-icon{width:36px;height:36px}.item-card{overflow-y:auto}}.satchel-empty{opacity:.8;margin:0}.item-name{margin:0;font-size:22px;font-weight:400;line-height:1.15}.rarity-legendary .item-name{color:#e8a33c}.rarity-rare .item-name{color:#6fa8f0}.item-type{color:#a8987a;margin:2px 0 0;font-size:15px}.item-rule{background:linear-gradient(90deg,#0000,#8a7048,#0000);border:0;height:1px;margin:10px 0}.item-flavour{margin:0 0 10px;font-size:17px;font-style:italic;line-height:1.3}.item-attribution{text-align:right;color:#a8987a;margin:-6px 0 10px;font-size:15px}.item-weight{color:#a8987a;margin:0;font-size:14px}.fly{z-index:41;pointer-events:none;opacity:0;position:fixed;top:0;left:0}.toast{z-index:40;padding:10px 18px;position:fixed;top:16px;left:50%;translate:-50%}.modal-backdrop{z-index:50;background:#0a0604b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.parchment-hand{font-family:var(--font-hand);color:var(--ink)}.scroll-doc{width:min(680px,100vw - 32px);position:relative}.scroll-rod{z-index:1;border:3px solid var(--outline);background:repeating-linear-gradient(0deg,#0000 0 7px,#00000024 7px 9px),linear-gradient(#c48d54,#8a5630 40%,#5a341c 75%,#2e1a0e);border-radius:13px;height:26px;margin:0 -14px;position:relative;box-shadow:0 5px 8px #00000073}.scroll-rod:before,.scroll-rod:after{content:"";border:3px solid var(--outline);background:radial-gradient(circle at 35% 30%, #fff1b8, var(--gold) 40%, var(--gold-dark) 75%, #5c3a0c);border-radius:50%;width:22px;height:34px;position:absolute;top:50%;translate:0 -50%}.scroll-rod:before{left:-16px}.scroll-rod:after{right:-16px}.scroll-sheet{margin:-8px 0;position:relative}.scroll-body{max-height:calc(100vh - 96px);padding:22px 48px;font-size:20px;line-height:1.35;overflow-y:auto}.parchment{background-color:#ecd6a4;background-image:linear-gradient(#46280c66,#0000 22px calc(100% - 22px),#46280c66),linear-gradient(90deg,#6e3e1452,#0000 7% 93%,#6e3e1452),radial-gradient(at 50% 45%,#0000 55%,#78461647),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.27 0 0 0 0 0.08 0 0 0 0.5 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.35' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.22 0 0 0 0 0.08 0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");border-left:3px solid #6b4520;border-right:3px solid #6b4520;box-shadow:inset 0 0 0 1px #fff0c840}.scroll-tie{z-index:2;place-items:center;width:84px;height:84px;display:grid;position:absolute;top:-6px;left:50%;translate:-50%}.scroll-ribbon{border:2px solid var(--outline);background:linear-gradient(90deg, var(--ribbon-dark), var(--ribbon) 45%, var(--ribbon-dark));width:22px;height:110px;position:absolute;top:4px}.scroll-ribbon:after{content:"";border:2px solid var(--outline);background:var(--ribbon-dark);clip-path:polygon(0 0,100% 0,100% 100%,50% 45%,0 100%);border-top:0;width:22px;height:14px;position:absolute;bottom:-14px;left:-2px}.wax-seal{filter:drop-shadow(0 4px 3px #00000080);position:relative}.wax-shard{border:1px solid var(--outline);background:var(--wax);opacity:0;clip-path:polygon(0 30%,60% 0,100% 70%,30% 100%);width:8px;height:6px;position:absolute}.scroll-tie--cv{--ribbon:#c8443a;--ribbon-dark:#6e1a12;--wax:#c9952a}.scroll-tie--letter{--ribbon:#4a7fc4;--ribbon-dark:#1d3a63;--wax:#a02a20}.scroll-body h2{font-family:var(--font-title);text-align:center;margin:0;font-size:1.7em}.doc-sub{text-align:center;margin:4px 0 .8em;font-style:italic}.scroll-body h3{font-family:var(--font-title);color:var(--red);border-bottom:2px solid #78461659;margin:.9em 0 .3em;font-size:1em}.scroll-body ul{margin:0;padding-left:20px}.doc-actions{font-family:var(--font-ui);justify-content:center;gap:12px;margin-top:1em;font-size:18px;display:flex}.doc-sublist{margin:2px 0 .4em;padding-left:18px;font-size:.85em;list-style:"– "}.doc-closing{text-align:center;margin:.9em 0 0;font-style:italic}.letter-opening{margin:0 0 8px}.poem{border-left:3px solid var(--parchment-dark);margin:.8em 0;padding-left:16px;font-style:italic}.poem p{margin:0 0 .6em}@media (width>=900px){.scroll-doc{width:min(900px,100vw - 72px)}.doc-list--short{columns:2;column-gap:40px}.doc-list--short li{break-inside:avoid}}.splash{z-index:100;background:var(--letterbox);place-content:center;justify-items:center;gap:16px;font-size:20px;display:grid;position:fixed;inset:0}.splash p{font-family:var(--font-title);letter-spacing:.04em;color:var(--gold);margin:0}.splash-d20{width:104px;height:128px;margin:0;display:block;position:relative}.splash-die{width:96px;height:96px;animation:1.6s cubic-bezier(.45,0,.55,1) infinite splash-tumble;position:absolute;bottom:14px;left:4px}.splash-shadow{background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;width:72px;height:12px;animation:1.6s cubic-bezier(.45,0,.55,1) infinite splash-shadow;position:absolute;bottom:4px;left:50%;translate:-50%}@keyframes splash-tumble{0%{transform:translateY(0)rotate(0)scale(1.08,.92)}12%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-28px)rotate(200deg)}86%{transform:translateY(0)rotate(360deg)scale(1)}93%{transform:translateY(0)rotate(360deg)scale(1.08,.92)}to{transform:translateY(0)rotate(360deg)scale(1)}}@keyframes splash-shadow{50%{opacity:.5;scale:.6}}:root{--outline:#1b1210;--wood-dark:#4a2c1a;--wood:#7a4a2a;--wood-light:#a8703f;--gold:#e8b04a;--gold-dark:#a8741e;--parchment:#f1dfb4;--parchment-dark:#caa66a;--ink:#2b1a10;--red:#a8322a;--letterbox:#140d0a;--font-ui:"Alegreya", Georgia, serif;--font-title:"Cinzel", Georgia, serif;--font-hand:"Alegreya", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--letterbox);color:var(--parchment);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:18px;overflow:hidden}img,svg{image-rendering:pixelated;display:block}button{font:inherit;color:inherit}:focus-visible{outline:4px solid var(--gold)}.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}.px-panel{background:var(--wood);color:var(--parchment);border:4px solid var(--outline);box-shadow:inset 0 0 0 4px var(--wood-light), inset 0 0 0 8px var(--wood-dark), 0 8px 0 #00000059}.px-parchment{background:var(--parchment);color:var(--ink);border:4px solid var(--outline);box-shadow:inset 0 0 0 4px var(--parchment-dark), 0 6px 0 #0000004d}.px-btn{background:var(--wood-dark);color:var(--parchment);border:4px solid var(--outline);cursor:pointer;padding:6px 14px;line-height:1.2;text-decoration:none;display:inline-block;box-shadow:inset -4px -4px #00000059,inset 4px 4px #ffffff1f}.px-btn:hover,.px-btn:focus-visible{background:var(--wood);outline:4px solid var(--gold);outline-offset:0}.px-btn:disabled{opacity:.5;cursor:default;outline:none}.px-btn--gold{background:var(--gold-dark);color:#fff6dc}.px-btn--small{padding:4px 10px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flicker{to{opacity:.75;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}