#toasts{z-index:800;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;max-width:calc(100vw - 32px);display:flex;position:fixed;inset:auto 16px 16px auto}.toast{pointer-events:auto;cursor:pointer;box-sizing:border-box;background:#faf2dd;border-left:5px solid;border-radius:9px;align-items:center;gap:11px;width:max-content;min-width:0;max-width:min(360px,100vw - 32px);padding:12px 15px;animation:.22s toastIn;display:flex;box-shadow:0 8px 28px #0000006b,0 0 0 1px #8a6a3c66}.toast .t-sub{overflow-wrap:anywhere}.toast.ok{border-left-color:#2e7d32}.toast.bad{border-left-color:var(--color-maroon)}.toast.info{border-left-color:var(--color-teal)}.toast.info .t-badge{background:var(--color-teal);font-size:13px}.toast .t-badge{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.toast.ok .t-badge{background:#2e7d32}.toast.bad .t-badge{background:var(--color-maroon)}.toast .t-title{font-family:var(--font-display);color:var(--color-void);font-size:14px;font-weight:600}.toast .t-sub{color:var(--color-slate);font-size:12.5px;font-family:var(--font-code);margin-top:2px}.toast.hide{animation:.25s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translate(24px)}}.dice-overlay{z-index:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1a2a73;justify-content:center;align-items:center;animation:.2s ovIn;display:flex;position:fixed;inset:0}.dice-overlay.out{animation:.3s forwards ovOut}.dice-tray{perspective:700px;flex-wrap:wrap;justify-content:center;gap:24px;max-width:92vw;display:flex}.die{width:54px;height:54px;transform-style:preserve-3d;position:relative;transform:rotateX(-20deg)rotateY(25deg)}.df{backface-visibility:hidden;background:linear-gradient(145deg,#faf2dd,#e7d4a8);border:1px solid #8a6a3c8c;border-radius:10px;width:54px;height:54px;position:absolute;box-shadow:inset 0 0 9px #8a6a3c40}.df1{transform:rotateY(0)translateZ(27px)}.df2{transform:rotateY(180deg)translateZ(27px)}.df3{transform:rotateY(90deg)translateZ(27px)}.df4{transform:rotateY(-90deg)translateZ(27px)}.df5{transform:rotateX(90deg)translateZ(27px)}.df6{transform:rotateX(-90deg)translateZ(27px)}.pip{background:#7e3a44;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 -1px 1px #00000040}.die-wrap{transition:opacity .35s,filter .35s,transform .35s}.die-wrap.dropped{opacity:.32;filter:grayscale(.7);transform:scale(.78)}@keyframes ovIn{0%{opacity:0}to{opacity:1}}@keyframes ovOut{to{opacity:0}}
.empty{text-align:center;color:var(--color-slate);padding:50px 20px;font-size:17px;font-style:italic}.empty-import{font-family:var(--font-display);letter-spacing:.06em;border:1px solid var(--color-slate);cursor:pointer;color:var(--color-slate);background:0 0;border-radius:7px;padding:10px 22px;font-size:13px;font-style:normal;font-weight:500;transition:background .15s,color .15s}.empty-import:hover{background:var(--color-slate);color:#fff}
@keyframes skel-pulse{0%,to{opacity:.5}50%{opacity:.9}}.skel{background:linear-gradient(90deg,#8a6a3c1a,#8a6a3c38,#8a6a3c1a);border-radius:6px;animation:1.4s ease-in-out infinite skel-pulse;display:block}.skel-sheet{padding:0;overflow:hidden}.skel-head{border-bottom:2px solid var(--color-antique);align-items:center;gap:16px;padding:20px 26px 16px;display:flex}.skel-emblem{border-radius:10px;flex:none;width:54px;height:54px}.skel-head-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skel-body{flex-direction:column;gap:12px;padding:22px 26px;display:flex}.skel-row{align-items:center;gap:16px;display:flex}
.die3d{width:19px;height:19px;display:block}.die3d .f-top{fill:var(--color-slate)}.die3d .f-left{fill:var(--color-slate);opacity:.62}.die3d .f-right{fill:var(--color-slate);opacity:.42}.die3d .d3pip{fill:#faf2dd}
.journal-root :focus-visible{outline:2px solid var(--color-solar);outline-offset:-2px}.journal-root{--ink:#1b2a40;--ink-teal:#1f6579;--ink-maroon:#7e3a44;--ink-ember:#a85520;--ink-antique:#6f5430}.ink-teal{color:var(--ink-teal)}.ink-maroon{color:var(--ink-maroon)}.ink-ember{color:var(--ink-ember)}.ink-antique{color:var(--ink-antique)}.journal-root:before,.journal-root:after{content:"";z-index:0;pointer-events:none;background-repeat:repeat;position:fixed;inset:-50%}.journal-root:before{background-image:radial-gradient(1px 1px at 20px 30px,#f4e8c880,#0000),radial-gradient(1px 1px at 130px 80px,#f4e8c84d,#0000),radial-gradient(1.5px 1.5px at 220px 160px,#db8e3e59,#0000),radial-gradient(1px 1px at 320px 40px,#f4e8c866,#0000);background-size:380px 220px;animation:240s linear infinite journal-drift}.journal-root:after{background-image:radial-gradient(1px 1px at 60px 120px,#f4e8c840,#0000),radial-gradient(1px 1px at 250px 60px,#f4e8c833,#0000);background-size:300px 190px;animation:400s linear infinite reverse journal-drift}@keyframes journal-drift{0%{transform:translate(0,0)}to{transform:translate(-190px,-110px)}}.journal-lamp{z-index:0;pointer-events:none;filter:blur(8px);background:radial-gradient(58% 52% at 50% 38%,#db8e3e38,#db8e3e00 70%);border-radius:50%;animation:7s ease-in-out infinite journal-breathe;position:absolute;inset:-56px -72px}@keyframes journal-breathe{50%{opacity:.6}}.journal-cover{background:radial-gradient(140% 100% at 50% 0,#c2682b24,#0000 55%),linear-gradient(165deg,#33241485 0%,#0000 45%),linear-gradient(#2c1f12 0%,#211609 60%,#191007 100%);border-radius:14px;padding:7px;box-shadow:0 30px 80px #000000a6,0 0 0 1px #8a6a3c8c,0 0 110px #db8e3e1f,inset 0 1px #f4e8c81f}.journal-spine{background:repeating-linear-gradient(#0000 0 44px,#0006 44px 46px,#f4e8c817 46px 48px,#0000 48px 92px),linear-gradient(90deg,#241a12 0%,#3a2a19 70%,#241a12 100%);border-radius:8px 0 0 8px;box-shadow:inset -2px 0 4px #00000080}.journal-spine:before{content:"";border-right:2px dashed #db8e3e66;width:0;height:calc(100% - 20px);margin:10px auto 0;display:block}.journal-leaves{background:repeating-linear-gradient(90deg,#e8dab5 0 2px,#cbb98d 2px 3px,#f0e4c2 3px 5px),#e8dab5;border-radius:0 8px 8px 0;box-shadow:inset 2px 0 3px #00000040}.journal-paper{background:radial-gradient(120% 70% at 50% 0,#fff8e1f2 0%,#faf2dd99 55%,#ecdebc8c 100%),repeating-linear-gradient(3deg,#8a6a3c06 0 3px,#0000 3px 6px),repeating-linear-gradient(93deg,#1b2a4005 0 2px,#0000 2px 5px),linear-gradient(#faf2dd,#efe3c2);box-shadow:inset 0 0 60px #8a6a3c1f}.journal-ribbon{z-index:10;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%);filter:drop-shadow(0 3px 3px #1b2a4059);background:linear-gradient(#8c414c 0%,#7e3a44 55%,#632e36 100%);width:33px;height:74px;position:absolute;top:0;left:12px;box-shadow:inset 0 -18px 14px #00000040}.journal-ribbon svg{color:#db8e3ecc;width:calc(100% - 6px);margin:30px 3px 0;display:block}.journal-rule{background:linear-gradient(#7e3a4400,#7e3a4459 24px calc(100% - 24px),#7e3a4400)}.journal-glyph{-webkit-user-select:none;user-select:none;font-family:var(--font-code);letter-spacing:-.02em;place-self:start end;font-size:13px;line-height:1.7}.journal-gutter{grid-template-columns:2.25rem minmax(0,1fr);column-gap:.75rem;display:grid}@media (min-width:640px){.journal-gutter{grid-template-columns:2.65rem minmax(0,1fr);column-gap:1rem}}.journal-slip{background:linear-gradient(#fff8e18c,#ecdebc59);border:1px dashed #8a6a3c8c;border-radius:6px;box-shadow:0 1px 3px #1b2a4014}.journal-stamp{color:#7e3a44bf;border:1.5px solid #7e3a4473;border-radius:4px;transform:rotate(-1.2deg);-webkit-mask-image:repeating-linear-gradient(45deg,#000 0 2px,#000000d1 2px 4px);mask-image:repeating-linear-gradient(45deg,#000 0 2px,#000000d1 2px 4px)}.journal-console{background:radial-gradient(120% 200% at 50% -60%,#db8e3e29,#0000 60%),linear-gradient(#241b10 0%,#1a1309 100%);border:1px solid #8a6a3ca6;box-shadow:inset 0 1px #f4e8c81a,0 8px 24px #00000073}.journal-console--inset{border-bottom:0;border-radius:8px 8px 0 0}.journal-console--baseline{border-left:0;border-right:0;border-radius:0}.journal-cabinet{background:linear-gradient(#0f1a2c 0%,#0c1524 100%);border:1px solid #8a6a3c80;box-shadow:inset 0 0 0 1px #00000059,inset 0 1px #f4e8c80f,0 14px 40px #00000073}.journal-rivets{position:relative}.journal-rivets:before{content:"";pointer-events:none;border-radius:inherit;background-image:radial-gradient(3px 3px at 8px 8px,#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px),radial-gradient(3px 3px at calc(100% - 8px) 8px,#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px),radial-gradient(3px 3px at 8px calc(100% - 8px),#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px),radial-gradient(3px 3px at calc(100% - 8px) calc(100% - 8px),#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px);background-repeat:no-repeat;position:absolute;inset:0}.journal-jewel{background:radial-gradient(circle at 35% 30%,#ffffffd9 0 12%,#0000 40%),radial-gradient(circle,#e8695f 0%,#c94f46 55%,#7e2f29 100%);box-shadow:0 0 10px #c94f46e6,inset 0 -1px 2px #00000080}.journal-jewel-paused{background:radial-gradient(circle,#6b6252 0%,#443d31 100%);box-shadow:inset 0 -1px 2px #00000080}.journal-reclamp{animation:2.4s ease-in-out infinite journal-pulse}@keyframes journal-pulse{50%{opacity:.45}}.journal-entry{animation:.24s ease-out journal-entry-in}@keyframes journal-entry-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.journal-root:before,.journal-root:after,.journal-lamp,.journal-reclamp,.journal-entry{animation:none}}
.ev-dice{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.evdie{background:linear-gradient(145deg,#faf2dd,#e7d4a8);border:1px solid #8a6a3c8c;border-radius:5px;flex:none;width:20px;height:20px;position:relative;box-shadow:inset 0 0 5px #8a6a3c38}.evdie .pip{width:4px;height:4px;box-shadow:none}.evdie-pick{background:linear-gradient(145deg,#3a93b0,#226074);border-color:#2f86a4b3}.evdie-pick .pip{background:#faf2dd}.ev-dice-head{flex:none;margin-left:auto}