:root{--ink: #f3f6ff;--accent: #ffcf3f;--accent2: #4fd1ff;--panel: rgba(24, 20, 46, .94);--pill: rgba(10, 14, 30, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0f1e;color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden;user-select:none}#app{position:relative;width:100vw;height:100vh}#game-root{width:100%;height:100%}#game-root canvas{display:block}.hidden{display:none!important}.hud{position:absolute;inset:0;pointer-events:none;padding:8px 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.hud-left{justify-self:start}.hud-center{justify-self:center}.hud-right{justify-self:end;display:flex;align-items:flex-start;gap:6px;pointer-events:auto}.pill{background:linear-gradient(#2a2340,#1a1530);border:2px solid #0d0a18;border-radius:8px;padding:3px 9px;display:inline-flex;gap:6px;align-items:center;font-weight:800;font-size:12px;box-shadow:inset 0 1px #ffffff26,0 2px 3px #0006}.pill .lbl{font-size:9px;opacity:.7;letter-spacing:1px}.timer{margin-top:5px;font-size:26px;font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #0d0a18,0 0 6px rgba(120,200,255,.35)}.map-pill{background:linear-gradient(#2a2340,#1a1530);border:2px solid #0d0a18;border-radius:999px;padding:4px 14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:#fff;box-shadow:inset 0 1px #ffffff26,0 2px 3px #0006}.item-slot{width:58px;min-height:50px;background:linear-gradient(#2a2340,#1a1530);border:2px solid #0d0a18;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;box-shadow:inset 0 1px #ffffff26,0 2px 3px #0006}.item-slot.empty{opacity:.6}.item-slot.rolling{animation:pulse .2s infinite alternate;border-color:var(--accent)}.item-glyph{font-size:22px;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-name{font-size:9px;font-weight:800;opacity:.95;color:#fff}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.jet{width:11px;height:50px;background:#1a1530;border:2px solid #0d0a18;border-radius:5px;overflow:hidden;display:flex;align-items:flex-end}.jet-fill{width:100%;background:linear-gradient(#ffe27a,#ff8a3d)}.countdown{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:11vh;font-size:104px;font-weight:900;color:#fff;pointer-events:none;text-shadow:0 5px 0 #0d0a18,0 0 18px rgba(120,200,255,.5)}.countdown.pop{animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#060a16c7;backdrop-filter:blur(5px);pointer-events:auto}.card{text-align:center;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:26px 40px;min-width:340px;max-width:92vw;box-shadow:0 20px 60px #00000080}.card-logo{font-size:22px;font-weight:900;letter-spacing:3px;color:var(--accent)}.card-logo span{color:var(--accent2)}.card h1{margin:6px 0 8px;font-size:34px}.card-meta{display:flex;justify-content:center;gap:14px;opacity:.85;font-size:14px;margin-bottom:6px}.rating{color:var(--accent);letter-spacing:2px}.card-stats{display:flex;justify-content:center;gap:18px;font-weight:700;font-size:15px;margin-bottom:10px}.card-hat{font-size:13px;font-weight:700;color:var(--accent2);margin-bottom:10px}.card.cz{min-width:560px;max-width:96vw}.cz-body{display:flex;gap:18px;align-items:center;margin:8px 0 14px}.cz-left{width:200px;display:grid;place-items:center;background:#0000002e;border-radius:14px;padding:6px}.cz-preview{width:190px;height:220px;image-rendering:auto}.cz-right{flex:1;text-align:left}.cz-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cz-slot{width:62px;font-weight:800;font-size:13px;opacity:.85}.cz-name{flex:1;font-weight:700;font-size:13px;text-transform:capitalize;color:var(--accent2)}.cz-row input[type=color]{width:30px;height:26px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:none;cursor:pointer;padding:0}.cz-perk-line{font-size:12px;opacity:.85;margin:4px 0 10px}.cz-perk-line #cz-perk{color:var(--accent);font-weight:700}.cz-sliders{display:flex;flex-direction:column;gap:6px}.cz-srow{display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:8px;font-weight:700;font-size:13px}.cz-srow input[type=range]{width:100%}.cz-srow span{text-align:right;font-variant-numeric:tabular-nums}.cz-remaining-line{margin-top:6px;font-size:13px;font-weight:700}.cz-remaining-line b{color:var(--accent)}.card.lb{min-width:420px;max-width:94vw}.lb-namerow{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 14px}.lb-namerow label{font-weight:700;font-size:13px;opacity:.85}.lb-input{background:#00000047;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:var(--ink);padding:8px 12px;font-weight:700;font-size:14px}.lb-joinrow{display:flex;gap:8px;justify-content:center;margin-top:12px}.lb-joinrow .lb-input{width:100px;text-align:center;letter-spacing:3px}.lb-code-big{font-size:18px;margin:6px 0 12px}.lb-code-big b{color:var(--accent);letter-spacing:4px;font-size:24px}.lb-maprow{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.lb-slot{font-weight:800;font-size:13px;opacity:.85}.lb-players{display:flex;flex-direction:column;gap:6px;margin:8px auto 14px;max-width:300px}.lb-prow{display:flex;justify-content:space-between;align-items:center;background:#ffffff0f;border-radius:8px;padding:7px 14px;font-weight:700;font-size:14px}.lb-pready{color:var(--accent)}.lb-chat{max-width:320px;margin:0 auto 12px}.lb-chat-log{height:96px;overflow-y:auto;background:#00000038;border-radius:8px;padding:6px 10px;text-align:left;font-size:12.5px;line-height:1.5;margin-bottom:6px}.lb-chatrow{word-break:break-word}.lb-chatrow b{color:var(--accent2)}.lb-chat-input-row{display:flex;gap:6px}.lb-chat-input-row .lb-input{flex:1}.lb-error{color:#ff7a8a;font-weight:700;font-size:13px;min-height:18px;margin-top:6px}.btn:disabled{opacity:.4;cursor:not-allowed}.controls{margin-top:16px;font-size:12px;opacity:.7;line-height:1.7;max-width:460px}.controls b{color:var(--accent2)}.btn{pointer-events:auto;cursor:pointer;border:0;border-radius:12px;background:#ffffff24;color:var(--ink);padding:10px 18px;font-weight:800;font-size:15px}.btn:hover{background:#ffffff3d}.btn.small{padding:6px 12px;font-size:13px}.btn.big{font-size:20px;padding:14px 34px}.btn-primary{background:var(--accent);color:#201a02}.btn-primary:hover{background:#ffd968}.btn-row{display:flex;gap:10px;justify-content:center;margin-top:16px}.res-list{margin:14px 0;display:flex;flex-direction:column;gap:6px}.res-row{display:flex;align-items:center;gap:10px;background:#ffffff0f;border-radius:10px;padding:8px 14px;font-weight:700}.res-row.me{background:#ffcf3f2e;border:1px solid rgba(255,207,63,.5)}.res-rank{width:26px;font-weight:900;opacity:.9}.res-dot{width:12px;height:12px;border-radius:50%}.res-name{flex:1;text-align:left}.res-time{opacity:.9;font-variant-numeric:tabular-nums}.res-xp{font-weight:800;color:var(--accent);margin-top:6px}.debug{position:absolute;top:10px;left:50%;transform:translate(-50%);margin:0;padding:8px 12px;background:#000000a6;color:#7cfc98;font:12px/1.5 ui-monospace,monospace;border-radius:8px;pointer-events:none;white-space:pre;z-index:5}