@media screen{.hte-bord-board{--cols:3;--m-h:calc((69.3cqh - 112px)/33.5);--m-w:calc((69.4cqw - 24px)/67.7);--m:min(var(--m-h),var(--m-w));--o:calc(var(--m)*.8);--tray-h:calc(var(--m)*(10 + 3*(var(--cols) - 3)));position:relative;display:grid;grid-template-rows:auto minmax(0,1fr)auto;box-sizing:border-box;color:var(--text-primary);gap:1.2cqh;width:100%;height:100%;padding:1.5cqh 2cqw}.hte-bord-head{display:flex;justify-content:space-between;align-items: center;gap:2cqw}body.board-presenting .hte-bord-head{padding-right:calc(3*var(--board-hit) + 2*8px + 12px)}.hte-bord-number{font-size:var(--board-lg);margin:0}.hte-bord-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1cqmin}.hte-bord-btn{min-height:var(--board-hit);border:2px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:var(--board-sm);white-space:nowrap;cursor:pointer;padding:0 1.4cqmin;font-weight:700}.hte-bord-btn[aria-disabled=true]{opacity:.4}.hte-bord-btn--ready{border-color:var(--accent);background:var(--accent);color:#fff}.hte-bord-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hte-bord-piece:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hte-bord-tray-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hte-bord-col:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hte-bord-cols{display:flex;gap:1.2cqw;min-height:0}.hte-bord-col{--need:5.7;flex:1 1 max(calc(var(--need)*var(--m) + 6px + 2.8cqw),var(--floor,0px));display:grid;grid-template-rows:auto minmax(0,1fr)auto;border:3px solid var(--border-color-field);border-radius:var(--border-radius-md);background:var(--bg-card-hover);box-sizing:border-box;gap:.6cqh;min-width:0;min-height:0;padding:.6cqh .7cqw}.hte-bord-col[data-place="0"]{--floor:14.6cqw}.hte-bord-col[data-place="1"]{--need:20.5}.hte-bord-col[data-place="2"]{--need:26.9}.hte-bord-col[data-place="3"]{--need:19.4}.hte-bord-col--armed{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--accent);background:color-mix(in srgb,var(--accent)14%,var(--bg-card))}.hte-bord-col--target{border-color:var(--accent);background:var(--bg-card);border-style:dashed}.hte-bord-col-head{display:flex;font-size:calc(var(--board-md)*.8);align-items: center;gap:1cqmin;margin:0;line-height:1.1}.hte-bord-letter{display:inline-grid;background:var(--accent);color:#fff;border-radius:.4em;place-items: center;min-width:1.6em;height:1.6em;font-weight:800}.hte-bord-col-body{display:flex;align-content: flex-start;align-items: flex-start;gap:calc(var(--m)*.5);overflow:hidden;flex-wrap:wrap;min-height:0;padding:0 .7cqw}.hte-bord-col[data-place="0"] .hte-bord-col-body{flex-flow:column}.hte-bord-group{--n:1}.hte-bord-col-body[data-from]{cursor:grab}.hte-bord-group--unit{display:flex;gap:calc(var(--m)*.15)}.hte-bord-group--rod{display:flex;gap:calc(var(--m)*.3);flex-direction:column}.hte-bord-group--flat,.hte-bord-group--cube{position:relative;height:calc(var(--side)*var(--m));width:calc(var(--side)*var(--m) + (var(--n) - 1)*var(--o))}.hte-bord-group--flat{--side:10}.hte-bord-group--cube{--side:13}.hte-bord-group--flat .hte-bord-piece,.hte-bord-group--cube .hte-bord-piece{position:absolute;left:calc(var(--k)*var(--o));z-index:calc(100 - var(--k));top:0}.hte-bord-col-foot{display:flex;min-height:calc(2*var(--board-hit) + .6cqh);flex-wrap:wrap;align-content: flex-start;gap:.6cqh .8cqw}.hte-bord-piece{--k:0;position:relative;display:block;cursor:grab;background:0 0;border:none;padding:0;line-height:0}.hte-bord-piece--lifted{opacity:.3}.hte-bord-tray{display:flex;border:3px dashed var(--border-color-field);border-radius:var(--border-radius-md);background:var(--bg-card-hover);justify-content:space-around;align-items: flex-end;gap:1.5cqw;padding:.8cqh 1cqw}.hte-bord-tray-item{display:grid;grid-template-rows:var(--tray-h)auto;min-width:var(--board-hit);min-height:var(--board-hit);border:2px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:grab;place-items: end center;gap:.5cqh;padding:.6cqh 1cqw}.hte-bord-tray-item[aria-disabled=true]{opacity:.35;cursor:not-allowed}.hte-bord-tray-label{font-size:var(--board-sm);font-weight:700;line-height:1.1}.hte-bord-ghost{position:absolute;z-index:20;pointer-events:none;filter:drop-shadow(0 6px 10px #0000004d);transform:translate(-50%,-50%)}.hte-bord-ghost .hte-bord-block{width:100%;height:100%}.hte-bord-block{display:block;fill:var(--hte-fill);stroke:var(--hte-edge);stroke-width:3px;stroke-linejoin:round;flex:none}.hte-bord-block *{vector-effect:non-scaling-stroke}.hte-bord-block line{stroke-width:2px}.hte-bord-block--unit{--hte-fill:#f6c944;--hte-edge:#6b4e00;width:var(--m);height:var(--m)}.hte-bord-block--rod{--hte-fill:#6dbf7a;--hte-edge:#1a4f26;width:calc(var(--m)*10);height:var(--m)}.hte-bord-block--flat{--hte-fill:#7bb0e6;--hte-edge:#173f6e;width:calc(var(--m)*10);height:calc(var(--m)*10)}.hte-bord-block--cube{--hte-fill:#ee8a74;--hte-edge:#6e2616;width:calc(var(--m)*13);height:calc(var(--m)*13)}.hte-bord-face-top{fill:#f7b9a9}.hte-bord-face-side{fill:#c4604b}}