:root{--halloween-orange: #ff7518;--halloween-orange-dark: #d35400;--halloween-purple: #6a0dad;--halloween-purple-dark: #4a0080;--halloween-green: #4caf50;--halloween-green-dark: #388e3c;--halloween-black: #1a1a1b;--halloween-gold: #ffd700}.halloween-board{position:relative;z-index:1}.halloween-correct{background-color:var(--halloween-green);color:#fff;border:none}.halloween-present{background-color:var(--halloween-orange);color:#fff;border:none}.halloween-absent{background-color:#3a3a3c;color:#fff;border:none}.web-overlay{position:absolute;inset:-10px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" opacity="0.1"><path d="M0,50 L100,50 M50,0 L50,100 M0,0 L100,100 M100,0 L0,100" stroke="white" fill="none" stroke-width="1" stroke-opacity="0.2"/></svg>');pointer-events:none;z-index:-1;opacity:.1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}.decoration{position:absolute;z-index:2}.decoration-rotate{animation:rotate 12s linear infinite}.decoration-bounce{animation:bounce 2s ease-in-out infinite}.decoration-sway{animation:sway 5s ease-in-out infinite}.decoration-twinkle{animation:twinkle 3s ease-in-out infinite}.halloween-game-container{background-color:var(--halloween-black);padding:1rem;border-radius:8px;position:relative;overflow:hidden}.halloween-board-container{position:relative;border-radius:8px;padding:1rem;background-color:#0003}.flip{animation-duration:.8s;animation-name:flip;animation-fill-mode:forwards;transform-style:preserve-3d;position:relative}@keyframes flip{0%{transform:rotateX(0);background-color:transparent;border-color:var(--border-default);color:var(--text-default)}45%{transform:rotateX(90deg);background-color:transparent;border-color:var(--border-default);color:var(--text-default)}55%{transform:rotateX(90deg);background-color:var(--reveal-color);border:none;color:#fff}to{transform:rotateX(0);background-color:var(--reveal-color);border:none;color:#fff}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@media (prefers-color-scheme: dark){.web-overlay{opacity:.05}}@media (max-width: 640px){.decoration svg{width:16px;height:16px}}.halloween-bg{background-color:var(--halloween-black);position:relative;z-index:1}.halloween-modal{border:2px solid var(--halloween-purple);box-shadow:0 0 15px #ff751880;position:relative}.halloween-guess-bar{background:linear-gradient(90deg,var(--halloween-orange) 0%,var(--halloween-purple) 100%);color:#fff;font-weight:700;transition:width .5s ease-in-out}.halloween-button{background-color:var(--halloween-orange);color:#fff;font-weight:700;border:none;box-shadow:0 2px 4px #0003}.halloween-primary-button{background:linear-gradient(135deg,var(--halloween-orange) 0%,var(--halloween-purple) 100%);color:#fff;font-weight:700;border:none;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.halloween-primary-button:hover{background:linear-gradient(135deg,var(--halloween-orange-dark) 0%,var(--halloween-purple-dark) 100%);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.halloween-button:hover{background-color:var(--halloween-orange-dark);transform:translateY(-1px)}.halloween-reset-button{background-color:var(--halloween-purple);color:#fff;font-weight:700;border:none;box-shadow:0 2px 4px #0003}.halloween-reset-button:hover{background-color:var(--halloween-purple-dark);transform:translateY(-1px)}.modal-container[data-astro-cid-xwiczsvq]{transform:translateY(0);box-shadow:0 0 20px rgba(var(--halloween-orange-rgb),.3)}@media (min-width: 768px){.modal-container[data-astro-cid-xwiczsvq]{transform:translateY(-25vh)}}.glow-effect[data-astro-cid-xwiczsvq]{box-shadow:0 0 10px 2px rgba(var(--halloween-orange-rgb),.5);position:relative;overflow:hidden}.glow-effect[data-astro-cid-xwiczsvq]:hover{box-shadow:0 0 18px 5px rgba(var(--halloween-orange-rgb),.7);background-color:var(--halloween-orange-dark)!important}.glow-effect[data-astro-cid-xwiczsvq]:active{transform:scale(.98);box-shadow:0 0 8px 2px rgba(var(--halloween-orange-rgb),.6)}.floating-ghost[data-astro-cid-xwiczsvq]{position:absolute;opacity:.6;left:var(--left);top:-20px;z-index:0;animation:floatGhost var(--duration) ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}@keyframes floatGhost{0%{transform:translateY(-20px) translate(0) rotate(5deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100%) translate(20px) rotate(-5deg);opacity:0}}.floating-bat[data-astro-cid-xwiczsvq]{position:absolute;opacity:.7;left:var(--left);top:0;z-index:0;animation:floatBat var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes floatBat{0%{transform:translateY(-20px) translate(-10px) scale(.8)}25%{transform:translateY(10px) translate(5px) scale(1)}50%{transform:translateY(30px) translate(-5px) scale(1.2)}75%{transform:translateY(20px) translate(10px) scale(1)}to{transform:translateY(-20px) translate(-10px) scale(.8)}}.web-particle[data-astro-cid-xwiczsvq]{position:absolute;font-size:10px;color:var(--halloween-orange-light);z-index:0;animation:webPulse var(--duration) ease-in-out infinite alternate}@keyframes webPulse{0%{transform:scale(.8)}to{transform:scale(1.3)}}.decoration-center-left[data-astro-cid-xwiczsvq]{position:absolute;left:10%;top:50%;transform:translateY(-50%)}.decoration-center-right[data-astro-cid-xwiczsvq]{position:absolute;right:10%;top:50%;transform:translateY(-50%)}.decoration-pulse[data-astro-cid-xwiczsvq]{animation:pulse 3s ease-in-out infinite alternate}@keyframes pulse{0%{transform:translateY(-50%) scale(1);opacity:.5}to{transform:translateY(-50%) scale(1.15);opacity:.8}}