:root{--bg: #1d2a17;--card: #f6f1e3;--card-2: #ece4cf;--ink: #2c2a22;--muted: #6f6a58;--line: #d8ceb2;--me: #2f6fd6;--ai: #d4483a;--accent: #f2b33d;--radius: 12px}*{box-sizing:border-box}html{background:var(--bg)}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at top,#3d5a2a 0%,var(--bg) 70%) fixed;color:var(--ink);font:15px/1.45 Inter,system-ui,sans-serif}[hidden]{display:none!important}h1,h2,h3{font-family:Fredoka,Inter,sans-serif;font-weight:700;margin:0 0 .4em}h3{font-size:1rem;margin-top:.8em}.muted{color:var(--muted)}.small{font-size:.85em}a{color:inherit}.btn{font:600 14px Inter,sans-serif;padding:8px 14px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 2px #0000001f}.btn:hover{background:#fffbea}.btn.primary{background:var(--accent);border-color:#c98c1c}.btn.primary:hover{background:#f7c35a}.row{display:flex;flex-wrap:wrap;gap:8px}.menu{max-width:1000px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:16px}.title{text-align:center;color:#f6f1e3}.title h1{font-size:clamp(1.8rem,5vw,2.8rem)}.title .muted{color:#c9d6b6}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 6px 20px #00000040}.cols{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}@media (max-width: 720px){.cols{grid-template-columns:1fr}}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.level{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:10px;border:2px solid var(--line);background:#fff;cursor:pointer;font:inherit;color:inherit}.level:hover:not(:disabled){border-color:var(--accent)}.level .num{font:700 1.3rem Fredoka,sans-serif}.level .best{font-size:.75rem;color:var(--muted)}.level.done{background:#e7f3dc;border-color:#a6d982}.level.locked{opacity:.45;cursor:not-allowed}.rules ul{margin:0;padding-left:1.1em}.rules li{margin:.25em 0}.buildings{list-style:none;padding-left:0!important}.buildings .ico{display:inline-block;width:1.6em}footer{text-align:center;color:#c9d6b6!important}.game{max-width:980px;margin:0 auto;padding:12px 16px 24px}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#f6f1e3;margin-bottom:10px}.hud h2{margin:0}.score{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#00000059;padding:4px 10px;border-radius:999px;font-size:14px}.chip.me b{color:#9cc3ff}.chip.ai b{color:#ff9c90}.buttons{display:flex;gap:6px}.buttons .btn{min-width:42px;padding:6px 10px}.board{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px #0006}.board canvas{display:block;width:100%;height:auto;touch-action:none;cursor:pointer}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#141e0f8c}.panel{background:var(--card);border-radius:var(--radius);padding:20px 24px;text-align:center;min-width:min(320px,90%)}.panel .row{justify-content:center;margin-top:12px}.info{color:#f6f1e3;min-height:2.9em;margin:10px 2px 0}.info .muted{color:#c9d6b6}