.mode-btn[data-astro-cid-ryypfoml]{border:2px solid rgb(209 213 219);background-color:#fff;color:#374151}.dark .mode-btn[data-astro-cid-ryypfoml]{background-color:#111827;border-color:#4b5563;color:#d1d5db}.mode-btn[data-astro-cid-ryypfoml].active{border-color:#f97316;background:linear-gradient(to right,#f97316,#ef4444);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.dice-count-btn[data-astro-cid-ryypfoml],.dice-sides-btn[data-astro-cid-ryypfoml]{padding:.5rem 1rem;border-radius:.5rem;border:2px solid rgb(209 213 219);background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.dark .dice-count-btn[data-astro-cid-ryypfoml],.dark .dice-sides-btn[data-astro-cid-ryypfoml]{background-color:#111827;border-color:#4b5563;color:#d1d5db}.dice-count-btn[data-astro-cid-ryypfoml]:hover,.dice-sides-btn[data-astro-cid-ryypfoml]:hover{border-color:#f97316}.dice-count-btn[data-astro-cid-ryypfoml].active,.dice-sides-btn[data-astro-cid-ryypfoml].active{border-color:#f97316;background-color:#fff7ed;color:#c2410c;box-shadow:0 1px 2px #0000000d}.dark .dice-count-btn[data-astro-cid-ryypfoml].active,.dark .dice-sides-btn[data-astro-cid-ryypfoml].active{background-color:#c2410c33;color:#fb923c}.coin-container[data-astro-cid-ryypfoml]{perspective:1000px;width:200px;height:200px;margin:0 auto}.coin[data-astro-cid-ryypfoml]{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.coin-face[data-astro-cid-ryypfoml]{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,gold,#ffed4e,gold);border-radius:50%;border:8px solid #daa520;box-shadow:0 8px 16px #0000004d}.coin-face[data-astro-cid-ryypfoml].tails{transform:rotateY(180deg)}.coin[data-astro-cid-ryypfoml].flipping{animation:flip 1s ease-in-out}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}.coin[data-astro-cid-ryypfoml].show-heads{transform:rotateY(0)}.coin[data-astro-cid-ryypfoml].show-tails{transform:rotateY(180deg)}#dice-display[data-astro-cid-ryypfoml]{perspective:1000px}.die[data-astro-cid-ryypfoml]{width:80px;height:80px;background:linear-gradient(145deg,#fff,#f0f0f0);border:3px solid #333;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:0 8px 16px #0003,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff80;transform-style:preserve-3d;position:relative;transition:transform .1s}.die[data-astro-cid-ryypfoml]:before{content:"";position:absolute;inset:4px;background:linear-gradient(145deg,rgba(255,255,255,.5),transparent);border-radius:8px;pointer-events:none}.dark .die[data-astro-cid-ryypfoml]{background:linear-gradient(145deg,#2d3748,#1f2937);border-color:#4b5563;color:#fff;box-shadow:0 8px 16px #0006,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff1a}.die[data-astro-cid-ryypfoml].rolling{animation:roll3d .6s cubic-bezier(.25,.46,.45,.94)}@keyframes roll3d{0%{transform:rotateX(0) rotateY(0) rotate(0) translateY(0)}15%{transform:rotateX(180deg) rotateY(180deg) rotate(90deg) translateY(-20px) scale(1.1)}30%{transform:rotateX(360deg) rotateY(360deg) rotate(180deg) translateY(0) scale(1)}45%{transform:rotateX(540deg) rotateY(540deg) rotate(270deg) translateY(-15px) scale(1.05)}60%{transform:rotateX(720deg) rotateY(720deg) rotate(360deg) translateY(0) scale(1)}75%{transform:rotateX(810deg) rotateY(810deg) rotate(405deg) translateY(-10px)}90%{transform:rotateX(900deg) rotateY(900deg) rotate(450deg) translateY(0)}to{transform:rotateX(720deg) rotateY(720deg) rotate(360deg) translateY(0) scale(1)}}.die[data-astro-cid-ryypfoml].landing{animation:land .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes land{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.15) translateY(-5px)}75%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0)}}.die[data-astro-cid-ryypfoml].shaking{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-3px) rotate(-2deg)}20%,40%,60%,80%{transform:translate(3px) rotate(2deg)}}