:root{--ink:#1d1b16;--panel:#c6c6c6;--panel-dark:#555;font-family:Pixelify Sans,ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#4a3423 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23543c29' d='M1 0h2v1H1zM5 2h1v1H5zM0 4h1v1H0zM3 5h2v1H3zM6 6h2v1H6z'/%3E%3Cpath fill='%233e2b1c' d='M4 0h1v1H4zM7 1h1v1H7zM2 3h1v1H2zM6 4h1v1H6zM1 6h1v1H1zM4 7h1v1H4z'/%3E%3C/svg%3E") 0 0/64px;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}.bar{color:var(--ink);background:var(--panel);border-bottom:4px solid var(--panel-dark);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px;display:flex;box-shadow:inset 0 4px #fff}.bar h1{letter-spacing:1px;margin:0 auto 0 0;font-size:24px}.modes,.count{align-items:center;gap:6px;display:flex}.count output{text-align:center;min-width:2ch;font-size:22px}button{font:inherit;color:#fff;text-shadow:2px 2px #3a3a3a;cursor:pointer;background:#7d7d7d;border:3px solid #000;padding:8px 14px;font-size:17px;box-shadow:inset 3px 3px #adadad,inset -3px -3px #555}button:hover{background:#8f8f8f}button:active{box-shadow:inset 3px 3px #555,inset -3px -3px #adadad}button[aria-pressed=true]{background:#4c9a3a;box-shadow:inset 3px 3px #7bcf62,inset -3px -3px #2c6420}.rule{text-align:center;background:#00000080;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;min-height:52px;margin:0;padding:6px 14px;font-size:18px;display:flex}.rule.won{background:#2f7d32;font-size:22px}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex;position:relative}.world{touch-action:none;shape-rendering:crispedges;display:block;overflow:visible}.canvas{stroke:#1b1c21;stroke-width:.3px;paint-order:stroke}.stone-base{fill:#b7bac2}.stone-check{fill:#adb0b9}.center-mark{fill:#ffffff4d;stroke:#fff;stroke-width:.1px;stroke-dasharray:.25}.tray{fill:#7b7e87;stroke:#1b1c21;stroke-width:.3px;paint-order:stroke}.figure{cursor:grab}.figure.dragging{cursor:grabbing}.figure .body{transform-box:fill-box;transform-origin:50%}.figure .outline{fill:none;stroke-width:.16px;stroke-linecap:square}.figure .mouth-happy,.figure.happy .mouth-sad{display:none}.figure.happy .mouth-happy{display:inline}.figure.selected .outline{stroke:#ffe066;stroke-width:.26px}.figure.speaking .outline{stroke:#fff;stroke-width:.22px}.figure.mentioned .outline{stroke:#fff;stroke-width:.3px;animation:.7s steps(2,jump-none) infinite blink}.shared{pointer-events:none}.marquee{pointer-events:none;fill:#ffe0662e;stroke:#ffe066;stroke-width:.14px;stroke-dasharray:.5}.clash{fill:#ff2424;animation:.6s steps(2,jump-none) infinite blink}.common-area{fill:#ffffff38}.common-border{fill:none;stroke:#fff;stroke-width:.14px;stroke-linecap:square}.common-dots{fill:#fff;stroke:#16161d;stroke-width:.06px}@keyframes blink{0%{opacity:1}to{opacity:.25}}.balloon{z-index:2;width:max-content;max-width:min(360px,100% - 16px);color:var(--ink);pointer-events:none;border:4px solid var(--ink);background:#fffdf2;padding:10px 14px 12px;font-size:18px;line-height:1.35;position:absolute;box-shadow:6px 6px #00000059}.balloon:after{bottom:-12px;left:var(--tail);content:"";background:inherit;border:solid var(--ink);border-width:0 4px 4px 0;width:14px;height:14px;margin-left:-9px;position:absolute;transform:rotate(45deg)}.balloon.below:after{border-width:4px 0 0 4px;top:-12px;bottom:auto}.balloon-name{color:#6b655a;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:14px}.balloon p{margin:0}.balloon p+p{margin-top:8px}.balloon strong{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffe066;padding:0 3px}.fireworks{z-index:3;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}[hidden]{display:none!important}