*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg,#14161c);color:var(--ink-dim,#8a91a0);font:400 13px/1.4 var(--font-body,ui-monospace, "SF Mono", Menlo, Consolas, monospace);touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}#board{flex:auto;min-height:0;position:relative}#board canvas{display:block}#stats{flex:none;justify-content:space-between;gap:12px;padding:12px 16px 8px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat[data-stat=map],.stat[data-stat=cost]{align-items:flex-end}.stat-label{font-family:var(--font-label,ui-monospace, Menlo, Consolas, monospace);letter-spacing:var(--label-tracking,.04em);color:var(--ink-faint,#767d8d);font-size:10px}.stat-value{font-family:var(--font-display,ui-monospace, Menlo, Consolas, monospace);color:var(--ink,#e8ecf4);font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.stat[data-stat=tiles] .stat-value{color:var(--danger,#c98a6a)}#controls{flex-direction:column;flex:none;gap:8px;padding:8px 10px;display:flex}#draft,#actions{justify-content:center;gap:8px;display:flex}button{border:1px solid var(--panel-edge,#3a4150);background:var(--panel,#1e222b);min-height:44px;color:var(--ink-dim,#c3c9d6);font:inherit;font-family:var(--font-label,inherit);letter-spacing:var(--label-tracking,.04em);cursor:pointer;border-radius:4px;flex:1 1 0;padding:0 10px}button:disabled{opacity:.35;cursor:default}.tile{max-width:108px;min-height:56px;color:var(--ink,#e8ecf4);text-shadow:0 1px 2px #000000a6;border-width:2px;font-size:10px;line-height:1.2}.tile[data-colour=green]{background:linear-gradient(var(--tile-green,#3f7d55), var(--tile-green-to,#3f7d55))}.tile[data-colour=yellow]{background:linear-gradient(var(--tile-yellow,#a8912f), var(--tile-yellow-to,#a8912f))}.tile[data-colour=red]{background:linear-gradient(var(--tile-red,#9c4340), var(--tile-red-to,#9c4340))}.tile[data-colour=blue]{background:linear-gradient(var(--tile-blue,#304a70), var(--tile-blue-to,#304a70))}.tile[aria-pressed=true]{border-color:var(--panel-edge-active,#e8ecf4)}#end{text-align:center;font-family:var(--font-body,inherit);color:var(--ink,#e8ecf4);flex:none;margin:0;padding:10px 16px}#themes{flex:none;justify-content:center;gap:6px;padding:0 10px;display:flex}.swatch{border-radius:3px;min-height:32px;padding:0 8px;font-size:10px}.swatch[aria-pressed=true]{border-color:var(--panel-edge-active,#e8ecf4);color:var(--ink,#e8ecf4)}#stamp{letter-spacing:.08em;color:var(--ink-faint,#4d5462);text-align:center;flex:none;padding:6px 10px;font-size:10px}