@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.page{background:radial-gradient(circle at 20% 20%,#22d3ee24,#0000 28%),radial-gradient(circle at 80% 0,#0ea5e91a,#0000 32%),#0a0f1a;color:#e8edf4;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:32px 24px 56px}.hero{display:flex;flex-direction:column;gap:12px;margin:0 auto 32px;max-width:1100px}.eyebrow{color:#8be8ff;font-size:12px;letter-spacing:.06em;margin:0;text-transform:uppercase}h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0}.lede{color:#c2cada;font-size:17px;line-height:1.5;margin:8px 0 0;max-width:720px}.byline{color:#9ba4b5;font-weight:600;margin:4px 0 0}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}button{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:12px 16px;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.primary{background:linear-gradient(135deg,#22d3ee,#0ea5e9);box-shadow:0 10px 30px #0ea5e959;color:#04101f}.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.ghost{background:#ffffff0f;border:1px solid #ffffff14;color:#f3f4f6}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pill{align-items:center;background:#22d3ee14;border:1px solid #22d3ee40;border-radius:999px;color:#a8edff;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px}.pill-ghost{background:#ffffff0f;border-color:#ffffff14;color:#dbe7f3}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:1100px}@media (min-width:900px){.grid{grid-template-columns:1.2fr .9fr}}.panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 10px 30px #00000040;padding:18px}.video-panel{padding:14px}.video-shell{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;min-height:320px;overflow:hidden;position:relative}canvas,video{display:block;height:100%;object-fit:cover;width:100%}canvas{pointer-events:none}.overlay,canvas{inset:0;position:absolute}.overlay{background:linear-gradient(135deg,#0ea5e92e,#04101fe6);color:#f3f4f6;display:grid;font-weight:700;letter-spacing:.01em;place-items:center}.hint{color:#a6aab4;font-size:14px;margin:10px 0 0}.detected{background:#22d3ee14;border:1px solid #0ea5e933;border-radius:14px;padding:14px}.label{color:#8be8ff;font-size:12px;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.detected-text{color:#f6fbff;font-size:22px;font-weight:700;margin:6px 0 0}.rps{display:flex;flex-direction:column;gap:14px;margin-top:16px}.rps-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rps-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px}.result-card{background:linear-gradient(135deg,#ff3b3033,#0b0b0dcc);border-color:#0ea5e94d}.rps-move,.rps-result{color:#f3f4f6;font-size:18px;font-weight:700;margin:4px 0 0}.rps-result{color:#8be8ff}.rps-graphic{align-items:center;color:#fef2f2;display:flex;font-size:26px;font-weight:800;gap:8px;margin:6px 0 0}.bot-graphic{color:#9cd1ff}.rps-sub{color:#9ba4b5;font-size:13px;line-height:1.4;margin:6px 0 0}.rps-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.countdown-pill{align-items:center;background:#0ea5e924;border:1px solid #0ea5e973;border-radius:999px;color:#a8edff;display:inline-flex;font-weight:700;justify-content:center;min-width:46px;padding:8px 12px}.gesture-help{display:flex;flex-wrap:wrap;gap:8px}.chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:#c2cada;display:inline-flex;font-size:13px;padding:8px 12px}.about{margin:10px auto 0;max-width:1100px}.about-title{color:#f3f4f6;font-size:18px;font-weight:700;margin:6px 0}.about-text{color:#cdd1d8;line-height:1.6;margin:8px 0 0}.footer{color:#a6aab4;font-size:14px;margin:24px auto 0;max-width:1100px}.error{color:#ffb3c1;margin-top:8px}.footer p,.hint,.legend li{line-height:1.5}
/*# sourceMappingURL=main.f1b23e22.css.map*/