.menu-button{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:5px;transition:background-color .3s;cursor:pointer;height:80px;width:100px;margin-bottom:5px}.menu-button:hover{cursor:pointer}.menu-button-disabled{opacity:.5;background-color:#ccc;color:#666;cursor:not-allowed}.menu-button-disabled:hover{cursor:default}.ready-button{background:#333;outline:2px solid #EF5350;outline-offset:-5px}.ready-button-toggled{background:#333;outline:2px solid #66BB6A;outline-offset:-5px}.spell-bar{display:flex;position:absolute;left:50%;transform:translate(-50%);top:671px;flex-direction:row;gap:10px;padding:10px;background-color:#333;border-radius:8px}.character-select-bar{display:flex;position:absolute;left:calc(50% + 405px);top:350px;transform:translateY(-50%);flex-direction:column;gap:10px;padding:10px;background-color:#333;border-radius:8px}.spell-title{font-size:18px;color:#fff;text-align:center;font-weight:700;text-transform:uppercase}.spell-slot{position:relative;display:flex;flex-direction:column;align-items:center;width:110px;height:120px;border:2px solid #555;border-radius:8px;background-color:#222;padding:5px;box-shadow:0 0 10px #00000080;transition:transform .2s}.spell-slot.active{border-color:#f39c12;transform:scale(1.05)}.spell-icon{width:100px;height:100px;border-radius:5px}.spell-name{font-size:12px;color:#fff;text-align:center}.spell-hotkey{font-size:12px;color:#ddd;position:absolute;top:3px;right:7px}.spell-charges-box{position:absolute;bottom:5px;left:5px;background-color:#000c;padding:2px 5px;border-radius:5px}.spell-charges{font-size:10px;color:#fff;text-align:center}.spell-cooldown{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;pointer-events:none;background-color:#00000040;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.cooldown-timer{color:wheat;text-align:center}.gameLink{position:absolute;top:55px;text-align:center;left:0;right:0}.gameLink button{border:none;border-radius:5px;font-size:18px;padding:10px 15px;background:#333;color:#fff}.gameLink button:hover{cursor:pointer}.gameLink button:focus{outline:none}.gameLink .link-icon{width:20px;height:20px;margin-right:5px;vertical-align:middle}.gameLink .copy-success{opacity:0;transition:opacity .5s ease-in-out;color:green;margin-top:5px;font-size:14px}.gameLink .copy-success.visible{opacity:1}.lobby-ui{position:absolute;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;left:calc(50% - 400px);top:calc(50% - 302px);background:#fff0;width:800px}.lobby-buttons{display:flex;flex-direction:column;position:absolute;top:400px;right:calc(50% + 405px);transform:translateY(-65%);justify-content:flex-start;margin-right:20px}.lobby-player-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:20px}.leave-button{background:#ef5350;padding:5px;width:50px;color:#fff;font-size:12px;border:none;border-radius:5px;transition:background-color .3s;text-align:center;top:75px;position:absolute;right:calc(50% + 448px);cursor:pointer}.lobby-countdown{font-size:10rem;position:absolute;top:150px;color:#000;text-align:center;left:0;right:0;z-index:-1}.lobby-countdown .lobby-countdown-label{font-size:1rem;margin-bottom:-55px}.animated-lb-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.animated-lb-overlay{background:#fff;padding:0 75px 10px;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#333;text-align:center;z-index:1001}.game-end-h2{margin-bottom:40px;font-size:40px}.animated-lb-overlay h2{margin-bottom:20px}.animated-lb-overlay ul{list-style:none;padding:0;font-size:22px}.animated-lb-overlay button{margin-top:20px;margin-bottom:20px;padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:4px;font-size:22px}.animated-lb-overlay button:hover{background-color:#0056b3}.player-live-score{font-size:10rem;position:absolute;top:135px;color:#000;text-align:center;left:0;right:0;z-index:-1}.player-live-score .round-score-label{font-size:1rem;margin-bottom:-60px}.game-round-display{position:absolute;top:350px;z-index:-1;text-align:center;font-size:24px;left:0;right:0}.guide-container{display:flex;flex-direction:column;align-items:center;position:absolute;top:400px;right:calc(50% + 405px);transform:translateY(-65%);padding:10px;gap:10px;background-color:#333;border-radius:8px;box-shadow:0 0 10px #00000080}.guide-title{font-size:18px;color:#fff;text-align:center;font-weight:700;text-transform:uppercase}.guide-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;background-color:#222;border:2px solid #555;border-radius:8px;transition:transform .2s;cursor:pointer;box-shadow:0 0 10px #00000080}.guide-slot.active{border-color:#f39c12;transform:scale(1.05)}.guide-icon{font-size:36px;margin-bottom:5px}.guide-name{font-size:14px;color:#fff;text-align:center}.guide-character-details{position:absolute;pointer-events:none;top:100px;left:calc(50% - 350px);font-size:18px;width:500px;color:#000}.guide-game-obj{position:absolute;pointer-events:none;top:25%;left:calc(40% - 150px);font-size:18px;width:600px;color:#000}.guide-game-details{width:100%;display:flex;margin-top:50px;flex-direction:column;justify-content:center;align-items:center;padding:16px;gap:24px;text-align:center}.guide-game-details>div{display:flex;justify-content:center;align-items:center;gap:16px}.guide-game-details>p{max-width:675px;width:100%;text-align:left;word-wrap:break-word;color:#000;margin-bottom:0;margin-top:-15px}.guide-game-details .p2{max-width:675px;width:100%;font-size:18px;text-align:center;color:#000;margin-bottom:0;margin-top:15px}.guide-game-details>h3{max-width:675px;width:100%;text-align:left;color:#000;margin-bottom:0;margin-top:0}.game-detail-image{width:400px;border-radius:8px;box-shadow:0 4px 12px #0003}.game-detail-image2{width:250px;border-radius:8px;box-shadow:0 4px 12px #0003}.game-detail-image-icon{width:50px;margin-left:-7.5px;margin-right:-7.5px}.points-popup{position:fixed;left:50%;top:250px;transform:translate(-50%);font-size:32px;color:#0f0;opacity:0;animation:slideUpFade 2s ease-out forwards;pointer-events:none;z-index:1000}@keyframes slideUpFade{0%{transform:translate(-50%,30px);opacity:0}20%{opacity:1}50%{transform:translate(-50%);opacity:1}80%{transform:translate(-50%,-10px);opacity:1}to{transform:translate(-50%,-10px);opacity:0}}.home-screen{height:100%;width:100%;text-align:center;background:linear-gradient(to bottom,#e0f7fa,#b2ebf2);color:#03456b;overflow:hidden}.home-screen .title{position:absolute;top:17.5%;width:100%;font-size:55px;color:#01579b;text-shadow:2px 2px 4px rgba(255,255,255,.8)}.home-screen .title img{position:absolute;width:100px;left:calc(50% - 50px)}.home-screen .beta-disclaimer{position:absolute;top:calc(50% + 200px);width:300px;left:calc(50% - 150px);font-size:16px;font-weight:700;color:#d32f2f;background-color:#ffebeee6;padding:8px;border:2px solid #d32f2f;border-radius:10px;text-shadow:1px 1px 2px rgba(0,0,0,.3);animation:pulse 2s infinite;text-align:center}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}}.home-screen .nav-buttons{position:absolute;width:300px;top:50%;left:calc(50% - 150px);display:flex;flex-direction:column;gap:10px}.home-screen .nav-buttons input{padding:10px;font-size:16px;border-radius:10px;border:2px solid #81d4fa;box-shadow:0 2px 5px #0000001a;outline:none;text-align:center}.home-screen .nav-buttons .input-error{border:2px solid rgba(234,35,31,.7);outline:none}.home-screen .nav-buttons .flash-red{border:2px solid rgba(234,35,31,.7);animation:glowFade 2s ease-in-out forwards}@keyframes glowFade{0%{border-color:#ea231fb3;box-shadow:0 0 8px 2px #ea231fb3}to{border-color:transparent;box-shadow:0 0 #f000}}.home-screen .nav-buttons .button-row{display:flex;gap:7.5px}.home-screen .nav-buttons .button-row button{flex:1}.home-screen .nav-buttons button{padding:15px;font-size:18px;color:#fff;background-color:#0288d1;border:none;border-radius:15px;box-shadow:0 4px 8px #0003;cursor:pointer;transition:background-color .3s,transform .3s}.home-screen .nav-buttons button:hover{background-color:#01579b;transform:scale(1.05)}.home-screen .social-links{position:absolute;bottom:15px;width:300px;font-size:35px;left:calc(50% - 150px);display:flex;flex-direction:row;gap:15px;justify-content:center}.home-screen .social-links a{color:#0288d1;transition:transform .3s,color .3s}.home-screen .social-links a:hover{transform:scale(1.2);color:#01579b}.home-screen .copyright{position:absolute;bottom:0;left:0;padding:10px;color:#01579b;font-size:14px;background:#fffc;border-radius:0 10px 0 0}body{overflow:hidden}@keyframes snowfall{0%{transform:translateY(-100vh) translate(0)}to{transform:translateY(100vh) translate(10px)}}.snowflake{position:absolute;top:-10px;width:10px;height:10px;background:#fff;border-radius:50%;opacity:.8;animation:snowfall 10s linear infinite;z-index:10}.nav-bar{position:absolute;z-index:1;left:0;right:0;top:0;background:linear-gradient(to bottom,#80deea,#26c6da);padding:15px 0;display:flex;align-items:center;justify-content:start}.nav-bar-back{margin-left:15px;font-size:30px}.nav-bar-back i{color:red}.nav-bar-title{font-size:48px;text-align:center;position:absolute;left:50%;transform:translate(-50%)}