#stage .coord-game{width:100%;max-width:620px;margin:auto;padding:12px;box-sizing:border-box;text-align:center;overflow-wrap:anywhere}
body:has(#gameShell[style*="display: block"]) .odak-wa-float{display:none}
#stage .coord-game h2{display:block;font-size:clamp(20px,5vw,28px);margin:8px 0}
.coord-instructions{line-height:1.6;font-size:16px;margin:10px 0 16px;color:#243b53}
.coord-work{max-width:100%;min-width:0}.coord-work:focus-visible{outline:3px solid #087fd2}
.coord-note{min-height:48px;font-size:15px;line-height:1.5;color:#243b53;margin:12px 0}
.coord-board{display:block;width:100%;max-width:500px;aspect-ratio:5/4;margin:auto;background:#f8fbff;border:2px solid #d6e7f7;border-radius:16px;box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none}
.coord-two-pads{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.coord-game button{cursor:pointer;min-height:44px;font:inherit;border-radius:12px;touch-action:manipulation}
.coord-two-pads button{height:170px;background:#e9eff5;border:3px solid #c3d4e5;font-weight:bold;font-size:20px;touch-action:none}
.coord-game .coord-lit{background:#ffe48a!important;color:#20334c;border-color:#775600!important;box-shadow:inset 0 0 0 3px #775600}
.coord-game button:focus-visible{outline:3px solid #087fd2;outline-offset:3px}
.coord-mirror{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.coord-model{border-right:3px dashed #64748b;padding-right:10px;min-width:0}.coord-model svg{display:block;width:100%;height:100%;max-height:250px}
.coord-copy{display:grid;grid-template-columns:repeat(var(--coord-cols),minmax(0,1fr));gap:3px;min-width:0}
.coord-copy button{min-width:0;padding:0;border:1px solid #b7cada;background:#edf4fc}
.coord-copy button:disabled{opacity:1}
.coord-rhythm{display:block;width:100%;height:150px;border:3px solid #b7cada;background:#edf4fc;font-weight:bold!important;font-size:24px!important;margin-bottom:12px}
.coord-rule{font-size:24px}.coord-rule-sample{font-size:32px;font-weight:bold;padding:22px 0}
.coord-rule-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.coord-rule-options button{flex:1;min-width:70px;padding:12px 6px;border:2px solid #b7cada;background:#edf4fc}
.coord-route-grid{display:grid;grid-template-columns:repeat(var(--coord-cols),minmax(0,1fr));gap:4px;max-width:350px;margin:auto}
.coord-route-grid span{aspect-ratio:1;display:grid;place-items:center;background:#edf4fc;border:1px solid #b7cada;border-radius:8px;font-size:24px}
.coord-route-queue{min-height:30px;line-height:1.6;overflow-wrap:anywhere}.coord-route-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.coord-route-controls button{min-width:44px;border:2px solid #b7cada;background:#edf4fc;padding:8px}
@media(max-width:360px){#stage .coord-game{padding:6px}.coord-mirror{gap:5px}.coord-model{padding-right:3px}.coord-copy{gap:2px}.coord-copy button{min-height:44px}.coord-instructions{font-size:15px}.coord-two-pads{gap:8px}}

.coord-balance{font-size:30px;font-weight:bold;padding:20px 0}.coord-weigh{margin-top:15px}.coord-lights{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}.coord-lights button{min-width:60px;background:#edf4fc;border:2px solid #b7cada;padding:12px}.coord-pipes{display:grid;grid-template-columns:repeat(var(--coord-cols),minmax(0,1fr));gap:2px;max-width:360px;margin:12px auto}.coord-pipes button{aspect-ratio:1;padding:0;min-width:0;line-height:0;background:#f8fbff;border:1px solid #b7cada;border-radius:4px}.coord-pipes svg{width:100%;height:100%;display:block}.coord-water-label{font-size:15px;line-height:1.5}