:root{--bg: #fbf0da;--bg-deep: #f3e4c3;--tile: #fff8ea;--tile-border: #e7d4ac;--text: #5a4632;--text-soft: #8a7558;--accent: #f39c2d;--accent-deep: #e07b1e;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none;touch-action:manipulation}button{font-family:inherit;cursor:pointer}.board-wrap{display:flex;justify-content:center;padding:12px}.board{--cell: clamp(58px, 19vw, 92px);--gap: clamp(6px, 2vw, 10px);position:relative;display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:var(--gap);touch-action:none}.cell{position:relative;z-index:1}.tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--tile-radius, 14px);background:var(--tile);border:1px solid var(--tile-border);box-shadow:0 4px 10px #5a46322e;color:var(--text);font-weight:800;line-height:1.05;padding:4px;font-size:clamp(8px,2.4vw,12px);-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.tile.icon{font-size:clamp(26px,8vw,40px)}.tile.locked{cursor:default;color:#fff;border-color:#fff6;box-shadow:none;background:transparent}.tile.dragging{cursor:grabbing}.tile.hinted{outline:3px solid var(--accent);outline-offset:1px}.tile.selected{outline:3px solid var(--accent-deep);outline-offset:1px;transform:scale(1.04)}.tile:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.band{grid-column:1 / -1;z-index:0;border-radius:10px;display:flex;align-items:flex-start;justify-content:flex-start}.band-label{margin:4px 8px;font-size:clamp(9px,2.6vw,12px);font-weight:800;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);text-transform:uppercase}.hud-top,.hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;max-width:520px;margin:0 auto;width:100%}.hud-pill{display:inline-flex;align-items:center;gap:6px;background:var(--tile);border:1px solid var(--tile-border);border-radius:999px;padding:6px 12px;font-weight:800;color:var(--text);box-shadow:0 2px 6px #5a46321f}.hud-pill.accent{color:var(--accent-deep)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--tile);border:1px solid var(--tile-border);border-radius:999px;padding:8px 12px;color:var(--text);font-weight:800;box-shadow:0 2px 6px #5a46321f}.icon-btn:disabled{opacity:.5}.icon-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-deep)}.stages{display:inline-flex;gap:6px;align-items:center}.stage-dot{width:10px;height:10px;border-radius:50%;background:var(--tile-border)}.stage-dot.active{background:var(--accent)}.stage-dot.done{background:var(--accent-deep)}.title-bar{text-align:center;font-weight:800;color:var(--text);padding-top:8px;font-size:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#5a463273;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg);border-radius:20px;box-shadow:0 12px 40px #5a46324d;padding:28px 24px;max-width:360px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.modal-title{margin:4px 0 0;color:var(--text);font-size:22px}.modal-sub{margin:0;color:var(--text-soft);font-weight:700}.modal-coins{margin:4px 0 12px;color:var(--accent-deep);font-weight:800;font-size:18px}.modal-actions{display:flex;flex-direction:column;gap:8px;width:100%}.modal-actions .icon-btn{justify-content:center;width:100%;padding:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;font-weight:700;color:var(--text)}.switch{width:48px;height:28px;border-radius:999px;border:none;background:var(--tile-border);position:relative;transition:background .15s}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.switch.on .knob{left:23px}.map{max-width:520px;margin:0 auto;padding:16px}.map-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 16px}.map-title{margin:0;font-size:26px;color:var(--accent-deep);letter-spacing:-.02em}.map-levels{display:flex;flex-direction:column;gap:14px}.level-card{background:var(--bg-deep);border-radius:16px;padding:14px;box-shadow:0 2px 8px #5a46321a}.level-name{margin:0 0 10px;font-size:16px;color:var(--text)}.level-stages{display:flex;flex-direction:column;gap:8px}.stage-btn{display:flex;align-items:center;gap:10px;background:var(--tile);border:1px solid var(--tile-border);border-radius:12px;padding:12px 14px;font-weight:800;color:var(--text);text-align:left}.stage-btn.done{border-color:var(--accent)}.stage-btn.locked{opacity:.5;cursor:not-allowed}.stage-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}.stage-btn.locked .stage-num{background:var(--tile-border)}.stage-title{flex:1}