/* Practice tools occupy their own layout; no overlay on mathematical content. */
#scene .pw-tool{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:auto;scrollbar-width:thin}#scene .pw-canvas{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center}#scene .pw-canvas>svg{width:100%;height:100%;min-height:40px;max-height:100%;overflow:visible}#scene .pw-controls{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;flex:none}#scene .pw-controls button{min-height:34px;padding:5px 10px;font-size:14px;border-radius:9px;background:#fff9ea;border:1px solid #d6c6a5;color:#5c5565}#scene .pw-note{flex:none;font-size:14px;line-height:1.45;text-align:center;color:#6b7268;padding:0 6px 2px}#scene .pw-hit{cursor:pointer;outline:none}#scene .pw-hit:focus-visible>rect:first-of-type{stroke:#3f8176;stroke-width:4}#scene .pw-hit:hover>rect:first-of-type{stroke:#8daa94;stroke-width:2}#scene .pw-logic{width:min(96%,700px);height:100%;border-collapse:collapse;text-align:center;font-size:16px}#scene .pw-logic th{background:#f0eadb;color:#675c70;font-weight:500;border:1px solid #ded4bf;padding:2px 5px}#scene .pw-logic td{border:1px solid #ded4bf;padding:0;background:#fffcf4}#scene .pw-logic button{width:100%;height:100%;min-height:32px;border:0;background:transparent;box-shadow:none;border-radius:0;font-size:20px;color:#58786c;padding:2px 4px}#scene .pw-logic button:focus-visible{outline:2px solid #3f8176;outline-offset:-3px}
@container mathapp (max-height:520px){#scene .pw-tool{gap:2px}#scene .pw-controls{gap:3px}#scene .pw-controls button{font-size:11px;min-height:27px;padding:4px 7px}#scene .pw-note{font-size:10px;line-height:1.35;padding-bottom:0}#scene .pw-logic{font-size:12px}#scene .pw-logic th{padding:1px 3px}#scene .pw-logic button{min-height:21px;font-size:16px;padding:0}#scene .pw-canvas{min-height:42px}}
@media(prefers-reduced-motion:reduce){#scene .pw-hit,#scene .pw-tool{transition:none;animation:none}}
/* Small landscape can scroll a real table; keep its first row reachable. */
#scene .pw-tool{justify-content:flex-start}#scene .pw-canvas:has(.pw-logic){flex:none;min-height:0}#scene .pw-logic{height:auto;min-height:116px}#scene .pw-logic thead th{position:sticky;top:0;z-index:1}#scene .pw-logic td{height:25px}
@container mathapp (max-height:520px){#scene .pw-logic{min-height:106px}#scene .pw-logic td{height:21px}}
@container mathapp (max-height:520px){#scene .pw-logic{min-height:122px}#scene .pw-logic td{height:25px}#scene .pw-logic button{min-height:24px}}