._root_1q258_1{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px}._legend_1q258_9{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--vb-surface);border-radius:999px;box-shadow:0 1px 4px #1f23290f;flex-wrap:wrap;justify-content:center}._legendSwatch_1q258_21{display:inline-block;width:22px;height:22px;border-radius:6px;box-shadow:inset 0 1px 1px #ffffff4d,0 1px 2px #1f232926;transition:opacity var(--vb-duration-medium) var(--vb-easing-default),filter var(--vb-duration-medium) var(--vb-easing-default)}._legendLocked_1q258_32{opacity:.32;filter:grayscale(.7);position:relative}._legendLocked_1q258_32:after{content:"·";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--vb-text);opacity:.4;pointer-events:none}._legendGroup_1q258_52{display:inline-flex;align-items:center;gap:6px}._legendDivider_1q258_58{display:inline-block;width:1px;height:18px;background:color-mix(in srgb,var(--vb-text) 18%,transparent);margin:0 4px}._legendProgress_1q258_66{margin-left:8px;font-size:10px;letter-spacing:.04em;color:var(--vb-text-muted);white-space:nowrap}._canvas_1q258_74{position:relative;display:grid;grid-template-columns:repeat(12,36px);grid-template-rows:repeat(8,36px);gap:4px;padding:18px;background:var(--vb-surface);border-radius:16px;box-shadow:0 2px 10px #1f232914;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._cell_1q258_89{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}._bloc_1q258_98{width:32px;height:32px;border-radius:7px;background:var(--bloc-color, var(--vb-block-1));box-shadow:0 var(--bloc-shadow-y, 1px) var(--bloc-shadow-blur, 2px) #1f23292e,inset 0 1px 1px #ffffff59;transform:translateY(var(--bloc-lift, 0)) scale(var(--bloc-scale, 1));transform-origin:center bottom;transition:transform var(--vb-duration-medium) var(--vb-easing-default),background-color var(--vb-duration-medium) var(--vb-easing-default),box-shadow var(--vb-duration-medium) var(--vb-easing-default);cursor:pointer;outline:none}._bloc_1q258_98:hover{filter:brightness(1.04)}._bloc_1q258_98:focus-visible{outline:2px solid var(--vb-accent);outline-offset:3px}._justTapped_1q258_123{animation:_bloc-pulse_1q258_1 .18s cubic-bezier(.7,0,.3,1)}@keyframes _bloc-pulse_1q258_1{0%{filter:brightness(1)}50%{filter:brightness(1.18)}to{filter:brightness(1)}}._impressed_1q258_139{background:var(--vb-accent-soft);color:var(--vb-text);padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}._hintRow_1q258_149{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--vb-text-muted);line-height:1.5;flex-wrap:wrap;justify-content:center;max-width:540px;text-align:center}._controlsRow_1q258_162{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;min-height:28px;font-size:12px;color:var(--vb-text-muted)}._quietButton_1q258_173{padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.02em;color:var(--vb-text-muted);background:var(--vb-surface-raised);border:1px solid color-mix(in srgb,var(--vb-text) 8%,transparent);transition:background-color var(--vb-duration-fast) var(--vb-easing-default),color var(--vb-duration-fast) var(--vb-easing-default)}._quietButton_1q258_173:hover{color:var(--vb-text);background:color-mix(in srgb,var(--vb-surface-raised) 50%,var(--vb-bg))}._quietButton_1q258_173._armed_1q258_190{color:var(--vb-text);background:var(--vb-accent-soft);border-color:var(--vb-accent)}._quietDisabled_1q258_196{padding:4px 10px;font-size:11px;color:color-mix(in srgb,var(--vb-text-muted) 60%,transparent)}._kbd_1q258_202{display:inline-block;padding:1px 6px;margin:0 2px;font-size:11px;border-radius:4px;background:var(--vb-surface-raised);border:1px solid color-mix(in srgb,var(--vb-text) 12%,transparent)}@media (prefers-reduced-motion: reduce){._bloc_1q258_98{transition:background-color .01ms linear}._justTapped_1q258_123{animation:none}}:root{--vb-bg: #f4f3ef;--vb-surface: #ffffff;--vb-surface-raised: #fafaf7;--vb-text: #1f2329;--vb-text-muted: #6b7280;--vb-accent: #3b8b8a;--vb-accent-soft: #c8e1e0;--vb-block-1: #c8d6e5;--vb-block-2: #b7d0c6;--vb-block-3: #dccfa6;--vb-block-4: #d9b9a8;--vb-block-5: #c8a3b6;--vb-block-6: #a8b6c8;--vb-block-7: #b0c4b1;--vb-block-8: #d4c5a0;--vb-block-shadow: 0 2px 6px rgba(31, 35, 41, .12);--vb-duration-fast: .12s;--vb-duration-medium: .24s;--vb-easing-default: cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme: dark){:root{--vb-bg: #181a1f;--vb-surface: #23262d;--vb-surface-raised: #2a2e36;--vb-text: #e8eaee;--vb-text-muted: #9aa1ad;--vb-accent: #6cb8b6;--vb-accent-soft: #2c4949;--vb-block-1: #4a5c70;--vb-block-2: #4e6960;--vb-block-3: #6e6648;--vb-block-4: #6e564a;--vb-block-5: #6a4c5d;--vb-block-6: #4f5b6c;--vb-block-7: #506357;--vb-block-8: #6a6048;--vb-block-shadow: 0 2px 6px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;background-color:var(--vb-bg);color:var(--vb-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--vb-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}