body,html{background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#app{width:100%;height:100%}#ui-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#crosshair{color:#fff;text-shadow:1px 1px 2px #000;opacity:.7;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#timer{color:#fff;text-shadow:2px 2px 4px #00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:10px;padding:10px 20px;font-size:32px;font-weight:700;position:absolute;top:20px;right:20px}#menu,#win-screen{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#menu h1{background:linear-gradient(45deg,#0fc,#00bfff);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;margin-bottom:20px;font-size:64px}#menu p{cursor:pointer;font-size:24px;animation:1.5s infinite pulse}#menu .instructions{color:#ccc;margin-top:20px;font-size:16px;animation:none}#win-screen h1{color:gold;margin-bottom:20px;font-size:64px}button{color:#000;cursor:pointer;pointer-events:auto;background:#0fc;border:none;border-radius:10px;padding:15px 30px;font-size:24px;font-weight:700;transition:transform .2s,background .2s}button:hover{background:#00e6b8;transform:scale(1.05)}.hidden{display:none!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}#player-name{text-align:center;pointer-events:auto;background:#ffffffe6;border:none;border-radius:5px;outline:none;margin-bottom:20px;padding:10px;font-size:20px}#leaderboard-container{background:#0009;border-radius:10px;width:300px;max-height:200px;margin-top:30px;padding:20px;overflow-y:auto}#leaderboard-container h2{text-align:center;color:#0fc;margin:0 0 10px;font-size:24px}#leaderboard-list{margin:0;padding:0;list-style:none}#leaderboard-list li{border-bottom:1px solid #fff3;justify-content:space-between;padding:8px 0;font-size:18px;display:flex}#leaderboard-hud{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#0006;border-radius:10px;width:220px;padding:15px;position:absolute;top:20px;left:20px}#leaderboard-hud h3{color:#0fc;text-align:center;text-transform:uppercase;margin:0 0 10px;font-size:18px}#leaderboard-list-hud{margin:0;padding:0;font-size:14px;list-style:none}#leaderboard-list-hud li{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:5px 0;display:flex}