:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101821;color:#edf6fa}
*{box-sizing:border-box}body{margin:0}main{width:min(980px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}
a{color:#91ead8}nav,footer{color:#9fb5bf;font-size:.94rem}h1{font-size:clamp(2rem,5vw,3.1rem);margin:24px 0 8px}h2{font-size:1.35rem;margin:0 0 12px}.lead{color:#d3e4e9;line-height:1.65;max-width:75ch}
.game{background:#1b2934;border:1px solid #35505c;border-radius:18px;padding:clamp(16px,3vw,28px);margin:24px 0 32px;box-shadow:0 12px 36px #060b1380}
.heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.heading p{margin:0;color:#a5e4d6;font-weight:700}
button{font:inherit;color:inherit;cursor:pointer;border:1px solid #4b6874;border-radius:10px;background:#263b47;padding:10px 14px}button:hover:not(:disabled){border-color:#9ce8d8;background:#34515b}button:focus-visible{outline:3px solid #f9cf6d;outline-offset:2px}button:disabled{opacity:.56;cursor:not-allowed}
.mode,.actions{display:flex;flex-wrap:wrap;gap:8px}.mode button[aria-pressed=true],.primary{background:#137967;border-color:#45baa6}.hint{font-size:.94rem;color:#aec3ca;line-height:1.55}.stats{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.stats span{background:#15232c;border:1px solid #304956;border-radius:8px;padding:8px 10px}.stats strong{color:#ffe093}#status{min-height:2.5em;padding:11px 14px;background:#123f43;border-radius:9px;line-height:1.5}
.board-wrap{overflow-x:auto;padding-bottom:5px}.board{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:5px;min-width:540px}.cell{position:relative;min-height:68px;background:#21343d;border:1px solid #45616b;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.81rem;padding:5px}.cell.base{background:#68552b;color:#ffe5a6}.cell.spawn{background:#453849;color:#f6cade}.cell.tower{background:#185a58}.cell.enemy{box-shadow:inset 0 0 0 2px #e89073}.cell .unit{display:block;font-size:1.45rem;line-height:1.2}.cell .detail{display:block}.cell button{position:absolute;inset:0;width:100%;height:100%;padding:4px;border-radius:8px;background:transparent;border:0}.cell button:hover{background:#3d76694d}.cell button:focus-visible{outline-offset:-4px}
.actions{margin-top:15px}section:not(.game){line-height:1.7}section:not(.game) p{max-width:80ch}footer{border-top:1px solid #34505c;padding-top:20px;margin-top:36px}
@media(max-width:600px){main{width:min(100% - 20px,980px);padding-top:18px}.game{padding:13px}.board{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;gap:3px}.cell{min-width:0;min-height:58px;padding:2px;font-size:.68rem}.cell .unit{font-size:1.2rem}.stats{font-size:.87rem}}