*{box-sizing:border-box;margin:0;padding:0}html,body{background:#8ecae6;height:100%;overflow:hidden}body{color:#fff;font-family:system-ui,-apple-system,sans-serif}canvas{display:block}.panel{background:#0f172a8c;border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.6;position:fixed}.panel b{font-variant-numeric:tabular-nums}#left{top:14px;left:14px}#right{text-align:right;top:14px;right:14px}#help{border-radius:999px;padding:6px 14px;font-size:13px;bottom:12px;left:50%;transform:translate(-50%)}#timer{text-shadow:0 3px 12px #00000059;font-variant-numeric:tabular-nums;font-size:54px;font-weight:800;position:fixed;top:10px;left:50%;transform:translate(-50%)}#timer.low{color:#fca5a5}.pill{background:#7f1d1d;border-radius:999px;padding:2px 10px;font-size:13px;display:inline-block}.pill.ok{background:#15803d}#msg{text-align:center;text-shadow:0 4px 20px #0006;opacity:0;pointer-events:none;white-space:nowrap;font-size:52px;font-weight:800;transition:opacity .25s;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%)}#msg .sub{font-size:24px}#lobby{text-align:center;background:#0c4a6ee6;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex;position:fixed;inset:0}#lobby h1{font-size:46px}.join{background:#ffffff1a;border-radius:18px;align-items:center;gap:28px;padding:20px;display:flex}#qr{background:#fff;border-radius:10px}.join-text{text-align:left}.join-text p{margin:4px 0}.or{opacity:.8;font-size:15px}#room{letter-spacing:8px;font-variant-numeric:tabular-nums;font-size:48px;font-weight:800}.status{background:#7f1d1dcc;border-radius:10px;padding:6px 12px;display:inline-block;margin-top:10px!important}.status.ok{background:#15803d}.how{max-width:620px;line-height:1.6}#fly{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:14px;padding:16px 48px;font-size:22px;font-weight:800}