#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}}.toast .t-act{border:1.5px solid var(--color-coreglow);color:#9a4f1f;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;background:#c2682b1a;border-radius:6px;margin-top:7px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s;display:block}.toast .t-act:hover{background:#c2682b38}.dice-overlay.x-boxcars:after,.dice-overlay.x-snake-eyes:after{content:"";pointer-events:none;opacity:0;animation:1.6s 1.25s xFlash;position:absolute;inset:0}.dice-overlay.x-boxcars:after{background:radial-gradient(55% 45%,#ecbd7280,#c2682b2e 55%,#0000 75%)}.dice-overlay.x-snake-eyes:after{background:radial-gradient(70% 60%,#6b1f2a8c,#280a1040 60%,#0000 80%)}@keyframes xFlash{0%{opacity:0}22%{opacity:1}to{opacity:0}}.dice-overlay.x-boxcars .die-wrap:not(.will-drop){animation:.95s cubic-bezier(.34,1.56,.64,1) 1.3s bcPop}@keyframes bcPop{0%{filter:none;transform:scale(1)}35%{filter:drop-shadow(0 0 22px #ecbd72f2);transform:scale(1.22)}to{filter:drop-shadow(0 0 10px #ecbd7266);transform:scale(1)}}.dice-overlay.x-snake-eyes .die-wrap:not(.will-drop){animation:.55s 1.3s seShudder}@keyframes seShudder{0%,to{filter:drop-shadow(0 0 12px #6b1f2abf);transform:translate(0)}20%{transform:translate(-7px)rotate(-2deg)}40%{transform:translate(6px)rotate(1.5deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.toast.x-boxcars{background:linear-gradient(135deg,#fdf3d3,#f7e2a6);border-left-color:#c9962e;box-shadow:0 8px 28px #0000006b,0 0 0 1px #aa7d2899,0 0 20px #ecbd7299}.toast.x-boxcars .t-badge{background:linear-gradient(#e3b65a,#b07d1e);font-size:13px}.toast.x-boxcars .t-title{color:#6b4a0c}.toast.x-snake-eyes{background:linear-gradient(135deg,#f2dcd7,#e3bfb9);border-left-color:#2f1115;animation:.22s toastIn,.4s .26s seToastShake;box-shadow:0 8px 28px #00000080,0 0 0 1px #6b1f2a8c,0 0 16px #6b1f2a73}.toast.x-snake-eyes .t-badge{background:#2f1115;font-size:13px}.toast.x-snake-eyes .t-title{color:var(--color-maroon)}@keyframes seToastShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}
.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}
.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}
