.hero{--flip-ink:#f3f5f9;--flip-muted:#9aa3b4;--flip-panel:#16191f;--flip-line:#2a2f39;--flip-accent:var(--primary,#0fb72e);block-size:100dvb;color:var(--flip-ink);background:#10131a;flex-direction:column;display:flex;overflow:hidden}.flip{flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative}.flip__stage{z-index:1;flex:1;min-block-size:0;position:relative}.flip__canvas{z-index:0;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.flip__loading{color:var(--flip-muted);letter-spacing:.04em;place-content:center;margin:0;font-size:.875rem;display:grid;position:absolute;inset:0}.flip__scoreboard{flex-wrap:wrap;gap:8px;display:flex;position:absolute;inset-block-start:16px;inset-inline-start:16px}.flip__stat{border:1px solid var(--flip-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10131ac7;border-radius:10px;min-inline-size:104px;padding:8px 12px 10px}.flip__stat-label{color:var(--flip-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.625rem;display:block}.flip__stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1.15;display:block}.flip__stat-value small{color:var(--flip-muted);font-size:.75rem;font-weight:400}.flip__stat-sub{color:var(--flip-muted);font-variant-numeric:tabular-nums;font-size:.6875rem;display:block}.flip__meter{background:#262b35;border-radius:999px;block-size:4px;margin-block-start:6px;display:block;overflow:hidden}.flip__meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--flip-accent), #7ef0a0);block-size:100%;transition:inline-size .12s linear;display:block}.flip__callout{border:1px solid var(--flip-accent);text-align:center;background:#0fb72e24;border-radius:10px;margin:0;padding:10px 14px;font-size:.8125rem;position:absolute;inset-block-end:16px;inset-inline:16px}.flip__controls{z-index:1;border-block-start:1px solid var(--flip-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16191fa6;border-top:1px solid #7ef0a0;grid-template-columns:1fr;gap:20px;padding:20px 16px 24px;display:grid;position:relative}.flip__gauges{grid-template-columns:1fr;gap:16px;display:grid}.flip__action{flex-direction:column;justify-content:center;gap:8px;display:flex}.flip__button{background:var(--flip-accent);color:#07130a;min-block-size:48px;font:inherit;letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0 24px;font-size:.9375rem;font-weight:650;transition:filter .12s,transform 80ms}.flip__button:hover:not(:disabled){filter:brightness(1.08)}.flip__button:active:not(:disabled){transform:translateY(1px)}.flip__button:disabled{color:var(--flip-muted);cursor:default;background:#252a33}.flip__button:focus-visible,.gauge__input:focus-visible{outline-offset:2px;outline:2px solid #7ef0a0}.flip__hint{color:var(--flip-muted);text-align:center;margin:0;font-size:.75rem}.gauge{--gauge-value:0%;opacity:.45;transition:opacity .16s}.gauge[data-active],.gauge[data-locked]{opacity:1}.gauge__head{justify-content:space-between;align-items:baseline;gap:8px;margin-block-end:6px;display:flex}.gauge__label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600}.gauge__readout{color:var(--flip-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.gauge[data-locked] .gauge__readout{color:var(--flip-ink);font-weight:600}.gauge[data-sweet] .gauge__readout{color:#7ef0a0}.gauge__track{border:1px solid var(--flip-line);background:#0d1016;border-radius:8px;block-size:28px;position:relative;overflow:hidden}.gauge__sweet{background:#0fb72e2e;border-inline:1px solid #0fb72e80;position:absolute;inset-block:0}.gauge__fill{inline-size:var(--gauge-value);background:linear-gradient(90deg,#5b6cff40,#7ef0a066);position:absolute;inset-block:0;inset-inline-start:0}.gauge__fill--power{inline-size:var(--gauge-value);background:linear-gradient(90deg,#7ef0a040,#b51e1eb3);position:absolute;inset-block:0;inset-inline-start:0}.gauge__needle{background:var(--flip-ink);border-radius:2px;inline-size:3px;margin-inline-start:-1.5px;position:absolute;inset-block:2px;inset-inline-start:var(--gauge-value);box-shadow:0 0 10px #f3f5f999}.gauge__needle--power.gauge__needle{background:#b13333;border-radius:2px;inline-size:3px;margin-inline-start:-1.5px;position:absolute;inset-block:2px;inset-inline-start:var(--gauge-value);box-shadow:0 0 10px #f3f5f999}.gauge[data-locked] .gauge__needle{background:var(--flip-accent);box-shadow:0 0 12px #0fb72ecc}.gauge__input{opacity:0;cursor:ew-resize;appearance:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.gauge__input:disabled{cursor:default}.gauge__caption{color:var(--flip-muted);margin:6px 0 0;font-size:.6875rem;line-height:1.4}@media (min-width:40rem){.flip__gauges{grid-template-columns:repeat(3,1fr)}}@media (min-width:64rem){.flip__controls{grid-template-columns:1fr auto;align-items:start;padding-inline:24px}.flip__action{min-inline-size:200px}}@media (prefers-reduced-motion:reduce){.flip__meter-fill,.flip__button{transition:none}}