*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0b1320}#app{width:100%;height:100%;position:relative}canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/splash.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .8s ease-out,visibility .8s ease-out;font-family:Space Mono,Arial,Helvetica,sans-serif}#loading-overlay.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.loading-content{text-align:center;position:relative;z-index:10;max-width:800px;padding:40px;animation:fadeInScale .6s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-title{font-size:3rem;font-weight:700;color:#fff;margin:0 0 15px;text-shadow:0 0 20px rgba(255,0,0,.5),0 0 30px rgba(0,255,0,.3),0 4px 10px rgba(0,0,0,.8);animation:glow 2s ease-in-out infinite alternate;letter-spacing:2px}.loading-subtitle{font-size:1.4rem;color:#a8dadc;margin:0 0 50px;opacity:.95;text-shadow:0 2px 5px rgba(0,0,0,.7);font-weight:300}@keyframes glow{0%{text-shadow:0 0 15px rgba(255,0,0,.4),0 0 25px rgba(0,255,0,.3)}to{text-shadow:0 0 25px rgba(255,0,0,.6),0 0 40px rgba(0,255,0,.4),0 0 50px rgba(255,255,255,.3)}}.loading-bar-container{margin:30px 0}.loading-bar-bg{position:relative;width:100%;height:40px;background:#0006;border-radius:20px;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0009,inset 0 3px 15px #0009}.loading-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:repeating-linear-gradient(45deg,#dc143c 0px 15px,#fff 15px 30px);background-size:42px 42px;border-radius:20px;transition:width .5s ease-out;animation:candyStripe 1s linear infinite;box-shadow:0 0 20px #dc143ccc,0 0 35px #dc143c66,inset 0 2px 8px #fff6}@keyframes candyStripe{0%{background-position:0 0}to{background-position:42px 42px}}.loading-bar-shine{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.loading-text{margin-top:20px;font-size:1.3rem;color:#f1faee;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.7);letter-spacing:1px}.loading-message{margin-top:25px;font-size:1.1rem;color:#e9ecef;opacity:.9;text-shadow:0 2px 5px rgba(0,0,0,.5)}.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.snowflake{position:absolute;top:-10%;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 15px rgba(255,255,255,.6));opacity:0;animation-fill-mode:backwards}.snowflake:nth-child(1){left:10%;width:24px;height:24px;animation:snowfall1 8s linear infinite}.snowflake:nth-child(2){left:20%;width:36px;height:36px;animation:snowfall2 10s linear infinite;animation-delay:2s}.snowflake:nth-child(3){left:30%;width:28px;height:28px;animation:snowfall3 7s linear infinite;animation-delay:4s}.snowflake:nth-child(4){left:50%;width:32px;height:32px;animation:snowfall4 9s linear infinite;animation-delay:1s}.snowflake:nth-child(5){left:60%;width:26px;height:26px;animation:snowfall1 11s linear infinite;animation-delay:5s}.snowflake:nth-child(6){left:70%;width:34px;height:34px;animation:snowfall2 8.5s linear infinite;animation-delay:3s}.snowflake:nth-child(7){left:80%;width:28px;height:28px;animation:snowfall3 9.5s linear infinite;animation-delay:1.5s}.snowflake:nth-child(8){left:90%;width:36px;height:36px;animation:snowfall4 10.5s linear infinite;animation-delay:2.5s}@keyframes snowfall1{0%{opacity:0;transform:translateY(0) translate(0) rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(120vh) translate(80px) rotate(360deg)}}@keyframes snowfall2{0%{opacity:0;transform:translateY(0) translate(0) rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(120vh) translate(-60px) rotate(-360deg)}}@keyframes snowfall3{0%{opacity:0;transform:translateY(0) translate(0) rotate(0)}10%{opacity:.9}90%{opacity:.9}to{opacity:0;transform:translateY(120vh) translate(100px) rotate(360deg)}}@keyframes snowfall4{0%{opacity:0;transform:translateY(0) translate(0) rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(120vh) translate(-80px) rotate(-360deg)}}footer{opacity:1;transition:opacity 1.2s ease-out;position:fixed;bottom:0;left:0;width:100%;height:50px;color:#fff;text-align:center;padding:10px;z-index:1000;display:flex;justify-content:flex-start;align-items:center;gap:20px;pointer-events:none;font-size:16px;line-height:32px;box-sizing:border-box;font-family:Space Mono,Arial,Helvetica,sans-serif}footer span,footer p{display:inline-block;font-size:16px;line-height:32px;vertical-align:middle}footer a{pointer-events:auto;transition:color 1s ease-out;text-decoration:none;color:#fff;display:inline-block;line-height:32px;vertical-align:middle;min-width:32px}footer a:hover{color:#f5d66d}footer a svg{width:16px;height:16px}footer a svg path,footer a svg polygon{transition:fill 1s ease-out;fill:currentColor}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006;transition:all .15s ease;margin-top:-4px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #fff6;background:#fff}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ffffff40;border-radius:2px}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0006;transition:all .15s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #fff6;background:#fff}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#ffffff40;border-radius:2px}