.page-fade-in{animation:.5s ease-out pageFadeIn}@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}.vignette-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0}.ambient-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.ambient-particles span{position:absolute;width:3px;height:3px;border-radius:50%;animation:14s linear infinite particleFloat;opacity:0;will-change:transform}.ambient-particles--gold span{background:rgba(212,149,58,.5);box-shadow:0 0 4px rgba(212,149,58,.3)}.ambient-particles--cyan span{background:rgba(100,200,255,.5);box-shadow:0 0 4px rgba(100,200,255,.3)}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}8%,85%{opacity:.8}100%{opacity:0;transform:translateY(-10vh) translateX(30px)}}.ambient-particles span:first-child{left:5%;animation-delay:0s;animation-duration:13s;width:2px;height:2px}.ambient-particles span:nth-child(2){left:12%;animation-delay:1.2s;animation-duration:15s}.ambient-particles span:nth-child(3){left:20%;animation-delay:2.8s;animation-duration:12s;width:4px;height:4px}.ambient-particles span:nth-child(4){left:28%;animation-delay:.6s;animation-duration:16s;width:2px;height:2px}.ambient-particles span:nth-child(5){left:35%;animation-delay:3.5s;animation-duration:14s}.ambient-particles span:nth-child(6){left:42%;animation-delay:1.8s;animation-duration:11s;width:4px;height:4px}.ambient-particles span:nth-child(7){left:50%;animation-delay:4.2s;animation-duration:15s;width:2px;height:2px}.ambient-particles span:nth-child(8){left:58%;animation-delay:.3s;animation-duration:13s}.ambient-particles span:nth-child(9){left:65%;animation-delay:2.1s;animation-duration:16s;width:4px;height:4px}.ambient-particles span:nth-child(10){left:72%;animation-delay:5s;animation-duration:12s}.ambient-particles span:nth-child(11){left:78%;animation-delay:3s;animation-duration:14s;width:2px;height:2px}.ambient-particles span:nth-child(12){left:85%;animation-delay:1.5s;animation-duration:15s}.ambient-particles span:nth-child(13){left:90%;animation-delay:4.8s;animation-duration:13s;width:4px;height:4px}.ambient-particles span:nth-child(14){left:95%;animation-delay:2.5s;animation-duration:11s;width:2px;height:2px}.ambient-particles span:nth-child(15){left:8%;animation-delay:6s;animation-duration:14s}.ambient-particles span:nth-child(16){left:55%;animation-delay:7.2s;animation-duration:16s;width:2px;height:2px}.pregame-volume-control{position:fixed;bottom:16px;left:16px;z-index:100;display:flex;align-items:center;gap:8px}.pregame-volume-btn{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);cursor:pointer;transition:background .2s,color .2s;font-size:1rem;padding:0}.pregame-volume-btn:hover{background:rgba(0,0,0,.7);color:rgba(255,255,255,.9)}.pregame-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.2);border-radius:2px;outline:0;opacity:0;transition:opacity .2s;cursor:pointer}.pregame-volume-control:hover .pregame-volume-slider,.pregame-volume-slider:focus{opacity:1}.pregame-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fw-accent-primary);cursor:pointer}.pregame-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--fw-accent-primary);border:none;cursor:pointer}.pregame-version{position:fixed;bottom:16px;right:16px;z-index:100;font-size:.7rem;color:rgba(255,255,255,.25)}@media (max-width:768px){.ambient-particles span:nth-child(n+9){display:none}}