.ws-tool{gap:1rem;max-width:860px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.ws-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.ws-panel h2,.ws-panel h3{margin:0}.ws-panel h2{font-size:1.05rem}.ws-panel h3{font-size:.95rem}.ws-panel legend{padding:0 .5rem;font-weight:700}.ws-modes,.ws-actions,.ws-remap{flex-wrap:wrap;gap:.5rem;display:flex}.ws-modes .button,.ws-actions .button,.ws-remap .button,.ws-durations .button{min-height:44px}.ws-modes .is-on,.ws-durations .is-on,.ws-remap .is-on{outline:2px solid var(--focus,#1a73e8);outline-offset:2px}.ws-row{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.ws-field{gap:.35rem;font-size:.9rem;display:grid}.ws-field input[type=text]{border:1px solid var(--border,#c9c9c9);background:var(--surface,transparent);max-width:220px;min-height:44px;color:inherit;border-radius:.6rem;padding:0 .75rem;font-size:1rem}.ws-durations{flex-wrap:wrap;gap:.5rem;display:flex}.ws-check{cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}.ws-check input{width:22px;height:22px;accent-color:var(--focus,#1a73e8);flex-shrink:0;margin-top:2px}.ws-hint{opacity:.8;margin:0;font-size:.88rem}.ws-error{color:#b3261e;margin:0;font-size:.88rem;font-weight:600}@media (prefers-color-scheme:dark){.ws-error{color:#ffa8a3}}.ws-hud{flex-wrap:wrap;gap:1rem;margin:0;display:flex}.ws-stat{gap:.15rem;min-width:88px;display:grid}.ws-stat dt{opacity:.75;font-size:.78rem}.ws-stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:700}.ws-stage{border:1px solid var(--border,#c9c9c9);border-radius:.9rem;position:relative;overflow:hidden}.ws-canvas{aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.ws-overlay{text-align:center;color:#f4f7ff;background:#080d18b8;place-content:center;gap:.5rem;padding:1rem;display:grid;position:absolute;inset:0}.ws-overlay h3{font-size:1.2rem}.ws-overlay p{max-width:46ch;margin:0}.ws-bignum{font-variant-numeric:tabular-nums;font-size:4rem;font-weight:800;animation:.6s ws-pop}@keyframes ws-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ws-bignum{animation:none}}.ws-newbest{color:#7cfc98;font-weight:800}.ws-hudline{opacity:.8;margin:0;font-size:.85rem}.ws-keys{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ws-keys li{border:1px solid var(--border,#c9c9c9);border-bottom-width:3px;border-radius:.6rem;align-items:center;min-height:44px;padding:.5rem .9rem;font-size:.9rem;font-weight:600;transition:transform 80ms,background 80ms;display:inline-flex}.ws-keys li.is-held{background:var(--focus,#1a73e8);border-color:var(--focus,#1a73e8);color:#fff;transform:translateY(2px)}.ws-dpad{grid-template-rows:repeat(2,64px);grid-template-columns:repeat(3,64px);justify-content:center;gap:.5rem;display:grid}.ws-dpad .button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:64px;min-height:64px;font-size:1.4rem}@media (min-width:768px){.ws-dpad-panel{display:none}}@media (pointer:coarse){.ws-dpad-panel{display:grid}}.ws-ach{gap:.35rem;margin:0;padding-left:1.25rem;font-size:.92rem;display:grid}.ws-panel summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}