:root{--christmas-red:#c41e3a;--christmas-green:#165b33;--christmas-white:snow;--christmas-gold:gold;--christmas-silver:silver;--christmas-dark-red:#8b0000;--christmas-dark-green:#0f3d1f}.christmas-theme{background:linear-gradient(135deg,#0a1628 0%,#1a0f2e 50%,#0a1628 100%);min-height:100vh;position:relative}.christmas-theme:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#c41e3a1a 0%,#0000 50%),radial-gradient(at bottom,#165b331a 0%,#0000 50%);position:fixed;inset:0}.glass-christmas{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;box-shadow:0 8px 32px #c41e3a33,0 4px 16px #165b3326}.glass-christmas:hover{background:#ffffff0d;border-color:#ffd7004d;box-shadow:0 12px 40px #c41e3a4d,0 6px 20px #165b3340}.christmas-gradient-text{background:linear-gradient(135deg,var(--christmas-red)0%,var(--christmas-gold)25%,var(--christmas-green)50%,var(--christmas-gold)75%,var(--christmas-red)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite christmasGradientShift}@keyframes christmasGradientShift{0%,to{background-position:0%}50%{background-position:100%}}.christmas-hero{z-index:1;position:relative}.hover-glow-christmas{transition:all .3s}.hover-glow-christmas:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffd70066,0 0 60px #c41e3a33,0 0 90px #165b331a}.christmas-stat{text-align:center;background:#ffffff0d;border:1px solid #ffd70033;border-radius:12px;min-width:120px;padding:1rem 1.5rem;transition:all .3s}.christmas-stat:hover{border-color:var(--christmas-gold);background:#ffd7001a;transform:scale(1.05)}.christmas-countdown{z-index:2;position:relative}.christmas-light{flex-direction:column;align-items:center;width:20px;height:30px;display:flex;position:relative}.light-bulb{background:var(--light-color,gold);z-index:2;width:16px;height:24px;box-shadow:0 0 10px var(--light-color,gold),0 0 20px var(--light-color,gold),inset 0 -4px 8px #0000004d;border-radius:50% 50% 40% 40%;animation:2s ease-in-out infinite lightTwinkle;position:relative}.light-bulb:before{content:"";background:#333;border-radius:2px;width:8px;height:6px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.light-glow{background:radial-gradient(circle,var(--light-color,gold)0%,transparent 70%);opacity:.6;filter:blur(4px);width:30px;height:30px;animation:2s ease-in-out infinite lightGlow;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes lightTwinkle{0%,to{opacity:1;filter:brightness()}50%{opacity:.7;filter:brightness(1.3)}}@keyframes lightGlow{0%,to{opacity:.4;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.2)}}.christmas-music-btn{background:linear-gradient(135deg,#c41e3a33,#165b3333);transition:all .3s;position:relative}.christmas-music-btn:hover{background:linear-gradient(135deg,#c41e3a4d,#165b334d);box-shadow:0 0 20px #ffd70080,0 0 40px #c41e3a4d}.christmas-volume-slider{appearance:none;background:linear-gradient(to right,var(--christmas-green),var(--christmas-gold),var(--christmas-red));opacity:.8;border-radius:3px;outline:none;width:80px;height:6px;transition:opacity .2s}.christmas-volume-slider:hover{opacity:1}.christmas-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--christmas-gold);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #ffd700cc}.christmas-volume-slider::-moz-range-thumb{background:var(--christmas-gold);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #ffd700cc}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s ease-out fadeIn}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:1s infinite bounce}.christmas-theme .game-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:2px solid #0000;transition:all .3s}.christmas-theme .game-card:hover{border-color:var(--christmas-gold);transform:translateY(-4px)scale(1.02);box-shadow:0 0 20px #ffd7004d,0 8px 32px #c41e3a33}.christmas-theme .btn-primary{background:linear-gradient(135deg,var(--christmas-red),var(--christmas-dark-red));border:2px solid var(--christmas-gold);box-shadow:0 4px 15px #c41e3a66}.christmas-theme .btn-primary:hover{background:linear-gradient(135deg,var(--christmas-dark-red),var(--christmas-red));transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a99,0 0 30px #ffd70066}.christmas-theme .btn-secondary{background:linear-gradient(135deg,var(--christmas-green),var(--christmas-dark-green));border:2px solid var(--christmas-gold);box-shadow:0 4px 15px #165b3366}.christmas-theme .btn-secondary:hover{background:linear-gradient(135deg,var(--christmas-dark-green),var(--christmas-green));transform:translateY(-2px);box-shadow:0 6px 20px #165b3399,0 0 30px #ffd70066}.christmas-theme .tag{color:var(--christmas-gold);background:linear-gradient(135deg,#c41e3a33,#165b3333);border:1px solid #ffd7004d}.christmas-theme .tag:hover{border-color:var(--christmas-gold);background:linear-gradient(135deg,#c41e3a4d,#165b334d);box-shadow:0 0 15px #ffd70066}.christmas-theme ::-webkit-scrollbar{width:12px}.christmas-theme ::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--christmas-dark-green),var(--christmas-dark-red));border-radius:10px}.christmas-theme ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--christmas-gold),var(--christmas-silver));border:2px solid var(--christmas-dark-red);border-radius:10px}.christmas-theme ::-webkit-scrollbar-thumb:hover{background:var(--christmas-gold);box-shadow:0 0 10px #ffd70099}@media (max-width:768px){.christmas-light{width:15px;height:25px}.light-bulb{width:12px;height:18px}.christmas-stat{min-width:90px;padding:.75rem 1rem}.christmas-gradient-text{font-size:2.5rem!important}}@media (prefers-contrast:high){.glass-christmas{background:#ffffff1a;border:2px solid #fff}.christmas-gradient-text{-webkit-text-fill-color:var(--christmas-gold);background:0 0}}@media (prefers-reduced-motion:reduce){.animate-float,.animate-bounce,.light-bulb,.light-glow,.christmas-gradient-text{animation:none!important}*{transition:none!important}}@media print{.christmas-light,.christmas-music-btn,.christmas-countdown,canvas{display:none!important}}