.dew-board{max-width:800px;margin:auto;padding:clamp(7px,2vw,18px);color:#354436;border:2px solid #a7b297;border-radius:26px;background:linear-gradient(135deg,#f4edd9d4,#dce9cdda);box-shadow:0 5px #99a788}.dew-note{background:#fff7e5;color:#354436;border:1px solid #b8b397;border-radius:16px;padding:12px 15px;font-size:clamp(17px,2vw,21px);line-height:1.75;overflow-wrap:anywhere;margin:12px 0}.dew-button{font:inherit;font-size:19px;font-weight:650;line-height:1.6;min-width:48px;min-height:48px;padding:9px 15px;border:2px solid #7d927a;border-radius:15px;background:#fff7e5;color:#354436;box-shadow:0 3px #aab294;touch-action:manipulation;cursor:pointer;overflow-wrap:anywhere}.dew-button:focus-visible{outline:4px solid #374e82;outline-offset:3px}.dew-button:disabled{opacity:1;cursor:default}.dew-on{outline:3px solid #4a7045;outline-offset:-5px;background:#e1edc5}.dew-controls,.dew-word-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.dew-strip-row{background:#fff4dfbd;border:2px solid #baa98a;border-radius:18px;padding:9px;margin:10px 0}.dew-strip-row>strong{font-size:18px;display:block;margin-bottom:8px}.dew-strip{display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));gap:6px;border-radius:14px;padding:8px;background:#ccb7dc}.dew-bottom{background:#a7bf98}.dew-lights{background:#d2d5b5}.dew-hole{border:2px solid #766778;border-radius:12px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3f3948;background:#c4adc9}.dew-hole small{font-size:12px;line-height:1.4}.dew-hole>span{font-size:28px;line-height:1.15}.dew-open{background:#fff7e5;border-radius:50%}.dew-lights .dew-hole{background:#e2e4d5;border-color:#8d9378}.dew-lights .dew-light{background:#fff0ad;color:#604a1c;border-color:#917937}.dew-mosaic{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:5px;margin:17px auto;max-width:480px;background:#c8b698;border:5px solid #c8b698;border-radius:15px;padding:5px}.dew-mosaic>.dew-tile,.dew-old{aspect-ratio:1;min-width:0;min-height:48px;padding:2px;border:2px solid #8a916e;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1}.dew-mosaic>.dew-tile{border-style:dashed;background:#fff7e5;box-shadow:none}.dew-mosaic>.dew-tile.dew-on{border-style:solid;background:#ecdc9e;outline-offset:-5px}.dew-old{background:linear-gradient(135deg,#c4b0dc,#dfceea);border-color:#9f86b4;color:#654f7c}.dew-story{background:#fff6df;border:3px solid #c3af85;border-radius:22px;padding:18px;display:flex;gap:15px;align-items:center;font-size:clamp(22px,3vw,28px);line-height:1.9}.dew-story p{margin:0;overflow-wrap:anywhere}.dew-story mark{color:#354436;background:#f3de9c;border-bottom:3px solid #8d7950;padding:2px 6px;border-radius:5px;font-weight:700}.dew-book{width:80px;flex:none}.dew-book svg{width:100%;height:auto}.dew-word-options .dew-word{min-width:105px;font-size:24px}.dew-assembled{text-align:center;font-weight:650}@media(max-width:420px){.dew-board{padding:7px}.dew-button{padding:8px 10px;font-size:17px}.dew-strip{gap:4px;padding:5px}.dew-hole{border-radius:9px}.dew-open{border-radius:50%}.dew-hole>span{font-size:23px}.dew-strip-row{padding:6px}.dew-mosaic{gap:3px;padding:3px;border-width:3px}.dew-mosaic>.dew-tile,.dew-old{min-height:44px;font-size:22px}.dew-story{padding:12px;gap:10px}.dew-book{width:50px}}@media(prefers-reduced-motion:reduce){.dew-board *{animation:none!important;transition:none!important}}@media(forced-colors:active){.dew-note,.dew-button,.dew-hole,.dew-old,.dew-story,.dew-story mark{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}.dew-on{outline-color:Highlight}.dew-tile.dew-on{border-style:double}.dew-open{border-style:double}}