@layer theme,base;@layer components{.ui-disc{position:relative}.ui-disc summary{list-style:none}.ui-disc summary::-webkit-details-marker{display:none}.ui-disc summary::marker{content:""}.ui-disc__summary{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}.ui-disc__body{overflow:hidden}.ui-disc__hint-open{display:none}.ui-disc details[open] .ui-disc__hint-open{display:inline}.ui-disc details[open] .ui-disc__hint-closed{display:none}.ui-disc--scroll{--parch:#e9dcbb;--parch-hi:#f7efd9;--parch-lo:#d3c095;--parch-dk:#a88f62;--parch-edge:#6d5534;--ink:#2b1b10;--seal:var(--blood);filter:drop-shadow(6px 8px #0009);padding:0 14px}.ui-scroll__roll{background:linear-gradient(to bottom, var(--parch-edge) 0 2px, var(--parch-hi) 2px 6px, var(--parch) 6px 12px, var(--parch-lo) 12px 16px, var(--parch-dk) 16px 20px, var(--parch-edge) 20px 22px, #3b2c18 22px 24px);height:24px;margin:0 -6px;position:relative}.ui-scroll__roll:before,.ui-scroll__roll:after{content:"";background:linear-gradient(to bottom, var(--gold-deep) 0 2px, color-mix(in srgb, var(--gold) 50%, #fff6d0) 2px 6px, var(--gold) 6px 14px, var(--gold-deep) 14px 22px, #4a3300 22px 28px);clip-path:polygon(0 2px,2px 2px,2px 0,10px 0,10px 2px,12px 2px,12px 26px,10px 26px,10px 28px,2px 28px,2px 26px,0 26px);width:12px;height:28px;position:absolute;top:-2px}.ui-scroll__roll:before{right:calc(100% - 2px)}.ui-scroll__roll:after{left:calc(100% - 2px)}.ui-scroll__roll--bottom{transition:translate .12s steps(2,end)}.ui-disc--scroll .ui-disc__summary{background:repeating-conic-gradient(#6e502812 0 25%, transparent 0 50%) 0 0 / 4px 4px, var(--parch);min-height:72px;color:var(--ink);box-shadow:inset 4px 0 0 0 var(--parch-lo), inset -4px 0 0 0 var(--parch-lo), inset 0 4px 0 0 #00000014;align-items:center;gap:16px;padding:14px 20px;display:flex;position:relative}.ui-disc--scroll .ui-disc__summary:focus-visible{box-shadow:inset 0 0 0 3px var(--blood-deep), inset 4px 0 0 0 var(--parch-lo)}@media (hover:hover){.ui-disc--scroll .ui-disc__summary:hover .ui-disc__seal{scale:1.08}}.ui-disc__seal{color:#ffe6dc;background:var(--seal);width:40px;height:40px;box-shadow:inset 0 4px 0 0 color-mix(in srgb, var(--seal) 60%, #ff9aa6), inset 0 -4px 0 0 var(--blood-deep), inset 4px 0 0 0 color-mix(in srgb, var(--seal) 80%, #ff9aa6);clip-path:polygon(12px 0,28px 0,28px 4px,36px 4px,36px 12px,40px 12px,40px 28px,36px 28px,36px 36px,28px 36px,28px 40px,12px 40px,12px 36px,4px 36px,4px 28px,0 28px,0 12px,4px 12px,4px 4px,12px 4px);flex:none;place-items:center;transition:scale .12s steps(2,end);display:grid;position:relative}.ui-disc__titles{flex:auto;min-width:0}.ui-disc__kicker{font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 85%, var(--parch));margin-bottom:8px;font-size:8px;line-height:12px;display:block}.ui-disc__title{font-family:var(--font-pixel);text-transform:uppercase;color:var(--blood-deep);font-size:12px;line-height:1.5;display:block}@media (min-width:640px){.ui-disc--scroll .ui-disc__title{font-size:16px}}.ui-disc__hint{font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 85%, var(--parch));flex:none;align-items:center;gap:8px;font-size:8px;line-height:12px;display:flex}@media (max-width:639px){.ui-disc--scroll .ui-disc__hint :is(.ui-disc__hint-closed,.ui-disc__hint-open){display:none!important}.ui-disc--scroll .ui-disc__summary{gap:12px;padding:12px 14px}.ui-disc--scroll .ui-disc__inner{padding:6px 18px 22px}}.ui-disc__chev{transition:rotate .12s steps(2,end)}.ui-disc details[open] .ui-disc__chev{rotate:180deg}.ui-disc--scroll .ui-disc__inner{background:repeating-conic-gradient(#6e50280f 0 25%, transparent 0 50%) 0 0 / 4px 4px, linear-gradient(to bottom, #00000014, transparent 12px), var(--parch);color:var(--ink);font-family:var(--font-body);box-shadow:inset 4px 0 0 0 var(--parch-lo), inset -4px 0 0 0 var(--parch-lo), inset 8px 0 0 0 #00000009, inset -8px 0 0 0 #00000009;padding:8px 28px 26px;font-size:16px;line-height:1.6}.ui-disc--scroll .ui-disc__inner :where(p,li){color:var(--ink)}.ui-disc--scroll .ui-disc__inner :where(p+p,p+ul,ul+p,p+ol,ol+p){margin-top:12px}.ui-disc--scroll .ui-disc__inner :where(ul,ol){gap:10px;margin:0;padding:0;list-style:none;display:grid}.ui-disc--scroll .ui-disc__inner :where(li){padding-left:22px;position:relative}.ui-disc--scroll .ui-disc__inner :where(li):before{content:"";background:var(--blood-deep);clip-path:polygon(50% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%,0 25%,25% 25%,25% 0);width:8px;height:8px;position:absolute;top:.55em;left:2px}.ui-disc--scroll .ui-disc__inner :where(strong,b){color:var(--blood-deep);font-weight:700}.ui-disc--scroll .ui-disc__inner :where(a){color:var(--blood-deep);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.ui-disc--scroll .ui-disc__inner :where(h3,h4){font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;color:var(--blood-deep);margin:18px 0 10px;font-size:8px;line-height:12px}.ui-disc--scroll .ui-disc__inner :where(small){color:color-mix(in srgb, var(--ink) 85%, var(--parch))}.ui-disc--plain{background:var(--crypt);margin:2px;transition:box-shadow .1s steps(2,end);box-shadow:0 -2px #33284a,0 2px #33284a,-2px 0 #33284a,2px 0 #33284a}.ui-disc--plain:has(details[open]){box-shadow:0 -2px 0 0 var(--gold-deep), 0 2px 0 0 var(--gold-deep), -2px 0 0 0 var(--gold-deep), 2px 0 0 0 var(--gold-deep)}.ui-disc--plain .ui-disc__summary{min-height:52px;color:var(--bone);font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;padding:14px 16px;font-size:8px;line-height:1.6;display:flex}@media (min-width:640px){.ui-disc--plain .ui-disc__summary{letter-spacing:0;font-size:12px}}.ui-disc--plain .ui-disc__summary:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}@media (hover:hover){.ui-disc--plain .ui-disc__summary:hover{color:var(--gold);background:var(--crypt-2)}}.ui-disc--plain .ui-disc__icon{color:var(--gold)}.ui-disc--plain .ui-disc__chev{color:var(--gold);margin-left:auto}.ui-disc--plain .ui-disc__inner{color:var(--ash);font-family:var(--font-body);padding:4px 16px 18px;font-size:16px;line-height:1.6}}@layer utilities;