:root{--bg: #05040c;--panel: rgba(16, 12, 38, .92);--ink: #f4efff;--dim: #a99fd6;--pink: #ff2f9e;--cyan: #2ee6ff;--gold: #ffc83d;--violet: #8a4dff;--line: #3a2f72;--display: "Bungee", Impact, "Arial Black", sans-serif;--neon: "Monoton", "Bungee", Impact, sans-serif;--body: "Chakra Petch", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--body);overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}[hidden]{display:none!important}kbd{font:700 11px var(--body);color:var(--cyan);border:1px solid var(--line);border-radius:4px;padding:2px 6px;background:#00000059}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.tickets{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;background:var(--panel);border:2px dashed var(--gold);border-radius:8px;box-shadow:0 0 18px #ffc83d59}.tickets.credits{top:78px;border-color:#3df0ff;box-shadow:0 0 18px #3df0ff4d}.tickets.credits .tickets-label{color:#3df0ff}.credit-coin{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bdfbff,#19b8d6 70%);color:#04323c;font:800 13px var(--body);display:grid;place-items:center}.tickets.bump{animation:bump .45s ease-out}@keyframes bump{30%{transform:scale(1.12);box-shadow:0 0 34px #ffc83dcc}}.tickets-icon{width:26px;height:16px;background:var(--gold);border-radius:2px;-webkit-mask:radial-gradient(circle at 0 50%,transparent 4px,#000 4.5px) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 4px,#000 4.5px) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 4px,#000 4.5px) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 4px,#000 4.5px) right / 51% 100% no-repeat}.tickets-label{font:700 11px var(--body);letter-spacing:.16em;color:var(--gold)}.tickets-value{font:400 24px var(--display);font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff;opacity:.7;box-shadow:0 0 6px var(--cyan);transition:transform .15s}.crosshair.active{transform:scale(2.2);background:var(--cyan);opacity:1}.prompt{position:absolute;left:50%;top:calc(50% + 42px);transform:translate(-50%);padding:9px 14px;background:var(--panel);border:1px solid var(--cyan);border-radius:6px;font:600 15px var(--body);white-space:nowrap;box-shadow:0 0 16px #2ee6ff59}.prompt kbd{margin-right:10px;color:#05040c;background:var(--cyan);border-color:var(--cyan)}.hint{position:absolute;left:16px;bottom:14px;font-size:12px;color:var(--dim);display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 32px);opacity:.8}.stats{position:absolute;left:16px;top:16px;font:600 12px var(--body);color:var(--dim)}.toasts{position:absolute;top:78px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{padding:9px 14px;border-radius:6px;background:var(--panel);border:1px solid var(--line);font-weight:600;font-size:14px;transition:opacity .5s,transform .5s}.toast.good{border-color:var(--gold);color:var(--gold)}.toast.out{opacity:0;transform:translateY(-6px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 40%,#280a468c,#03020ae0);padding:16px}.overlay.paused{background:#03020a99}.overlay-card{margin:auto;flex-shrink:0;width:min(520px,100%);padding:32px;background:var(--panel);border:2px solid var(--violet);border-radius:12px;box-shadow:0 0 60px #8a4dff59;display:flex;flex-direction:column;gap:18px}.overlay h1{margin:0;font:400 clamp(36px,7vw,58px)/1 var(--neon);color:#ffd6ee;text-shadow:0 0 10px var(--pink),0 0 30px var(--pink),0 0 2px #fff;letter-spacing:.04em}.overlay .sub{margin:0;color:var(--dim);line-height:1.5}.keys{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;font-size:14px;color:var(--dim)}.keys kbd{justify-self:start}@media (max-height: 520px){.overlay-card{padding:16px 20px;gap:10px}.overlay h1{font-size:30px}.keys{font-size:13px;gap:4px 12px}}.btn{font:700 14px var(--body);letter-spacing:.04em;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:6px;padding:10px 16px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--cyan)}.btn.primary{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 0 18px #ff2f9e73}.btn.big{font-size:16px;padding:14px 20px;align-self:flex-start}.btn:disabled{opacity:.4;cursor:not-allowed}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03020a8c;padding:16px}.menu{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #0009}.menu.wide{width:min(860px,100%)}.menu-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--dim);font-size:26px;cursor:pointer;line-height:1}.menu-head h2{margin:2px 0 0;font:400 26px/1.15 var(--display);color:var(--ink);text-wrap:balance}.eyebrow{font:700 11px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.menu-body{color:var(--dim);line-height:1.55;font-size:15px;display:flex;flex-direction:column;gap:12px}.menu-body p{margin:0}.menu-body strong{color:var(--ink)}.menu-actions{display:flex;gap:10px;flex-wrap:wrap}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fact{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.fact span{display:block;font:700 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.fact b{font-size:15px;color:var(--ink)}.status{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--gold)}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status.live{color:#3dff9a}.prize-balance{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px dashed var(--gold);border-radius:8px;color:var(--ink)}.prize-balance b{font:400 22px var(--display);color:var(--gold)}.prize-cat{font:700 11px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-top:6px}.prize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.prize{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.prize-top{display:flex;align-items:center;gap:10px}.swatch{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);flex:none}.prize-name{font-weight:700;color:var(--ink);font-size:14px;line-height:1.25}.prize-price{font:400 16px var(--display);color:var(--pink);font-variant-numeric:tabular-nums}.prize-own{font-size:12px}.prize .btn{padding:8px 10px;font-size:13px}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.log li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px;font-size:14px}.log .plus{color:#3dff9a;font-weight:700}.log .min{color:var(--pink);font-weight:700}@media (max-width: 560px){.facts{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.lobby{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.lobby-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:var(--ink)}.lobby-head span{color:var(--dim);font-size:13px}.lobby-row{display:flex;gap:8px;flex-wrap:wrap}.lobby-row[hidden]{display:none}.lobby-row .btn{flex:1 1 140px}.lobby-in{flex:1 1 160px;min-width:0;font:600 15px var(--body);color:var(--ink);background:#ffffff0f;border:1px solid var(--line);border-radius:6px;padding:10px 12px}.lobby-in:focus{outline:2px solid var(--cyan);outline-offset:1px}.lobby-in.code{flex:0 1 120px;text-transform:uppercase;letter-spacing:.2em;text-align:center}.lobby-room{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(0,229,255,.4);border-radius:8px;background:#00e5ff0f}.lobby-room[hidden]{display:none}.lobby-info{color:var(--ink);font-size:14px}.lobby-code{font-size:18px;letter-spacing:.18em;color:#9ff4ff;-webkit-user-select:all;user-select:all}.lobby-info .warn{color:#ffd27a}.lobby-list{margin:0;padding-left:18px;color:var(--dim);font-size:14px;display:grid;gap:2px}.lobby-msg{margin:0;min-height:1em;color:#ffb0b0;font-size:13px}