:root{color:#273e36;font-synthesis:none;--ink:#273e36;--green:#365d42;--paper:#edf0e5;--muted:#52634d;accent-color:var(--green);background:#dce3d4;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,canvas:focus-visible{outline-offset:-3px;outline:3px solid #315eac}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#d8e0cf}button:active:not(:disabled){transform:translateY(1px)}::selection{color:#213c2b;background:#b9cf9f}[hidden]{display:none!important}.game{background:var(--paper);grid-template-rows:auto minmax(0,1fr) auto;max-width:760px;height:100dvh;margin:0 auto;display:grid}.hud{padding:calc(12px + env(safe-area-inset-top)) 18px 12px;align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.parking-sign{color:#fff;background:#426f9b;border-radius:7px;place-items:center;width:34px;height:38px;font-size:26px;font-weight:800;display:grid;box-shadow:0 3px 5px #24383220}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:19px;font-weight:800;line-height:1.1}#level{color:var(--muted);font-size:12px}.count{align-items:baseline;gap:6px;margin-left:auto;display:flex}.count strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.count span{color:var(--muted);font-size:11px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-button{background:0 0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}#board{background:#dce3d4;min-height:0;position:relative;overflow:hidden}#canvasHost{width:100%;height:100%}canvas{touch-action:none;display:block}#loading{background:#dce3d4;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}footer{padding:8px 14px calc(12px + env(safe-area-inset-bottom));background:var(--paper)}#status{text-align:center;min-height:17px;color:var(--muted);margin:2px 0 7px;font-size:12px}#status[data-kind=blocked]{color:#9c3c2d}nav{justify-content:center;gap:18px;display:flex}nav button{background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;min-width:78px;min-height:54px;padding:7px 10px;font-size:11px;display:flex}nav button[aria-pressed=true]{background:#d3dfc6}#finish{text-align:center;background:#edf0e5eb;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}h2{letter-spacing:-.025em;margin:16px 0 10px;font-size:28px;line-height:1.15}#winCopy{color:var(--muted);margin:0 0 24px;font-size:14px}.win-sign{color:#365d42;background:#d0e3be;border-radius:50%;place-items:center;width:66px;height:66px;display:grid}.win-sign svg{width:36px;height:36px}.primary{color:#fff;background:#365d42;border-radius:12px;padding:15px 22px;font-weight:700}.primary:hover:not(:disabled){background:#284b33}dialog{background:var(--paper);width:calc(100% - 32px);max-width:390px;color:var(--ink);border:0;border-radius:16px;padding:26px;box-shadow:0 14px 50px #24383233}dialog::backdrop{background:#24383266}dialog h2{margin-top:0;font-size:25px}dialog p{font-size:14px;line-height:1.6}dialog .keys{color:var(--muted);font-size:12px}dialog button{width:100%}@media (width<=380px){.hud{gap:8px;padding-left:12px;padding-right:8px}.count{gap:4px}.count span{max-width:52px;line-height:1.2}nav{gap:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}button:active:not(:disabled){transform:none}}