*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#fff;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%;position:relative}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}#canvas-container canvas{display:block}#lobby{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background:#00000080}.lobby-box{background:#1e1e32f2;border-radius:16px;padding:32px;min-width:340px;max-width:400px;text-align:center;box-shadow:0 8px 32px #0006}.lobby-box h1{font-size:2.5rem;margin-bottom:4px;background:linear-gradient(135deg,#3b82f6,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#94a3b8;margin-bottom:24px;font-size:.95rem}.form-group{margin-bottom:16px;text-align:left}.form-group label{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:6px}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px 14px;border:1px solid #374151;border-radius:8px;background:#111827;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#3b82f6}#color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:border-color .2s,transform .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;transform:scale(1.15)}button{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:8px}button:hover{opacity:.9}#lobby-players{margin-top:20px;text-align:left}#lobby-players h3{font-size:1rem;margin-bottom:10px;color:#94a3b8}#player-list{list-style:none;margin-bottom:16px}#player-list li{padding:6px 0;display:flex;align-items:center;gap:8px;font-size:.95rem}.player-dot{width:14px;height:14px;border-radius:50%;display:inline-block}#game-timer{position:fixed;top:24px;left:50%;transform:translate(-50%);font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);z-index:20;pointer-events:none;display:none}#game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0009;z-index:30}.overlay-box{background:#1e1e32f2;border-radius:16px;padding:32px;min-width:320px;text-align:center;box-shadow:0 8px 32px #00000080}.overlay-box h2{font-size:1.8rem;margin-bottom:16px}.overlay-box table{width:100%;border-collapse:collapse;margin-top:12px}.overlay-box th,.overlay-box td{padding:8px 12px;text-align:center;border-bottom:1px solid #374151}.overlay-box th{color:#94a3b8;font-size:.85rem;font-weight:500}.mc-btn{width:64px;height:64px;border-radius:14px;font-size:1.6rem;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;margin:0;padding:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}#mc-throttle{position:fixed;bottom:24px;left:20px;z-index:25;display:flex;flex-direction:column;gap:12px}#mc-steer{position:fixed;bottom:24px;right:20px;z-index:25;display:flex;flex-direction:row;gap:12px}