:root{--sea: #bcd9de;--ink: #1f3540;--paper: #fdf8ec}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--sea);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}#app{height:100vh;height:100dvh;display:flex;flex-direction:column}#board{flex:1;min-height:0;width:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.bar{display:flex;gap:6px;align-items:center;padding:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}#count{flex:0 0 auto;min-width:4.5em;padding:0 4px;font-size:.875rem}button{flex:1;min-width:44px;min-height:44px;padding:0 8px;border:1.5px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:.9375rem;touch-action:manipulation}button:disabled{opacity:.4}button[hidden]{display:none}#log{padding:16px;overflow:auto}#log h1{font-size:1.25rem;margin:0 0 12px}#log table{border-collapse:collapse;width:100%;margin-bottom:12px;font-variant-numeric:tabular-nums}#log th,#log td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--ink)}#log .bar{padding:0}