body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background-color:#000;user-select:none;-webkit-user-select:none}canvas{display:block}.player-label{position:absolute;top:0;left:0;color:#fff;background:#0006;padding:4px 8px;border-radius:6px;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:700;text-shadow:1px 1px 2px black;white-space:nowrap;z-index:500}.king-announcement{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-20px);z-index:1500;pointer-events:none;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 30px;border-radius:50px;border:1px solid rgba(255,215,0,.3);color:gold;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:18px;text-align:center;box-shadow:0 4px 15px #00000080,0 0 20px #ffd7001a;opacity:0;transition:opacity .4s ease,transform .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.king-announcement.visible{opacity:1;transform:translate(-50%) translateY(0)}.powerup-label{position:absolute;top:0;left:0;color:#fff;background:#0006;padding:4px 8px;border-radius:6px;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:700;text-shadow:1px 1px 2px black;white-space:nowrap;z-index:100}#ui-top-right{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000;pointer-events:none}#scoreboard,#winboard{background:#0006;color:#fff;padding:10px 15px;border-radius:6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700;text-shadow:1px 1px 2px black;min-width:170px;transition:all .5s ease-in-out;pointer-events:none}#scoreboard.scoreboard-center{position:fixed;z-index:1001;top:10%;right:50%;transform:translate(50%) scale(1.5);background:#000000bf}#winboard.hidden{opacity:0;transform:translate(20px);pointer-events:none}#join-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .5s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.join-content{background:#000000d9;margin-top:-5%;padding:30px;border-radius:8px;max-width:400px;width:90%;text-align:center;color:#fff;box-shadow:0 0 20px #00000080;border:1px solid rgba(255,255,255,.1)}.join-content h1{margin:0 0 5px;font-size:28px;color:gold;text-shadow:2px 2px 4px black}.subtitle{margin:0 0 20px;font-size:14px;opacity:.8;letter-spacing:2px;text-transform:uppercase}#bottom-ui-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:10;pointer-events:none;align-items:flex-end}.status-card{background:#0009;padding:10px 20px;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:14px;text-align:center;width:150px;box-shadow:0 4px 6px #0000004d;animation:slideUp .3s ease-out;flex-shrink:0}.card-title{margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.progress-container{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;position:relative}.progress-bar{width:100%;height:100%;background:gold;transition:width .1s linear,background-color .2s}.card-subtitle{font-size:11px;margin-top:5px;color:#aaa}#active-powerups-list{display:flex;gap:15px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.instructions{background:#ffffff0d;padding:20px;border-radius:6px;margin-bottom:25px;text-align:left;border:1px solid rgba(255,255,255,.05)}.instructions h3{margin:0 0 10px;font-size:16px;color:gold}.instructions ul{padding-left:20px;margin:0}.instructions li{font-size:14px;margin-bottom:8px;color:#ddd}.input-group{display:flex;flex-direction:column;gap:15px}#player-name-input{padding:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:6px;text-align:center;font-size:16px;outline:none}#player-name-input:focus{border-color:gold;background:#ffffff26}#join-btn{background:gold;color:#000;border:none;padding:14px;border-radius:6px;font-weight:700;cursor:pointer;font-size:16px;transition:background .2s}#join-btn:hover{background:#ffec8b}.portal-label{position:absolute;top:0;left:0;color:#fff;background:#0006;padding:4px 8px;border-radius:6px;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:700;text-shadow:1px 1px 2px black;white-space:nowrap;text-transform:uppercase;z-index:500}