@keyframes header-flicker{0%{opacity:1}5%{opacity:.5}10%{opacity:.8}15%{opacity:.4}20%{opacity:.9}25%{opacity:.6}30%{opacity:1}35%{opacity:.7}40%{opacity:.5}45%{opacity:.8}50%{opacity:.6}55%{opacity:.9}60%{opacity:.5}65%{opacity:.7}70%{opacity:.5}75%{opacity:.8}80%{opacity:.6}85%{opacity:.9}90%{opacity:.7}95%{opacity:.6}to{opacity:1}}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-80px);opacity:0}}@keyframes blood-drip{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes confetti-particle{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(2turn);opacity:0}}@keyframes firework-burst{0%{transform:scale(.1);opacity:0}5%{opacity:1;transform:scale(1.2)}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) scale(.3);opacity:0}}@keyframes firework-swirl{0%{transform:scale(.1) rotate(0deg);opacity:0}5%{opacity:1;transform:scale(1.2) rotate(0deg)}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) rotate(2turn) scale(.3);opacity:0}}@keyframes spark{0%{transform:translate(0);opacity:.8}50%{opacity:.6}to{transform:translate(calc(cos(var(--spark-angle)) * var(--spark-distance)),calc(sin(var(--spark-angle)) * var(--spark-distance)));opacity:0}}@keyframes critical-hit-pulse-1{0%{filter:brightness(1);text-shadow:0 0 5px rgba(255,255,0,.8),0 0 10px rgba(255,255,0,.5)}50%{filter:brightness(1.3);text-shadow:0 0 10px #ff0,0 0 20px rgba(255,255,0,.8),0 0 30px rgba(255,255,0,.5)}to{filter:brightness(1);text-shadow:0 0 5px rgba(255,255,0,.8),0 0 10px rgba(255,255,0,.5)}}@keyframes critical-hit-pulse-2{0%{filter:brightness(1);text-shadow:0 0 8px rgba(255,255,0,.9),0 0 15px rgba(255,255,0,.6)}50%{filter:brightness(1.5);text-shadow:0 0 15px #ff0,0 0 25px rgba(255,255,0,.9),0 0 35px rgba(255,255,0,.7)}to{filter:brightness(1);text-shadow:0 0 8px rgba(255,255,0,.9),0 0 15px rgba(255,255,0,.6)}}@keyframes critical-hit-pulse-3{0%{filter:brightness(1);text-shadow:0 0 10px #ff0,0 0 20px rgba(255,255,0,.7)}50%{filter:brightness(1.8);text-shadow:0 0 20px #ff0,0 0 30px #ff0,0 0 40px rgba(255,255,0,.8)}to{filter:brightness(1);text-shadow:0 0 10px #ff0,0 0 20px rgba(255,255,0,.7)}}@keyframes header-glow{0%{filter:brightness(1);text-shadow:0 0 5px rgba(255,255,0,.8),0 0 10px rgba(255,255,0,.5)}25%{filter:brightness(1.5);text-shadow:0 0 10px #ff0,0 0 20px rgba(255,255,0,.8),0 0 30px rgba(255,255,0,.5)}50%{filter:brightness(1.2);text-shadow:0 0 8px rgba(255,255,0,.9),0 0 15px rgba(255,255,0,.7)}75%{filter:brightness(1.8);text-shadow:0 0 15px #ff0,0 0 25px rgba(255,255,0,.9),0 0 35px rgba(255,255,0,.7)}to{filter:brightness(1);text-shadow:0 0 5px rgba(255,255,0,.8),0 0 10px rgba(255,255,0,.5)}}@keyframes solar-flash{0%{opacity:0;transform:scale(.1)}20%{opacity:1;transform:scale(1.5)}40%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(3)}}@keyframes pulseAndFade{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02);opacity:.7}to{transform:scale(1);opacity:0}}.floating-number{animation:float-up 3s ease-out forwards;text-shadow:0 0 5px hsla(0,0%,100%,.5);font-weight:700;position:absolute;z-index:100}.blood-drop{animation:blood-drip 2s forwards}.confetti-particle{animation:confetti-particle 1s forwards}.header-flickering{animation:header-flicker .5s infinite}.header-darkened{filter:brightness(.15)!important;transition:filter .3s ease-in-out;color:hsla(0,0%,8%,.9)!important}.header-glowing{animation:header-glow 1.5s ease-in-out;color:#ff0!important}.solar-flash-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,hsla(0,0%,100%,.9) 0,rgba(255,255,200,.8) 30%,rgba(255,200,100,0) 70%);z-index:9998;pointer-events:none;animation:solar-flash .5s ease-out forwards}.critical-hit-level-1{animation:critical-hit-pulse-1 .8s infinite;color:#ff0!important}.critical-hit-level-2{animation:critical-hit-pulse-2 .6s infinite;color:#ff0!important}.critical-hit-level-3{animation:critical-hit-pulse-3 .4s infinite;color:#ff0!important}.header-hue-shift{position:relative;background-color:rgba(0,0,0,.4)}.header-bg-gradient{top:0;background:linear-gradient(180deg,rgba(128,0,128,.2),transparent)}.header-bottom-glow{bottom:-5px;height:5px;background:linear-gradient(180deg,rgba(128,0,128,.3),rgba(128,0,128,0))}.digital-clock-container{width:142px;height:70px;background-color:hsla(0,0%,7%,.85);border-radius:.5rem;border:2px solid #333;box-shadow:inset 0 0 10px rgba(0,0,0,.8),0 0 5px rgba(0,191,255,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;position:relative;margin-right:.5rem;cursor:pointer;transition:all .2s ease;z-index:50}.digital-clock-container:hover{box-shadow:inset 0 0 10px rgba(0,0,0,.8),0 0 10px rgba(0,191,255,.7);transform:translateY(-1px)}.digital-clock-container:active{transform:translateY(1px)}.digital-clock-container:after,.digital-clock-container:before{display:none}.time-label{color:#aaa;font-size:.7rem;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.5px;width:100%;text-align:center;margin-bottom:.25rem;text-shadow:0 0 2px rgba(0,0,0,.8)}.time-display-container{background-color:rgba(0,0,0,.8);width:100%;padding:.25rem;border-radius:.25rem;display:flex;justify-content:center;align-items:center;border:1px solid rgba(0,191,255,.3)}.digital-time-display{color:#00bfff;text-shadow:0 0 8px #00bfff,0 0 15px rgba(0,191,255,.9),0 0 20px rgba(0,191,255,.8),0 0 25px rgba(0,191,255,.7);font-family:Doto,monospace;font-weight:900;font-size:1.25rem;letter-spacing:0;width:100%;text-align:center;line-height:1;padding:.25rem 0;filter:contrast(1.1)}.digital-time-display span{display:inline-block;width:.6em;text-align:center}.digital-time-display .empty-digit{opacity:0;width:.6em;display:inline-block}.clock-container-wrapper{display:flex;align-items:center;gap:1.01%;position:relative;z-index:50}.enhanced-clock-display .digital-time-display,.enhanced-clock-display .digital-time-display *{color:#0ff!important;text-shadow:0 0 10px #0ff,0 0 20px rgba(0,255,255,.9),0 0 30px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.7)!important;font-weight:900!important;filter:contrast(1.2) brightness(1.1)!important}.enhanced-clock-display .digital-clock-container{box-shadow:inset 0 0 15px rgba(0,0,0,.9),0 0 10px rgba(0,255,255,.7)!important;border:2px solid rgba(0,255,255,.4)!important}@keyframes maintain-visibility{0%,to{opacity:1;visibility:visible}}.digital-time-display,.digital-time-display *{animation:maintain-visibility .1s infinite;will-change:opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.digital-clock-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@keyframes subtle-clock-pulse{0%,to{box-shadow:inset 0 0 15px rgba(0,0,0,.9),0 0 10px rgba(0,255,255,.7)}50%{box-shadow:inset 0 0 15px rgba(0,0,0,.9),0 0 15px rgba(0,255,255,.9)}}.enhanced-clock-display .digital-clock-container{animation:subtle-clock-pulse 3s ease-in-out infinite}.palm-tree-mode .background-stars-canvas{opacity:1!important;filter:brightness(1.3) contrast(1.2)!important;z-index:2!important}.palm-tree-mode .wandering-stars-canvas{opacity:1!important;filter:brightness(1.1) contrast(1.1)!important;z-index:6!important}.background-element{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important}.background-stars-canvas,.wandering-stars-canvas{will-change:transform!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important}html.transitioning .palm-tree-mode .background-stars-canvas,html.transitioning .palm-tree-mode .wandering-stars-canvas{opacity:1!important;visibility:visible!important}.background-stars-canvas,.wandering-stars-canvas{transition:opacity .3s ease-in-out!important}.horizon-glow-container{z-index:2;overflow:hidden;will-change:opacity;transition:opacity .8s ease-in-out}.horizon-glow-canvas{z-index:2}.horizon-glow-overlay{right:0;background:linear-gradient(0deg,rgba(255,105,180,.15) 0,rgba(255,105,180,.1) 30%,rgba(255,105,180,.05) 60%,rgba(255,105,180,0));z-index:3;transition:background .8s ease-in-out}.horizon-glow-container.palm-tree-mode .horizon-glow-overlay{background:linear-gradient(0deg,rgba(220,240,255,.15) 0,rgba(220,240,255,.1) 30%,rgba(220,240,255,.05) 60%,rgba(220,240,255,0))}.header-hue-shift{position:fixed;top:0;left:0;right:0;background:rgba(26,10,48,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:background-color .3s ease-in-out!important;z-index:40;will-change:backdrop-filter,background;border-bottom:1px solid rgba(126,34,206,.2);box-shadow:0 1px 15px rgba(0,0,0,.15)}.header-hue-shift:before{content:"";top:0;bottom:0;background:rgba(26,10,48,.15);z-index:-1}.header-bottom-glow,.header-hue-shift:before{position:absolute;left:0;right:0;pointer-events:none}.header-bottom-glow{bottom:-1px;height:2px;background:linear-gradient(to right,transparent,var(--mauve-light,rgba(192,132,252,.6)),var(--mauve-color,rgba(192,132,252,.8)),var(--mauve-light,rgba(192,132,252,.6)),transparent);z-index:5;opacity:.8;box-shadow:0 0 8px 2px rgba(192,132,252,.3)}.header-bg-gradient{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(26,10,48,.4) 0,rgba(26,10,48,.35) 70%,rgba(26,10,48,.3));z-index:-1;pointer-events:none}.header-hue-shift a,.header-hue-shift button,.header-hue-shift h1,.header-hue-shift nav{position:relative;z-index:5}.header-hue-shift{isolation:isolate}.palm-tree-mode .header-hue-shift{background:rgba(9,0,15,.35)!important;border-bottom:1px solid rgba(66,94,126,.2)}.palm-tree-mode .header-hue-shift:before{background:rgba(9,0,15,.15)}.palm-tree-mode .header-bg-gradient{background:linear-gradient(180deg,rgba(9,0,15,.4) 0,rgba(9,0,15,.35) 70%,rgba(9,0,15,.3))}.palm-tree-mode .header-bottom-glow{background:linear-gradient(90deg,transparent,rgba(100,150,255,.6),rgba(120,170,255,.8),rgba(100,150,255,.6),transparent);box-shadow:0 0 8px 2px rgba(100,150,255,.3)}.header-glowing{text-shadow:0 0 10px rgba(34,197,94,.8),0 0 20px rgba(34,197,94,.6)!important;color:#4ade80!important}.header-darkened{text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)!important;color:#991b1b!important}@media (max-width:768px){.header-hue-shift{padding-top:.5rem;padding-bottom:.5rem}.mobile-menu{background:rgba(76,29,149,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(126,34,206,.2);box-shadow:0 4px 15px rgba(0,0,0,.2)}.palm-tree-mode .mobile-menu{background:rgba(3,1,8,.35)!important;border:1px solid rgba(66,94,126,.2)}}@media screen{.header-hue-shift{background:rgba(26,10,48,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.palm-tree-mode .header-hue-shift{background:rgba(3,1,8,.35)!important}}.background-element{inset:0}.background-element,.horizon-glow-container{position:fixed;z-index:1;pointer-events:none}.horizon-glow-container{bottom:0;left:0;right:0;height:40vh;transition:all 1.2s ease-in-out}.horizon-glow-container:not(.palm-tree-mode) .horizon-glow-canvas{opacity:.8}.horizon-glow-container.palm-tree-mode .horizon-glow-canvas{opacity:1}.horizon-glow-canvas{transition:opacity 1.2s ease-in-out}.horizon-glow-canvas,.horizon-glow-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%}.ethereal-particle,.horizon-glow-overlay{pointer-events:none}.ethereal-particle{position:absolute;border-radius:50%;background:var(--color,rgba(240,250,255,.9));width:var(--size,5px);height:var(--size,5px);opacity:var(--particle-opacity,.7);z-index:10;transform:scale(var(--scale-factor,1)) rotate(var(--rotation,0deg));animation:floatParticle var(--duration,15s) ease-in-out forwards;box-shadow:0 0 calc(var(--size, 5px) * 2) var(--color,rgba(240,250,255,.9))}.ethereal-particle.trail{animation:floatParticleWithDelay var(--duration,15s) ease-in-out var(--delay,0s) forwards}@keyframes floatParticle{0%{transform:scale(0) rotate(var(--rotation,0deg))}10%{transform:scale(var(--scale-factor,1)) rotate(var(--rotation,0deg))}to{transform:translate(calc(var(--float-x, 100px) * 1px),calc(var(--float-y, 100px) * 1px)) scale(var(--scale-factor,1)) rotate(calc(var(--rotation, 0deg) + 1turn));opacity:0}}@keyframes floatParticleWithDelay{0%{transform:scale(0) rotate(var(--rotation,0deg));opacity:0}10%{transform:scale(var(--scale-factor,1)) rotate(var(--rotation,0deg));opacity:var(--particle-opacity,.5)}to{transform:translate(calc(var(--float-x, 100px) * 1px),calc(var(--float-y, 100px) * 1px)) scale(var(--scale-factor,1)) rotate(calc(var(--rotation, 0deg) + 1turn));opacity:0}}