.site-puzzle-head{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin:4px 0 12px}
.site-puzzle-clock,.site-puzzle-level{display:grid;align-content:center;min-height:50px;padding:8px 12px;border:1px solid #536650;border-radius:9px;background:#142018;color:#d9e9d2;font:14px 'Space Mono',monospace}
.site-puzzle-clock{min-width:103px}
.site-puzzle-clock span{color:#a7b9a5;letter-spacing:.1em}
.site-puzzle-clock b{font-size:26.6px;color:#c5f477;line-height:1.1}
.site-puzzle-clock.urgent{border-color:#d98067;animation:site-clock-alert .7s infinite alternate}
.site-puzzle-clock.urgent b{color:#ffc3a9}
.site-puzzle-level{text-align:right;color:#c5f477}
.site-puzzle-level small{display:block;margin-top:4px;color:#a7b9a5;font-size:12.6px}
.site-tile-legend{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 10px}
.site-tile-legend span{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#25362b;border:1px solid #425643;border-radius:6px;font-size:14px}
.site-tile-legend b{font-size:23.8px;color:#d6efa9}
.site-tile-example-label{margin:10px 0 2px;color:#bdcbb8;font:14px 'Space Mono',monospace;letter-spacing:.08em;text-align:center}
.site-tile-example .site-tile-cell{cursor:default;display:grid;place-items:center}
.site-tile-grid{display:grid;grid-template-columns:repeat(var(--site-cols),minmax(0,1fr));gap:5px;max-width:352px;margin:11px auto}
.site-tile-cell{height:52px;border:2px solid #526450;border-radius:5px;background:repeating-linear-gradient(0deg,#303e33,#303e33 4px,#344539 5px);color:#d9e6d0;cursor:pointer;touch-action:manipulation}
.site-tile-cell span{font-size:35px;line-height:1}
.site-tile-cell[data-texture="0"]{background:repeating-linear-gradient(90deg,#8a9f81,#8a9f81 2px,#637969 3px,#637969 8px)}
.site-tile-cell[data-texture="1"]{background:repeating-linear-gradient(0deg,#ad9480,#ad9480 2px,#675d55 3px,#675d55 6px)}
.site-tile-cell[data-texture="2"]{background:#9bb5ac}
.site-tile-cell[data-texture] span{color:#18231c;text-shadow:0 1px #fff8}
.site-tile-cell.wrong,.site-column-slot.wrong{outline:2px solid #e98d78;outline-offset:1px}
.site-puzzle-status{min-height:28px;margin:12px 0 8px;color:#d5e8ca;font:15.4px/1.45 'Space Mono',monospace}
.site-puzzle-actions{display:flex;gap:8px;flex-wrap:wrap}
.site-puzzle-actions [hidden]{display:none}
.site-column-board{display:grid;overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:10px;max-height: 46vh;max-height: 46svh;overflow:auto}
.site-column-store,.site-column-plan{display:grid;align-content:start;gap:5px}
.site-column-board h3{margin:0 0 4px;color:#b7d2a9;font:14px 'Space Mono',monospace;letter-spacing:.06em}
.site-column-piece,.site-column-slot{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 8px;border:1px solid #5b705b;border-radius:7px;background:#29382d;color:#eaf3e4;text-align:left;cursor:pointer;touch-action:manipulation}
.site-column-piece b,.site-column-slot b{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:5px;background:#17261c;color:#c5f477;font-size:28px}
.site-column-piece span,.site-column-slot span{font-size:15.4px}
.site-column-slot{display:grid;grid-template-columns:38px 31px 1fr}
.site-column-slot small{font:12.6px 'Space Mono',monospace;color:#b5c4ae}
.site-column-piece.selected{border-color:#c5f477;box-shadow:inset 0 0 0 1px #c5f477}
.site-column-piece:disabled{opacity:.35}
.site-column-slot.placed{border-color:#c5f477;background:#2a4930;color:#e9f9e2}
.site-column-slot.placed:disabled{opacity:1;cursor:default}
.site-beam-plan{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;background:#18241b;border:1px solid #4d634b;border-radius:8px}
.site-beam-plan>b{font:14px 'Space Mono',monospace;color:#bdd4b5;margin-right:4px}
.site-beam-plan span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #5c7359;border-radius:5px;color:#f4d284;font-size:35px}
.site-beam-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:5px;margin-top:11px}
.site-beam{display:grid;justify-items:center;align-content:center;gap:3px;min-height:90px;padding:6px 2px;border:1px solid #5b705b;border-radius:7px;background:#26362b;color:#eaf3e4;cursor:pointer;touch-action:manipulation}
.site-beam small{font:12.6px 'Space Mono',monospace;color:#a5baa3}
.site-beam b{font:40.6px/1 'Space Mono',monospace;color:#e0ae73}
.site-beam span{font:11.2px/1.25 'Space Mono',monospace;text-align:center;color:#b8cbb2}
.site-beam.matched{border-color:#badf80;background:#2b4b32}
.site-beam.matched b{color:#c5f477}
@keyframes site-clock-alert{from{box-shadow:none}to{box-shadow:0 0 0 3px #d9806733}}
@media(max-width:520px){.site-column-board{gap:6px}.site-column-piece,.site-column-slot{padding:5px;gap:4px;min-height:44px}.site-column-slot{grid-template-columns:31px 26px 1fr}.site-column-piece b,.site-column-slot b{width:26px;height:27px;font-size:25.2px}.site-column-piece span,.site-column-slot span{font-size:14px}.site-column-slot small{font-size:11.2px}.site-tile-cell{height:46px}.site-beam{min-height:80px}.site-beam span{font-size:9.8px}}