.match-level-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:#637958}
.match-level-picker select{font:inherit;padding:9px;border:1px solid #cbd6bb;border-radius:9px;background:#f8faef;color:#455e3c}
.match-level-picker>span{font-size:11px}
.match-play{min-width:0}
.match-goal{max-width:620px;margin:0 auto 14px;font-size:11px;color:#627b55}
.match-goal>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.match-goal-track{height:8px;background:#e1e8d7;border-radius:8px;overflow:hidden}
.match-goal-track i{height:100%;display:block;background:linear-gradient(90deg,#83a766,#d2b466);transition:width .2s}
.tile-board button{position:relative;transition:transform .15s,background .15s}
.tile-board button[data-special=row],.tile-board button[data-special=column]{background:#e3f2f7;border-color:#77b1c2}
.tile-board button[data-special=bomb]{background:#f7e1e8;border-color:#cf7992}
.tile-board button[data-special=rainbow]{background:linear-gradient(135deg,#fff2b7,#f6d9e8,#d9e5ff,#d6f4d1);border-color:#b690cb}
.match-special{position:absolute;right:1px;bottom:0;line-height:1;font-size:clamp(12px,1.8vw,22px);color:#304c64;font-weight:bold;background:#fffdf2dc;border-radius:5px;padding:2px;pointer-events:none}
.puzzle-result button{margin:4px}
@media(max-width:650px){.match-level-picker select{font-size:16px;max-width:100%}.match-goal{font-size:10px}.match-special{font-size:13px}}