:root{font-family:system-ui,sans-serif;color:#e9eee8;background:#10241f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#24443a,transparent 70%);min-height:100vh}main{max-width:580px;padding:32px 20px;margin:auto}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#b4caa8}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}h1 b{color:#d6ed96}p{color:#b8c8bd;line-height:1.5}button{border:1px solid #65806b;background:#304b3c;border-radius:12px;color:#ecf3e8;padding:12px 15px;cursor:pointer;font-weight:600}button:hover{background:#46604a}button:focus-visible{outline:3px solid #d6ed96}.toolbar{display:flex;gap:10px;align-items:center;margin:22px 0}.stat{background:#203c31;padding:8px 14px;border-radius:12px;min-width:85px}.stat small{display:block;color:#b4caa8;font-size:10px;text-transform:uppercase}.stat strong{font-size:22px}.toolbar button:first-of-type{margin-left:auto}#board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#3c5444;padding:8px;border-radius:18px;touch-action:none;outline:none}.cell{aspect-ratio:1;background:#253c30;border-radius:10px;position:relative;overflow:hidden}.tile{background-image:var(--pic);background-size:cover;background-position:center;position:absolute;inset:0;animation:appear .14s ease-out}.tile:before{content:'';position:absolute;inset:-14px;background:inherit;filter:blur(12px);opacity:.75}.tile img{position:relative;width:100%;height:100%;object-fit:contain;display:block}.tile.level15{box-shadow:inset 0 0 0 3px #e1ee9b}@keyframes appear{from{transform:scale(.88)}to{transform:scale(1)}}#help{font-size:13px;text-align:center}footer{font-size:11px;color:#91a697;text-align:center;margin:20px 0}dialog{background:#18382a;color:#ecf3e8;border:1px solid #a8c77c;border-radius:24px;max-width:400px;padding:32px;text-align:center}dialog::backdrop{background:#06150cc9}dialog button{margin:5px}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100}@media(max-width:440px){main{padding:20px 12px}h1{font-size:27px}.toolbar{gap:6px}.stat{min-width:65px;padding:8px 10px}.toolbar button{padding:12px 9px;font-size:12px}#board{gap:6px;padding:6px}}
select{width:100%;margin-bottom:14px;padding:10px;border:1px solid #65806b;border-radius:10px;background:#203c31;color:#ecf3e8}
#board{position:relative}.tile.moving{inset:auto;z-index:4;animation:none;transition:transform 250ms cubic-bezier(.2,.75,.25,1);border-radius:10px;overflow:hidden}.tile.merged{animation:merge 280ms ease-out}@keyframes merge{0%{transform:scale(1);filter:brightness(1.4)}45%{transform:scale(1.09);filter:brightness(1.15)}100%{transform:scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.tile{animation:none!important;transition:none!important}}

.catalog-link{display:inline-block;color:#cfe5b9;text-decoration:none;font-size:13px;margin-bottom:18px}.catalog-link:hover{text-decoration:underline}