html, body { margin: 0; height: 100%; background: #1b2632 url("graphics/background-zigzags.svg") repeat; color: #f4eee6; font-family: "Times New Roman"}
body { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 8px; box-sizing: border-box; }
button { font: inherit; padding: 4px 10px; border-radius: 6px; border: 0; background: #f4eee6; color: #2a2433; }
h1 { margin: 0; font-size: 20px; letter-spacing: 2px; text-align: center; }
#clock { font-size: 22px; font-weight: bold; font-variant-numeric: tabular-nums; }
#stage { flex: none; background: transparent; border-radius: 10px; touch-action: none; user-select: none; }
#board { cursor: grab; }
#restart, #undo { cursor: pointer; }
#win { position: fixed; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(20,16,28,.85); text-align: center; padding: 16px; }
#win.show { display: flex; }
#win h2 { margin: 0; font-size: 30px; color: #ffd75e; }
.block { transition: transform .18s ease-in, opacity .2s; }
.block.held .tile { stroke: #fff; stroke-width: 6; }