.stage{max-width:640px;margin:auto}.turnbar{--tb-msg-lines:3;--tb-st-lines:2;--tb-rt:0px}#play-area{max-width:540px;margin:auto}#board-wrap{line-height:0}#board{width:100%;display:block;--garden:var(--bg);--path:var(--line)}#board [data-slot]{cursor:pointer}.leaf{pointer-events:none}#map-meta{font-size:14px;color:var(--ink-sub);margin:4px 0}#forecast{font-size:14px;min-height:2.9em;margin:6px 0}#selected{font-weight:700;margin:4px 0}#device-detail{font-size:14px;min-height:3em;margin:4px 0}.spot-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.spot-row .btn{min-width:0;padding:8px 0;min-height:44px}.chosen{outline:2px solid var(--accent);outline-offset:1px}.device-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.device-row .btn{font-size:17px;padding:8px 4px;min-height:48px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.target-field{display:flex;align-items:center;gap:8px;font-size:14px}.target-field select{max-width:100%;min-height:44px}#result{padding:12px;border:2px solid var(--accent);border-radius:6px}#result h2{margin:0}#record{font-size:14px;min-height:3em;margin:8px 0}.ad-gap{height:160px}.howto img{width:100%;max-width:520px;height:auto}.article table{width:100%;border-collapse:collapse;font-size:14px}.article td,.article th{border:1px solid var(--line);padding:8px;text-align:left}.article figure{margin:24px 0}.article figcaption{font-size:14px}.site-footer{margin-top:32px}#speed{min-height:44px} @media(max-width:420px){.stage{padding:12px}.controls .btn{font-size:16px;padding:8px}.target-field{flex-wrap:wrap}.article td,.article th{padding:5px}.device-row{gap:6px}}

.status{display:flex;flex-wrap:wrap;column-gap:12px}.status strong{font-size:16px}.status span{font-size:14px}.message{font-size:16px}

@media(max-width:600px){.spot-row{grid-template-columns:repeat(4,1fr);gap:8px}.device-row .btn{min-height:58px}}

.td-quality{max-width:800px;padding:12px;margin:16px auto}.td-quality .turnbar{--tb-msg-lines:2;--tb-st-lines:1;--tb-rt:0px}.td-quality .message{font-size:15px;line-height:1.5}.td-quality #play-area{max-width:none}.td-quality .status{min-height:24px}.td-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.td-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"field inspector" "wave inspector";gap:8px 16px}.td-field{grid-area:field;min-width:0}.td-inspector{grid-area:inspector;min-width:0}.td-wavebar{grid-area:wave;display:flex;gap:8px;align-self:start}.td-wavebar .btn{flex:1;min-width:0;min-height:44px;font-size:16px;padding:8px}.td-board-shell{position:relative}.td-quality #board-wrap{touch-action:pan-y}.td-quality #board [data-slot]>*{pointer-events:none}.td-quality #board [data-slot] .spot-hit{pointer-events:all}.td-quality #board [data-slot]:focus-visible .spot-face{stroke:var(--accent);stroke-width:5}.td-selection-head{display:flex;align-items:center;gap:8px;min-height:44px}.td-selection-head #selected{flex:1;font-size:16px;line-height:1.4}.td-selection-head .btn{padding:8px;font-size:16px;min-height:44px}.td-quality .device-row{gap:8px;margin:8px 0}.td-quality .device-row .btn{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;line-height:1.25;min-width:0;min-height:100px;padding:6px 2px}.device-row svg{width:32px;height:32px;color:var(--ink)}.device-row b{font-size:15px}.device-row span{font-size:14px;min-height:35px}.device-row strong{font-size:16px}.td-quality .device-row[hidden],.td-quality #installed-actions[hidden],.td-quality #preview-note[hidden],.td-quality .td-inspector[hidden],.td-quality .td-wavebar[hidden],.td-quality #device-detail[hidden],.td-quality #place[hidden]{display:none}#preview-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:36px;font-size:15px;line-height:1.4;margin:6px 0}#preview-note svg{width:28px;height:28px}#preview-note span{width:100%;font-weight:600}#place{width:100%;min-height:44px;font-size:16px}.td-quality #device-detail{min-height:0;font-size:14px;line-height:1.5;margin:8px 0}#installed-actions{display:flex;flex-direction:column;gap:8px}#installed-actions .btn{min-height:44px;font-size:16px;padding:8px}.td-quality .target-field{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:14px}.td-quality #target,#setup select{font-size:16px;min-height:44px;background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:6px;padding:8px;width:100%}#td-hud{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin:8px 0}#td-hud>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:44px;padding:4px 8px;background:var(--surface);border:1px solid var(--line);border-radius:6px}#td-hud b{font-size:18px}#td-hud small{font-size:13px}.td-wave-dots{display:flex;gap:3px;flex-basis:100%}.td-wave-dots i{width:9px;height:7px;border:1px solid var(--line-strong)}.td-wave-dots .done{background:var(--accent);border-color:var(--accent)}.td-quality #forecast{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;font-size:14px;margin:4px 0}.td-quality #forecast span{display:flex;align-items:center;gap:2px}.td-quality #forecast svg{width:18px;height:18px;color:var(--warn)}#td-tools,#sell-tools{font-size:14px;border-top:1px solid var(--line);margin-top:8px}#td-tools summary,#sell-tools summary{cursor:pointer;font-size:14px;min-height:44px;padding:10px 4px}#td-tools{margin-top:8px}.td-tools-body{display:flex;flex-wrap:wrap;gap:8px}.td-tools-body>.btn{font-size:16px;min-height:44px}.td-tools-body .spot-row{flex-basis:100%}.td-quality #record{min-height:0;margin:4px 0;font-size:14px}#sale-preview{padding:8px 0;font-size:14px}#sale-preview[hidden]{display:none}#sale-preview .btn{width:100%;margin:4px 0}#td-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.td-effect{position:absolute;left:8px;top:8px;border:1px solid var(--accent);border-radius:4px;background:var(--surface);color:var(--ink);padding:6px;font-size:14px;line-height:1.4;max-width:90%;animation:td-feedback .22s ease-out}.td-effect.capture{color:var(--ok);top:auto;bottom:8px}.td-effect.exit{left:auto;right:8px;top:25%;color:var(--ng)}@keyframes td-feedback{from{transform:translateY(5px);opacity:.3}to{transform:translateY(0);opacity:1}}.td-quality #result{margin:8px 0;font-size:16px}.td-quality #result h2{font-size:20px}.td-quality #result .btn{font-size:16px;min-height:44px}.td-quality .field{margin:8px 0}.howto{max-width:390px;margin-inline:auto!important}.guide-picture{position:relative}.guide-picture img{display:block;width:100%;max-width:none}.guide-picture>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.article .howto figcaption{font-size:16px;line-height:1.6;margin-top:8px}@media(max-width:600px){.td-quality{padding:8px}.td-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"field" "inspector" "wave";gap:8px}.td-quality #forecast{min-height:28px}.td-quality .device-row .btn{min-height:96px}#td-hud{gap:6px}#td-hud>div{padding:4px}.td-quality .spot-row{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.td-effect{animation:none}}
.td-quality #forecast[hidden]{display:none}