.glassmorphic-dice-wrapper{justify-content:center;padding:8px 0}.glassmorphic-dice-container,.glassmorphic-dice-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.glassmorphic-dice-container{gap:8px}.glassmorphic-dice{--dice-primary:#ff6b35;--dice-secondary:#8b4aff;--dice-accent:#ff9500;width:100px;height:100px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;perspective:1000px}.glassmorphic-dice:hover:not(.disabled){transform:scale(1.05) rotate(5deg)}.glassmorphic-dice.disabled{cursor:not-allowed;opacity:.6}.dice-face{width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.3),0 0 40px rgba(var(--dice-primary-rgb,255,107,53),.2);position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px;gap:6px}.glass-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.1));border-radius:20px;pointer-events:none}.dice-glow{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,var(--dice-primary),var(--dice-secondary),var(--dice-accent));border-radius:24px;z-index:-1;opacity:0;filter:blur(20px);transition:opacity .3s ease}.glassmorphic-dice:hover:not(.disabled) .dice-glow{opacity:.6;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}.dice-dot{width:14px;height:14px;background:linear-gradient(135deg,var(--dice-primary),var(--dice-secondary));border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 12px var(--dice-accent);position:relative;animation:dot-appear .3s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes dot-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.dice-dot.total-1.dot-1{grid-column:2;grid-row:2}.dice-dot.total-2.dot-1{grid-column:1;grid-row:1}.dice-dot.total-2.dot-2{grid-column:3;grid-row:3}.dice-dot.total-3.dot-1{grid-column:1;grid-row:1}.dice-dot.total-3.dot-2{grid-column:2;grid-row:2}.dice-dot.total-3.dot-3{grid-column:3;grid-row:3}.dice-dot.total-4.dot-1{grid-column:1;grid-row:1}.dice-dot.total-4.dot-2{grid-column:3;grid-row:1}.dice-dot.total-4.dot-3{grid-column:1;grid-row:3}.dice-dot.total-4.dot-4{grid-column:3;grid-row:3}.dice-dot.total-5.dot-1{grid-column:1;grid-row:1}.dice-dot.total-5.dot-2{grid-column:3;grid-row:1}.dice-dot.total-5.dot-3{grid-column:2;grid-row:2}.dice-dot.total-5.dot-4{grid-column:1;grid-row:3}.dice-dot.total-5.dot-5{grid-column:3;grid-row:3}.dice-dot.total-6.dot-1{grid-column:1;grid-row:1}.dice-dot.total-6.dot-2{grid-column:3;grid-row:1}.dice-dot.total-6.dot-3{grid-column:1;grid-row:2}.dice-dot.total-6.dot-4{grid-column:3;grid-row:2}.dice-dot.total-6.dot-5{grid-column:1;grid-row:3}.dice-dot.total-6.dot-6{grid-column:3;grid-row:3}.glassmorphic-dice.rolling{animation:compact-spin 2s cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes compact-spin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(1turn) scale(1.15)}50%{transform:rotate(2turn) scale(1.2)}75%{transform:rotate(3turn) scale(1.15)}to{transform:rotate(4turn) scale(1)}}.glassmorphic-dice.rolling .dice-dot{animation:none;opacity:.3}.glassmorphic-dice.rolling .dice-glow{opacity:1;animation:intense-pulse .5s ease-in-out infinite}@keyframes intense-pulse{0%,to{opacity:.8}50%{opacity:1}}.dice-instruction{text-align:center;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dice-instruction p{margin:0;padding:8px 16px;background:rgba(0,0,0,.2);backdrop-filter:blur(10px);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}@media (max-width:768px){.glassmorphic-dice{width:80px;height:80px}.dice-dot{width:11px;height:11px}.dice-instruction{font-size:12px}}.halloween-title-decoration{position:absolute;top:-40px;right:10%;pointer-events:none;z-index:10}.spider-web-container{position:relative;width:120px;height:120px}.cobweb{position:absolute;top:0;left:0;filter:drop-shadow(0 0 5px rgba(200,200,200,.3))}.hanging-spider{position:absolute;top:0;left:50%;transform:translateX(-50%);animation:spiderSwing 4s ease-in-out infinite}.spider-thread{width:1px;height:50px;background:linear-gradient(180deg,hsla(0,0%,78%,.6) 0,hsla(0,0%,78%,.3));margin:0 auto;box-shadow:0 0 3px hsla(0,0%,78%,.5)}.spider-body{font-size:24px;text-align:center;filter:drop-shadow(0 0 8px rgba(255,140,0,.5));animation:spiderBob 2s ease-in-out infinite}@keyframes spiderSwing{0%,to{transform:translateX(-50%) rotate(-5deg)}50%{transform:translateX(-50%) rotate(5deg)}}@keyframes spiderBob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.halloween-background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-ghost{position:absolute;font-size:48px;opacity:.08;filter:blur(0);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ghost-1{top:15%;left:-60px;animation:floatAcross 25s linear infinite;animation-delay:0s}.ghost-2{top:45%;left:-60px;animation:floatAcross 30s linear infinite;animation-delay:8s}.ghost-3{top:75%;left:-60px;animation:floatAcross 28s linear infinite;animation-delay:15s}@keyframes floatAcross{0%{left:-60px;transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(20px) rotate(-5deg)}to{left:calc(100% + 60px);transform:translateY(0) rotate(0deg)}}.flying-bat{position:absolute;font-size:32px;opacity:.12;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bat-1{top:10%;right:-40px;animation:flyBat 18s linear infinite;animation-delay:0s}.bat-2{top:30%;right:-40px;animation:flyBat 22s linear infinite;animation-delay:5s}.bat-3{top:60%;right:-40px;animation:flyBat 20s linear infinite;animation-delay:10s}.bat-4{top:85%;right:-40px;animation:flyBat 19s linear infinite;animation-delay:14s}@keyframes flyBat{0%{right:-40px;transform:translateY(0) scaleX(1)}20%{transform:translateY(-15px) scaleX(1)}40%{transform:translateY(10px) scaleX(1)}60%{transform:translateY(-10px) scaleX(1)}80%{transform:translateY(5px) scaleX(1)}to{right:calc(100% + 40px);transform:translateY(0) scaleX(1)}}.fog-layer{position:absolute;bottom:0;left:0;width:200%;height:200px;background:linear-gradient(0deg,rgba(138,43,226,.05) 0,rgba(75,0,130,.025) 50%,transparent);animation:fogDrift 40s linear infinite}.fog-1{animation-delay:0s;opacity:.3}.fog-2{animation-delay:-20s;opacity:.2}@keyframes fogDrift{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.halloween-form-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.corner-cobweb{position:absolute;opacity:.7}.corner-cobweb.top-left{top:-10px;left:-10px}.corner-cobweb.top-right{top:-10px;right:-10px;transform:scaleX(-1)}.corner-cobweb.bottom-left{bottom:-10px;left:-10px;transform:scaleY(-1)}.corner-cobweb.bottom-right{bottom:-10px;right:-10px;transform:scale(-1)}@media (max-width:768px){.halloween-title-decoration{right:5%;top:-30px}.spider-web-container{width:80px;height:80px}.spider-body{font-size:18px}.floating-ghost{font-size:32px}.flying-bat{font-size:24px}.corner-cobweb svg{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.floating-ghost,.flying-bat,.fog-layer,.hanging-spider,.spider-body{animation:none}}