:root{font-family:system-ui,sans-serif;color:#20262d;background:#f5f7f4}*{box-sizing:border-box}body{margin:0}.app{max-width:560px;margin:auto;padding:24px 18px}header,.status,.tray-title{display:flex;justify-content:space-between;align-items:end}h1{font-size:32px;margin:4px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#4d8b68;font-weight:700}.score{text-align:right}.score small{display:block;color:#78827b}.score b{font-size:28px;color:#4d8b68}.status{margin:18px 0 12px;color:#66716a;font-size:14px}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px;background:#dfe8df;border-radius:8px}.tile{border:0;border-radius:7px;background:#fff;box-shadow:0 2px 0 #cbd5ca;font-size:28px;aspect-ratio:1;cursor:pointer}.tile:active{transform:scale(.94)}.tile:disabled{visibility:hidden}.tray-wrap{margin-top:20px}.tray-title{color:#68736b;font-size:13px;margin-bottom:7px}.tray{height:62px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:6px;background:#e5ebe5;border-radius:7px}.slot{display:grid;place-items:center;background:#fff;border-radius:5px;font-size:24px}.empty{background:#d8e1d8}.btn{border:0;border-radius:6px;padding:12px 14px;font-weight:700;font-size:14px;cursor:pointer}.primary{background:#4d8b68;color:#fff}.secondary{background:#e1e8e1;color:#385442}nav{display:flex;gap:10px;margin-top:18px}nav .btn{flex:1}.modal{position:fixed;inset:0;background:#1b292080;display:grid;place-items:center;padding:24px}.hidden{display:none}.dialog{background:#fff;border-radius:8px;padding:28px;text-align:center;width:min(340px,100%)}