.d9-board{border:2px solid #6d876a;border-radius:12px;padding:14px;background:#f5f1df;color:#173d30;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.d9-board button{font:inherit;min-height:48px;min-width:48px;padding:10px;border:2px solid #6d876a;background:#fffdf5;color:#173d30;border-radius:8px;cursor:pointer}.d9-board button:focus-visible{outline:4px solid #175dab;outline-offset:3px}.d9-board [aria-pressed=true]{background:#d6e6b5;border-color:#174f39}.d9-board output{display:block;font-size:1.1em;font-weight:700;margin:12px 0}.d9-board .d9-canvas{width:100%;max-width:620px;display:block;overflow:visible;font:24px system-ui}.d9-handle,.d9-piece{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.d9-handle:active,.d9-piece:active{cursor:grabbing}.d9-controls,.d9-tray{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.d9-tray{min-height:90px;background:#e6dfc3;border:2px dashed #6d876a;padding:12px;border-radius:8px}.d9-targets{display:flex;flex-wrap:wrap;gap:12px}.d9-target{flex:1 1 200px;border:3px dashed #6d876a;min-height:150px;padding:10px;background:#deead5}.d9-target-button{width:100%;font-weight:bold!important}.d9-target .d9-piece{display:inline-block;margin:5px}.d9-moving{z-index:100000;box-shadow:0 4px 12px #0006;max-width:180px}.d9-fractions{display:grid;grid-template-columns:repeat(var(--d9-cols),minmax(0,1fr));gap:8px}.d9-slot{background:#deead5;border:2px dashed #6d876a;min-height:105px;padding:4px}.d9-slot button{font-size:.8em;max-width:100%;width:100%;padding:5px;min-width:0}.d9-slot .d9-piece{background:#77a180;color:#102b20}.d9-live{min-height:2.5em}.touch-review-shell{font:18px/1.5 system-ui;max-width:900px;margin:auto;padding:18px;background:#f0f3e7;color:#173d30}.touch-review-shell h1{line-height:1.2}.touch-review-shell nav{display:flex;flex-wrap:wrap;gap:8px}.touch-review-shell nav button,.touch-review-shell>button{font:inherit;padding:12px;min-height:48px}.touch-review-shell .review-feedback{background:#fff9dd;border-left:5px solid #6d876a;padding:12px}.touch-review-shell a{color:#175dab}.touch-review-link{display:block;text-align:center;padding:12px}.touch-review-link[hidden]{display:none}@media(max-width:480px){.d9-board{padding:8px}.d9-target{flex-basis:100%}.d9-controls button{flex:1 1 auto}.d9-tray .d9-piece{flex:1 1 100px}}

.d9-canvas{touch-action:none}

.d9-over{outline:4px solid #175dab;outline-offset:2px}

.d9-whole{min-width:0;margin:12px 0;padding:8px;border:2px solid #34563e}.d9-filled{background:#77a180}
