:root{--bg: #0e1a22;--panel: #142530;--panel-line: #223642;--text: #eaf2f0;--muted: #7c9399;--accent: #ffb454;--accent-2: #4fd1c5;--danger: #ff6b6b;--font-body: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.5;display:flex;justify-content:center}#app{width:100%;max-width:480px;padding:1.5rem 1.25rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:1.5rem}body.screen-mode{display:block}body.screen-mode #app{max-width:none;padding:0;min-height:100vh;display:flex;flex-direction:column;gap:0;position:relative}.status{color:var(--muted);font-family:var(--font-mono);margin-top:3rem;text-align:center}.topbar,.screen-topbar{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.85rem;color:var(--muted);padding-top:.5rem}.screen-topbar{padding:.75rem 1.25rem;border-bottom:1px solid var(--panel-line);font-size:1.1rem}.presence{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 #4fd1c599;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4fd1c580}70%{box-shadow:0 0 0 8px #4fd1c500}to{box-shadow:0 0 #4fd1c500}}@media (prefers-reduced-motion: reduce){.pulse-dot{animation:none}}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:6px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.question{font-size:1.35rem;font-weight:600;line-height:1.35;margin:0}.hint{margin:0;color:var(--muted);font-size:.9rem;font-family:var(--font-mono)}.progress{font-variant-numeric:tabular-nums}.mash-button{width:160px;height:160px;border-radius:50%;border:none;background:radial-gradient(circle at 35% 30%,#ffd28a,var(--accent));font-size:4rem;cursor:pointer;box-shadow:0 0 0 6px #ffb45426;transition:transform .06s ease;-webkit-tap-highlight-color:transparent;user-select:none}.mash-button:active{transform:scale(.92)}.name-form{display:flex;gap:.5rem;width:100%}.name-form input{flex:1;min-width:0;padding:.75rem .9rem;border-radius:4px;border:1px solid var(--panel-line);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem}.name-form input:focus{outline:none;border-color:var(--accent)}.name-form button{padding:.75rem 1.1rem;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-weight:600;font-size:1rem;cursor:pointer}.winner{font-size:1.6rem;font-weight:600;margin:0}.countdown-number{font-family:var(--font-mono);font-size:5rem;font-weight:700;color:var(--accent);margin:.5rem 0;font-variant-numeric:tabular-nums}.screen-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:12rem;font-weight:700;color:var(--accent);text-shadow:0 0 40px rgba(255,180,84,.5);pointer-events:none;z-index:20}.qr-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070d14d9;z-index:30}.qr-overlay[hidden]{display:none}.qr-box{background:#fff;border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-box p{margin:0;color:var(--bg);font-family:var(--font-body);font-weight:600;font-size:1.1rem}#phaser-container{flex:1;width:100%}#phaser-container canvas{display:block}#screen-admin.admin{position:absolute;bottom:1rem;right:1rem;width:auto;z-index:40}.admin{display:flex;gap:.5rem;flex-wrap:wrap}.admin button{flex:1;min-width:120px;padding:.6rem .75rem;border-radius:4px;border:1px solid var(--panel-line);background:var(--panel);color:var(--text);font-family:var(--font-mono);font-size:.85rem;cursor:pointer}.admin button:hover{border-color:var(--accent)}.admin button:disabled{opacity:.4;cursor:not-allowed}.admin-danger:hover{border-color:var(--danger)!important}.announcement{position:fixed;top:1rem;left:50%;transform:translate(-50%,-20px);max-width:min(90vw,640px);background:var(--panel);border:1px solid var(--accent);color:var(--text);padding:.9rem 1.4rem;border-radius:6px;font-family:var(--font-mono);font-size:1rem;text-align:center;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;box-shadow:0 8px 24px #00000059}.announcement--in{transform:translate(-50%);opacity:1}
/*# sourceMappingURL=client.css.map */