:root{--color-bg:#fff6f2;--color-bg-elevated:#fff;--color-text:#241512;--color-text-muted:#7a5c54;--color-border:#2415121a;--color-accent:#ff7a45;--color-accent-2:#ff3d68;--color-danger:#d7263d;--shadow-glow:0 0 40px #ff7a454d;--shadow-card:0 20px 60px #24151226;--radius-lg:20px;--radius-md:12px;--button-diameter:72px}:root[data-theme=dark]{--color-bg:#170d0a;--color-bg-elevated:#241512;--color-text:#fbe9e3;--color-text-muted:#b98a7c;--color-border:#ffffff1a;--shadow-glow:0 0 50px #ff7a4573;--shadow-card:0 20px 60px #00000080}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s;overflow:hidden}button{font-family:inherit}.hud{z-index:10;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 20px;display:grid;position:fixed;top:0;left:0;right:0}.hud__leaderboard{justify-self:start}.hud__stats{grid-column:2;justify-self:center;gap:10px}.hud__stat,.hud__stats{align-items:center;display:flex}.hud__stat{flex-direction:column;min-width:64px;padding:6px 14px}.hud__stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem}.hud__stat-value{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700}.hud__stat-value--urgent{color:var(--color-danger);animation:.6s ease-in-out infinite urgent-pulse}.theme-toggle{border:1px solid var(--color-border);background:var(--color-bg-elevated);width:40px;height:40px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-card);pointer-events:auto;border-radius:999px;grid-column:3;justify-content:center;justify-self:end;align-items:center;font-size:1.125rem;line-height:1;display:flex}.play-field{width:100%;height:100dvh;position:relative;overflow:hidden}.dodge-button-group{display:contents}.dodge-button{width:var(--button-diameter);height:var(--button-diameter);margin:calc(var(--button-diameter)/-2);cursor:pointer;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));box-shadow:var(--shadow-glow);will-change:transform;transform:translate3d(var(--x,0),var(--y,0),0);animation:idle-pulse var(--idle-pulse-duration,2.6s) ease-in-out infinite;border:none;border-radius:50%;transition:transform 80ms linear,width .25s ease-out,height .25s ease-out,margin .25s ease-out;position:absolute;top:0;left:0}.dodge-button__ripple{box-shadow:0 0 .5px .5px var(--color-text);pointer-events:none;animation:hit-ring var(--ripple-duration,.7s) ease-out forwards;border-radius:50%;position:absolute;inset:0}@keyframes idle-pulse{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 65px #7c5cff80,0 0 20px #ff5ca859}}@keyframes hit-ring{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(3.7)}}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.55}}.leaderboard{min-width:190px;padding:12px 16px}.leaderboard__title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 8px;font-size:.6875rem}.leaderboard__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard__row{align-items:baseline;gap:8px;font-size:.875rem;display:flex}.leaderboard__rank{color:var(--color-text-muted);font-variant-numeric:tabular-nums;width:1.2em}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.leaderboard__clicks{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.leaderboard__empty{color:var(--color-text-muted);font-size:.8125rem}.modal-backdrop{z-index:20;background:#0a0a108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;width:calc(100% - 40px);max-width:21.25rem;padding:1.75rem 2rem}.modal-card h2{margin:0 0 6px;font-size:1.375rem}.modal-card p{color:var(--color-text-muted);margin:0 0 18px;font-size:.875rem}.modal-card input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);margin-bottom:14px;padding:.625rem .75rem;font-size:.9375rem}.modal-card__actions{justify-content:center;gap:10px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.btn--primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#fff}.btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .18s,transform .18s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0;transform:scale(.96)}.unsupported{text-align:center;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.unsupported__card{max-width:23.75rem}.unsupported__card h1{margin-bottom:8px;font-size:1.375rem}.unsupported__card p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5}.repo-link{color:var(--color-accent);margin-top:1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.modal-card .repo-link{margin-top:1.5rem;padding-top:1.25rem;display:block;position:relative}.modal-card .repo-link:before{content:"";background:linear-gradient(to right,transparent,var(--color-border),transparent);width:85%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.error-toast{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-danger);z-index:30;padding:8px 16px;font-size:.8125rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.result-pending{color:var(--color-text-muted);z-index:5;font-size:.875rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.idle-text-enter-active,.idle-text-leave-active{transition:opacity .6s}.idle-text-enter-from,.idle-text-leave-to{opacity:0}.idle-card{text-align:center;z-index:5;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.idle-card h1{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:1.75rem}.idle-card p{color:var(--color-text-muted);margin:0;font-size:.9375rem}.idle-button{width:var(--button-diameter);height:var(--button-diameter);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));box-shadow:var(--shadow-glow);pointer-events:none;animation:idle-pulse var(--idle-pulse-duration,2.6s) ease-in-out infinite;border-radius:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}