@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Cinzel:wght@400;600;700&family=Inter:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0b07;--panel: #1a1510;--border: #4a3820;--gold: #c9a84c;--gold-light: #f0d080;--text: #d4c49a;--text-muted: #7a6a50;--accent: #8b3a1a;--radius: 6px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}header h1{font-family:Cinzel,serif;font-size:1.3rem;color:var(--gold-light);letter-spacing:.06em;white-space:nowrap}.divider{width:1px;height:1.4rem;background:var(--border)}.controls{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}select,input[type=number]{background:#110f0a;border:1px solid var(--border);color:var(--text);padding:.3rem .5rem;border-radius:var(--radius);font-size:.85rem;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}select:focus,input:focus{border-color:var(--gold)}input[type=number]{width:100px}.btn{padding:.35rem .9rem;background:linear-gradient(135deg,#6b2d10,#a04520);border:1px solid #c05530;color:#f8d89a;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;border-radius:var(--radius);cursor:pointer;letter-spacing:.05em;transition:filter .15s;touch-action:manipulation}.btn:hover{filter:brightness(1.2)}.btn:active{filter:brightness(.85)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none}.toggle-wrap{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-wrap input{accent-color:var(--gold);cursor:pointer}.workspace{display:flex;flex:1;overflow:hidden}.canvas-wrap{flex:1;position:relative;background:#080608}#map-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080608bf;gap:1rem;z-index:10}#loading.hidden{display:none}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading p{font-family:Cinzel,serif;color:var(--gold);font-size:.9rem;letter-spacing:.08em}.sidebar{width:210px;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar.collapsed{display:none}.build-btn{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;padding:.5rem .6rem;gap:.12rem;line-height:1.2}.build-btn-title{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600}.build-btn-cost{color:#aaa;font-weight:400}.build-btn-desc{font-size:.72rem;color:#e8d9a0}.build-btn-upkeep{font-size:.62rem;color:#aaa}#sidebar-toggle{position:fixed;top:8px;right:8px;z-index:60;width:38px;height:38px;border-radius:8px;background:var(--panel);border:1px solid var(--border);color:var(--gold);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}#sidebar-toggle:hover{border-color:var(--gold)}@media (max-width: 640px){.sidebar{position:fixed;top:0;right:0;bottom:0;width:min(84vw,300px);z-index:55;box-shadow:-6px 0 18px #00000080}}.sidebar-section{padding:.8rem 1rem;border-bottom:1px solid var(--border)}.sidebar-section h2{font-family:Cinzel,serif;font-size:.72rem;font-weight:600;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.info-row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.3rem;color:var(--text-muted)}.info-row span:last-child{color:var(--text);font-weight:500}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;margin-bottom:.35rem;color:var(--text)}.legend-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}