*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,serif;background:#1a1a2e;color:#f1faee;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.top-bar{display:flex;justify-content:space-around;padding:8px;background:linear-gradient(180deg,#3a2e1f,#2a1f10);border-bottom:2px solid #8b6f3a}.resource{display:flex;gap:4px;align-items:center;font-weight:700;font-size:14px}.map-container{flex:1;position:relative;overflow:hidden}.bottom-menu{display:flex;justify-content:space-around;padding:8px;background:linear-gradient(0deg,#3a2e1f,#2a1f10);border-top:2px solid #8b6f3a}.menu-btn{background:transparent;border:none;color:#f1faee;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 8px;border-radius:4px}.menu-btn.active{background:#8b6f3a}.menu-btn .icon{font-size:22px}.menu-btn .label{font-size:11px}.panel{position:absolute;bottom:70px;left:0;right:0;background:#1e140af2;padding:16px;border-top:2px solid #8b6f3a;max-height:60vh;overflow-y:auto}.panel h3{margin-bottom:8px;color:#e9c46a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.build-btn,.unit-card{background:#2a1f10;border:1px solid #8b6f3a;color:#f1faee;padding:8px;border-radius:4px;cursor:pointer}.build-btn:hover{background:#3a2e1f}.build-btn .name{font-weight:700;text-transform:capitalize}.build-btn .cost{font-size:11px;color:#e9c46a;margin-top:4px}.army-card{background:#2a1f10;padding:8px;margin-bottom:6px;border-radius:4px}input{background:#1a1a2e;color:#f1faee;border:1px solid #8b6f3a;padding:4px;width:60px}button{background:#8b6f3a;color:#f1faee;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}