:root {
  --ink:#173d3b; --muted:#617873; --blue:#087f76; --blue-light:#e5f5f1;
  --line:#dbe8e3; --paper:#f3f7f4; --success:#126648; --radius:14px;
  font-family:'Segoe UI',Arial,sans-serif; color:var(--ink); background:var(--paper); font-synthesis:none;
}
* { box-sizing:border-box; }
body { margin:0; }
button,input,a { -webkit-tap-highlight-color:transparent; outline-offset:3px; }
button { font:inherit; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:7px; }
button:disabled { opacity:.42; cursor:default; }
button:hover:not(:disabled) { filter:brightness(.96); }
button:focus-visible,a:focus-visible,input:focus-visible,svg [tabindex]:focus-visible { outline:3px solid #dca11b; }
button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
[hidden] { display:none!important; }
.topbar { height:48px; padding:0 max(16px,calc((100vw - 1320px)/2)); display:flex; align-items:center; gap:20px; background:white; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:9px; align-items:center; color:var(--ink); text-decoration:none; font-size:20px; font-weight:750; letter-spacing:-.5px; }
.brand svg { width:30px; height:32px; color:var(--blue); flex-shrink:0; }
.untimed { margin-left:auto; display:flex; align-items:center; gap:7px; font-size:13px; color:var(--muted); }
.untimed svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
.text-button { background:none; border:0; padding:5px 0; color:var(--blue); font-size:13px; }
.topbar .text-button { border-left:1px solid var(--line); padding-left:20px; color:var(--ink); }
main { max-width:1320px; margin:auto; padding:8px 16px 6px; }
.intro { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.intro>div:first-child { min-width:0; }
.eyebrow { font-size:12px; letter-spacing:1.6px; font-weight:750; color:var(--blue); margin-bottom:10px; }
.intro .eyebrow,.intro p { display:none; }
h1 { font-size:23px; letter-spacing:-.6px; line-height:1.2; margin:0; font-weight:750; overflow-wrap:break-word; }
h2 { font-size:17px; letter-spacing:-.3px; font-weight:700; margin:0; }
p { line-height:1.45; }
.goal { border:1px solid #e8d6a4; border-radius:9px; background:#fff6dc; padding:4px 10px; flex-shrink:0; white-space:nowrap; }
.goal strong { font-size:14px; }
.goal-icon,#goal-detail { display:none!important; }
.workspace { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:stretch; }
.workspace>* { min-width:0; }
.panel { border:1px solid var(--line); border-radius:var(--radius); background:white; box-shadow:0 3px 6px #153e3303; }
.board-card,.fold-card { padding:8px; }
.fold-card { display:flex; flex-direction:column; position:relative; }
.panel-heading,.heading-label { display:flex; align-items:center; gap:9px; }
.panel-heading { justify-content:space-between; margin-bottom:5px; }
.step { display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:7px; background:var(--blue-light); color:var(--blue); font-weight:700; font-size:12px; flex-shrink:0; }
.count { padding:3px 7px; border:1px solid var(--line); border-radius:6px; font-size:12px; color:var(--muted); white-space:nowrap; }
.count.full { border-color:#b9e4d6; background:var(--blue-light); color:var(--blue); }
.face-picker { display:flex; gap:7px; margin:0 0 5px; }
.face-picker button { border:1px solid #ccddd5; border-radius:8px; min-height:30px; background:white; color:var(--ink); padding:4px 10px; font-size:13px; }
.face-picker button.active,.face-picker button[aria-pressed=true] { background:var(--blue-light); border-color:var(--blue); color:var(--blue); box-shadow:inset 0 0 0 1px var(--blue); }
.face-picker button svg { width:17px; height:17px; }
.face-picker .remaining,.face-picker .tool-count { background:#eef2ef; color:var(--muted); border-radius:4px; padding:1px 4px; font-size:11px; }
.face-picker button.active .remaining,.face-picker button.active .tool-count { background:white; color:var(--blue); }
.board-wrap { width:100%; margin:auto; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#f8fbf8; }
.build-board,#build-board { width:100%; height:clamp(220px,32vh,350px); display:block; touch-action:manipulation; }
.face-polygon { stroke:#ffffff; stroke-width:.045; stroke-linejoin:round; cursor:pointer; transition:filter .12s; }
.face-polygon:hover { filter:brightness(1.08); }
.face-polygon.selected,.face-polygon.active { stroke:var(--ink); stroke-width:.065; }
.face-label { font-weight:700; pointer-events:none; user-select:none; }
.ghost-face { fill:#087f760c; stroke:#67a997; stroke-width:.035; stroke-dasharray:.08 .05; stroke-linejoin:round; cursor:pointer; transition:fill .12s,stroke .12s; }
.ghost-face:hover,.ghost-face:focus { fill:#087f7633; stroke:#087f76; stroke-width:.05; }
.candidate { cursor:pointer; }
.candidate .ghost-face { opacity:0; }
.candidate:hover .ghost-face,.candidate:focus .ghost-face,.candidate:focus-within .ghost-face { opacity:1; fill:#087f7628; }
.hinge-dot { fill:white; stroke:#75a393; stroke-width:.025; pointer-events:auto; }
.hinge-plus { fill:#087f76; font-weight:600; pointer-events:none; user-select:none; }
.board-help { margin-top:4px; display:flex; align-items:center; gap:7px; font-size:12px; color:var(--muted); line-height:1.3; }
.tiny-square { width:9px; height:9px; border:1px solid #82a697; border-radius:2px; flex-shrink:0; }
.board-tools { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:5px; }
.tool-group { display:flex; align-items:center; gap:5px; }
.primary,.secondary { border-radius:8px; padding:6px 10px; min-height:32px; font-size:14px; white-space:nowrap; }
.primary { background:var(--blue); border:1px solid var(--blue); color:white; }
.secondary { background:white; border:1px solid #ccddd5; color:var(--ink); }
.board-tools .secondary { min-height:30px; font-size:13px; padding:5px 9px; }
.icon-button { width:30px; height:30px; padding:5px; border:1px solid var(--line); border-radius:7px; background:white; color:var(--muted); }
.board-tools .text-button { font-size:12px; }
.preview-tag { font-size:10px; letter-spacing:.9px; font-weight:700; color:#81948c; }
.preview { height:clamp(220px,32vh,350px); background:radial-gradient(ellipse at 50% 40%,#eef9f2,#f9fcf9 75%); border-radius:10px; position:relative; overflow:hidden; touch-action:none; flex:1; min-height:0; }
.preview canvas { position:absolute; inset:0; width:100%; height:100%; display:block; cursor:grab; }
.preview canvas:active { cursor:grabbing; }
.view-hint { position:absolute; bottom:7px; left:0; right:0; text-align:center; font-size:11px; color:#81988d; pointer-events:none; }
.slider-row { display:flex; flex-direction:column; gap:0; margin:6px 0 0; font-size:11px; color:var(--muted); }
input[type=range] { width:100%; min-height:24px; accent-color:var(--blue); cursor:pointer; margin:0; }
.slider-labels { width:100%; display:flex; justify-content:space-between; }
.slider-labels span:nth-child(2) { color:var(--ink); font-weight:600; }
.fold-feedback { font-size:13px; line-height:1.35; min-height:28px; margin:6px 0; color:var(--muted); }
.fold-feedback.success { color:var(--success); }
.fold-feedback.error { color:#ad3d38; }
.fold-feedback.duplicate { color:#80520a; font-weight:700; }
.fold-actions { display:flex; gap:8px; }
.fold-actions button { flex:1; }
.fold-actions .primary svg { fill:white; width:15px; stroke-width:1.5; }
.collection { margin-top:8px; padding:8px; position:relative; }
.collection-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.collection-heading p { display:none; }
.collection-count { font-size:12px; font-weight:500; color:var(--muted); margin-left:8px; letter-spacing:0; }
.collection-tools { display:flex; gap:6px; flex-shrink:0; }
.collection-tools .secondary { min-height:28px; padding:4px 9px; font-size:13px; }
.collection-tools #hint-button { background:#fff6dc; border-color:#eadbb0; color:#725510; }
.progress-row { display:flex; align-items:center; gap:12px; margin:4px 0 6px; }
.progress-track { display:flex; flex:1; gap:5px; }
.progress-piece { height:5px; flex:1; border-radius:4px; background:#e5ede7; }
.progress-piece.found { background:var(--blue); }
.progress-row>span { font-size:11px; color:var(--muted); white-space:nowrap; }
.net-gallery { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.net-card { position:relative; min-width:0; padding:4px; border:1px solid var(--line); border-radius:9px; background:#f9fcfa; color:var(--ink); transition:border-color .12s; text-align:left; }
.net-card:hover { border-color:#88b8a7; }
.net-card.active { border-color:var(--blue); background:var(--blue-light); }
.net-open { display:block; padding:0; border:0; background:none; width:100%; text-align:left; color:inherit; }
.net-card-top { display:flex; align-items:center; justify-content:space-between; min-height:18px; gap:3px; font-size:12px; }
.net-card-top>span { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.example-badge { background:#e2f2eb; color:var(--blue); border-radius:4px; padding:2px 4px; font-size:9px; font-weight:600; }
.net-svg { display:block; width:100%; height:55px; margin:0 auto; max-width:175px; }
.net-mini { display:block; width:100%; height:55px; margin:2px 0; padding:0; border:0; background:none; color:inherit; }
.net-mini .net-svg { width:100%; height:100%; }
.net-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-top:2px; }
.net-card-bottom .text-button { min-height:26px; flex:1; padding:3px; border:1px solid #ccddd5; border-radius:6px; background:white; font-size:12px; }
.net-card-top strong>span { padding:2px 4px; font-size:9px; font-weight:600; color:var(--blue); background:#e2f2eb; border-radius:4px; }
.net-actions { display:flex; gap:4px; margin-top:3px; }
.small-button,.net-actions .secondary { flex:1; min-width:0; min-height:26px; padding:3px 5px; font-size:12px; }
.small-button[aria-pressed=true] { border-color:#9acabc; background:var(--blue-light); color:var(--blue); }
.move-handle { flex-shrink:0; border:0; border-radius:5px; background:transparent; color:#709284; width:20px; height:18px; padding:0; font-size:18px; cursor:grab; touch-action:none; }
.move-handle:hover { background:#e2f1e9; }
.move-handle:active { cursor:grabbing; }
.net-card.is-dragging { opacity:.3; }
.net-card.drop-target { border:2px dashed var(--blue); padding:3px; background:var(--blue-light); }
.empty-card { min-height:89px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px dashed #ccdcd3; border-radius:9px; font-size:11px; color:#82968b; background:white; }
.empty-card span { font-size:22px; color:#adc0b4; }
.net-card.empty { min-height:107px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px dashed #ccdcd3; color:#82968b; background:white; }
.empty-number { font-size:22px; color:#adc0b4; }
.empty-label { font-size:11px; }
.net-drag-ghost { position:fixed; z-index:40; pointer-events:none; padding:4px; border:2px solid var(--blue); border-radius:9px; box-shadow:0 12px 32px #173d3b40; background:#e8f7ef; opacity:.95; }
.net-drag-ghost .net-svg,.net-drag-ghost .net-mini { height:55px; }
.net-flight { position:fixed; z-index:30; pointer-events:none; transform-origin:center; filter:drop-shadow(0 7px 12px #173d3b30); }
.net-flight svg { width:100%; height:100%; display:block; }
.net-card.match-highlight { border:2px solid #dca11b; box-shadow:0 0 0 4px #e9af3828; }
.match-overlay { position:absolute; pointer-events:none; z-index:2; opacity:.85; }
.match-overlay svg { width:100%; height:100%; display:block; }
.duplicate-question { position:fixed; right:auto; bottom:auto; width:min(420px,calc(100vw - 20px)); z-index:30; display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:12px; border:2px solid #dca11b; border-radius:11px; background:#fff6da; box-shadow:0 8px 25px #173d3b25; }
.duplicate-question p { flex-basis:100%; margin:0 0 3px; color:#674300; font-size:14px; line-height:1.4; }
.duplicate-question p strong,.duplicate-question p span { display:block; }
.duplicate-question p strong { font-size:16px; margin-bottom:4px; }
.duplicate-question .secondary { min-height:32px; font-size:13px; white-space:normal; }
.duplicate-clue { padding:12px; display:flex; gap:12px; align-items:center; margin-bottom:12px; background:#fff6da; border:1px solid #ecdfb4; border-radius:10px; }
.duplicate-clue strong { font-size:14px; }
.duplicate-clue p { font-size:13px; margin:3px 0 0; color:#796746; }
.duplicate-clue button { margin-left:auto; }
.clue-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f4de9a; color:#836114; font-weight:700; }
#hint-content { position:fixed; z-index:25; width:min(360px,calc(100vw - 20px)); max-height:calc(100dvh - 20px); overflow:auto; overscroll-behavior:contain; padding:14px; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:0 12px 40px #173d3b30; font-size:14px; }
#hint-content p { font-size:13px; color:var(--muted); }
.hint-intro { font-size:14px; margin:0 0 12px; color:var(--muted); }
.hint-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hint-group { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:12px; text-align:left; background:#f9fcfa; border:1px solid var(--line); border-radius:10px; color:var(--ink); font-size:13px; line-height:1.4; font-weight:400; }
.hint-group strong { font-size:14px; }
.hint-note { font-size:13px; margin:10px 0 0; color:var(--muted); }
.hint-total { color:var(--blue); font-weight:600; }
.compare-area { border-top:1px solid var(--line); margin-top:15px; padding-top:15px; }
.compare-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.compare-title h3 { margin:0; font-size:17px; }
.compare-title p { font-size:13px; color:var(--muted); margin:5px 0 0; }
.compare-slots { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.compare-slot { min-width:0; border:1px solid var(--line); border-radius:10px; padding:12px; background:#f9fcfa; }
.compare-slot select { width:100%; padding:8px; border:1px solid #ccddd5; border-radius:7px; font:inherit; font-size:13px; color:var(--ink); background:white; }
.compare-slot .net-svg,.compare-slot .net-mini { height:135px; max-width:none; }
.compare-slot .tool-group { justify-content:center; }
.compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.compare-box { min-width:0; border:1px solid var(--line); border-radius:10px; padding:12px; background:#f9fcfa; }
.compare-box select { width:100%; padding:8px; border:1px solid #ccddd5; border-radius:7px; font:inherit; font-size:13px; color:var(--ink); background:white; }
.compare-shape { height:150px; margin:6px 0; }
.compare-shape .net-svg { width:100%; height:100%; max-width:none; }
.compare-box .tool-group { justify-content:center; }
#compare-result { font-size:14px; line-height:1.45; border-radius:9px; padding:12px; background:var(--blue-light); }
.compare-result { font-size:14px; line-height:1.45; border-radius:9px; padding:12px; background:var(--blue-light); }
.compare-prompt { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; color:var(--muted); }
footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; font-size:11px; line-height:14px; color:#7f968a; }
footer .text-button { font-size:11px; padding:0; margin-left:6px; }
.toast { position:fixed; z-index:50; bottom:20px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 24px); padding:12px 20px; border-radius:11px; box-shadow:0 8px 30px #173d3b30; font-size:14px; background:var(--ink); color:white; }
.celebration-toast,.duplicate-toast { top:16px; bottom:auto; width:540px; padding:18px 24px; border:2px solid #dca11b; background:#fff0b9; color:#674300; pointer-events:none; }
.celebration-toast { display:flex; align-items:center; gap:16px; }
.celebration-toast strong { display:block; font-size:30px; line-height:1.15; margin-bottom:5px; font-weight:800; }
.celebration-toast div>span,.duplicate-toast div>span { display:block; font-size:17px; line-height:1.4; }
.celebration-star { font-size:45px; color:#bd7700; line-height:1; flex-shrink:0; }
.duplicate-toast strong { display:block; font-size:25px; margin-bottom:5px; line-height:1.2; }
dialog { color:var(--ink); border:1px solid var(--line); border-radius:18px; max-width:510px; width:calc(100% - 28px); padding:28px; box-shadow:0 20px 80px #173d3b30; }
dialog::backdrop { background:#173d3b70; backdrop-filter:blur(3px); }
dialog h2 { font-size:25px; margin-bottom:14px; }
dialog p,dialog li { font-size:15px; color:var(--muted); line-height:1.55; }
dialog ol { padding-left:21px; }
dialog li { margin-bottom:12px; }
dialog strong { color:var(--ink); }
.dialog-close { position:absolute; top:10px; right:10px; font-size:23px; }
.dialog-actions { display:flex; gap:10px; justify-content:flex-end; }
@media(min-width:1000px) and (max-height:780px) {
  .topbar { height:44px; }
  main { padding-top:6px; }
  h1 { font-size:22px; }
  .intro { margin-bottom:6px; }
  .build-board,#build-board { height:clamp(185px,calc(100dvh - 550px),220px); }
  .net-svg,.net-mini { height:45px; }
  .empty-card { min-height:85px; }
  .net-card.empty { min-height:97px; }
}
@media(min-width:701px) and (max-width:999px) {
  .brand { font-size:18px; }
  .untimed { display:none; }
  .topbar .text-button { margin-left:auto; border:0; padding:0; }
  .board-tools { flex-wrap:wrap; }
  .board-help { min-height:29px; }
  .count { font-size:11px; }
  .face-picker { gap:5px; }
  .face-picker button { font-size:12px; padding:5px 7px; }
  .net-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .net-card { padding:6px; }
  .net-svg,.net-mini { height:45px; }
  .net-actions .small-button,.net-actions .secondary { min-height:32px; }
  .net-card-bottom .text-button { min-height:32px; }
  .empty-card { min-height:112px; }
  .net-card.empty { min-height:112px; }
  .collection-heading { flex-wrap:wrap; gap:7px; }
  .collection-tools { margin-left:auto; }
  h1 { font-size:21px; }
}
@media(max-width:700px) {
  .topbar { height:58px; gap:8px; padding:0 12px; }
  .brand { font-size:17px; gap:7px; }
  .brand svg { width:27px; }
  .untimed { display:none; }
  .topbar .text-button { margin-left:auto; border:0; padding:0; font-size:12px; max-width:75px; }
  main { padding:12px; }
  .intro { display:block; margin-bottom:10px; }
  h1 { font-size:25px; }
  .goal { display:inline-flex; margin-top:8px; padding:6px 10px; }
  .workspace { grid-template-columns:1fr; gap:10px; }
  .board-card,.fold-card { padding:12px; }
  .panel-heading { margin-bottom:8px; }
  .count { font-size:11px; }
  .face-picker { gap:6px; margin-bottom:8px; }
  .face-picker button { flex:1; font-size:13px; min-height:44px; padding:7px; }
  .build-board,#build-board { height:clamp(250px,68vw,330px); }
  .board-help { font-size:13px; line-height:1.4; margin-top:6px; }
  .board-tools { flex-wrap:wrap; margin-top:8px; gap:6px; }
  .board-tools .tool-group { gap:6px; }
  .board-tools .secondary { min-height:44px; font-size:13px; }
  .board-tools .icon-button { width:40px; height:44px; }
  .board-tools .text-button { font-size:13px; }
  .preview { flex:none; height:230px; }
  .slider-row { margin-top:8px; }
  input[type=range] { min-height:32px; }
  .slider-labels { font-size:12px; }
  .fold-feedback { font-size:14px; min-height:34px; }
  .fold-actions .primary,.fold-actions .secondary { min-height:44px; padding:8px 10px; }
  .collection { padding:10px; margin-top:10px; }
  .collection-heading { flex-wrap:wrap; gap:8px; }
  .collection-count { margin-left:4px; font-size:11px; }
  .collection-tools { margin-left:auto; }
  .collection-tools .secondary { min-height:44px; padding:8px; font-size:13px; }
  .progress-row { margin:7px 0 9px; gap:8px; }
  .progress-row>span { font-size:10px; }
  .progress-track { gap:3px; }
  .net-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .net-card { padding:7px; }
  .net-card-top { font-size:12px; min-height:28px; }
  .net-svg,.net-mini { height:67px; margin:3px auto; }
  .move-handle { width:26px; height:28px; min-height:28px; font-size:20px; }
  .net-actions { margin-top:5px; gap:5px; }
  .net-actions .small-button,.net-actions .secondary { min-height:44px; font-size:13px; padding:6px 5px; }
  .net-card-bottom .text-button { min-height:44px; font-size:13px; }
  .empty-card { min-height:158px; font-size:12px; }
  .net-card.empty { min-height:160px; }
  .net-card.drop-target { padding:6px; }
  .net-drag-ghost .net-svg,.net-drag-ghost .net-mini { height:67px; }
  .duplicate-question { padding:10px; gap:6px; }
  .duplicate-question .secondary { min-height:44px; flex:1; }
  .duplicate-question .text-button { min-height:36px; }
  .hint-groups { grid-template-columns:1fr; }
  .hint-group { font-size:14px; }
  .hint-group strong { font-size:15px; }
  .compare-slots { gap:8px; }
  .compare-slot { padding:9px; }
  .compare-slot .net-svg,.compare-slot .net-mini { height:115px; }
  .compare-slot .tool-group { flex-wrap:wrap; }
  .compare-slot .secondary { min-height:44px; flex:1; white-space:normal; }
  .compare-grid { gap:8px; }
  .compare-box { padding:9px; }
  .compare-box .secondary { min-height:44px; flex:1; }
  .compare-prompt { flex-direction:column; align-items:flex-start; }
  .compare-prompt .primary { width:100%; min-height:44px; }
  footer { flex-direction:column; align-items:flex-start; gap:3px; font-size:11px; }
  .celebration-toast { gap:12px; padding:16px; }
  .celebration-toast strong { font-size:26px; }
  .celebration-toast div>span,.duplicate-toast div>span { font-size:15px; }
  .celebration-star { font-size:34px; }
  .duplicate-toast strong { font-size:22px; }
}
@media(max-width:370px) {
  main { padding:10px; }
  .topbar { padding:0 10px; }
  .brand { font-size:15px; letter-spacing:-.3px; }
  .brand svg { width:23px; }
  .topbar .text-button { font-size:11px; max-width:61px; }
  .board-card,.fold-card { padding:10px; }
  h1 { font-size:23px; }
  h2 { font-size:16px; }
  .heading-label { gap:7px; }
  .face-picker button { font-size:12px; gap:4px; }
  .face-picker button svg { width:15px; }
  .collection-count { display:block; margin:2px 0 0; }
  .collection-tools { width:100%; margin:0; }
  .collection-tools .secondary { flex:1; }
  .compare-slots { grid-template-columns:1fr; }
  .compare-grid { grid-template-columns:1fr; }
  .celebration-star { display:none; }
}
@media(prefers-reduced-motion:reduce) { * { transition:none!important; scroll-behavior:auto!important; } }
@media(min-width:1000px) and (max-height:780px){#build-board{height:clamp(170px,24vh,205px)}}
@media(min-width:701px) and (max-width:999px){#build-board{height:clamp(220px,29vh,320px)}}