:root{--bg-deep: #0e0804;--bg-main: #1a0f06;--bg-nav: #231508;--bg-card: #1e1208;--bg-card2: #160d05;--border: #5a3a14;--border-dim: #3a2410;--border-gold: #7a5a20;--text: #f0ddb8;--text-muted: #a08858;--text-dim: #604830;--gold: #d4a017;--gold-light: #f0c840;--danger: #e74c3c;--success: #5dbe6e;--info: #5b9bd5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,Segoe UI,system-ui,sans-serif;background:var(--bg-main);color:var(--text);min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' x='0' y='0' fill='%23ffffff' fill-opacity='0.012'/%3E%3Crect width='1' height='1' x='2' y='2' fill='%23000000' fill-opacity='0.02'/%3E%3C/svg%3E")}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer}h1,h2,h3{font-family:Cinzel,Georgia,serif;letter-spacing:.03em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-gold)}.resource-bar{display:flex;align-items:center;gap:0;background:var(--bg-deep);border-top:1px solid var(--border-dim);padding:0 1rem;height:36px;flex-wrap:wrap}.resource-cell{display:flex;align-items:center;gap:5px;padding:0 .9rem;border-right:1px solid var(--border-dim);height:100%;min-width:110px}.resource-cell:first-child{padding-left:0}.resource-cell:last-child{border-right:none}.resource-value{font-family:Lato,monospace;font-weight:700;font-size:.88rem;color:var(--text);min-width:42px;text-align:right}.resource-value.near-cap{color:#e8a030}.resource-value.at-cap{color:var(--danger)}.resource-rate{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.storage-cell{display:flex;align-items:center;gap:6px;padding:0 .9rem;height:100%;margin-left:auto;border-left:1px solid var(--border-dim)}.storage-bar-wrap{width:70px;height:8px;background:var(--bg-card2);border-radius:4px;overflow:hidden;border:1px solid var(--border-dim)}.storage-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.crop-deficit .resource-value{color:var(--danger)!important}.nav-bar{background-color:var(--bg-nav)!important;background-image:url(/wood-bg.png);background-size:cover;background-position:center;border-bottom:1px solid var(--border)!important;box-shadow:0 2px 8px #00000080}div[style*="position: sticky"]>div[style*="position: sticky"],div[style*="position: sticky"]{background-color:var(--bg-nav)}.resource-bar{background-color:var(--bg-deep)!important;background-image:url(/wood-bg.png);background-size:cover;background-position:center bottom;background-blend-mode:multiply}.resource-bar:after{content:"";display:block;position:absolute;bottom:-4px;left:0;right:0;height:4px;background-image:url(/divider-bg.png);background-size:auto 4px;background-repeat:repeat-x}.game-card{background-color:var(--bg-card);background-image:url(/stone-bg.png);background-size:256px 256px;background-blend-mode:multiply;border:1px solid var(--border);border-radius:6px;margin-bottom:1rem;padding:1rem 1.2rem}.garrison-table th,.garrison-table td{border-bottom:1px solid var(--border-dim)}@media (max-width: 768px){.nav-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-bar::-webkit-scrollbar{display:none}.main-content{padding:1rem .75rem!important}.resource-bar-grid{gap:.75rem!important}.map-container{max-width:calc(100vw - 16px)!important}.map-filter-bar{flex-wrap:wrap}.map-filter-bar input{width:100%!important;max-width:none!important}.military-send-form{max-width:100%!important}.profile-stat-row{flex-direction:column;gap:.25rem!important;align-items:flex-start!important}.profile-stat-row .profile-label{min-width:auto!important}}@media (max-width: 480px){.nav-bar button{padding:.4rem .7rem!important;font-size:.85rem!important;white-space:nowrap}.nav-bar .nav-brand{font-size:.85rem!important;margin-right:.75rem!important}.main-content{padding:.75rem .5rem!important}.resource-bar-grid{flex-direction:column!important;gap:.5rem!important}.building-cards-strip{gap:.35rem!important}.village-map-canvas{min-height:280px!important;aspect-ratio:auto!important}.map-controls{flex-direction:column;align-items:flex-start!important;gap:.5rem!important}.troop-cost-cards{flex-direction:column!important}.troop-cost-cards>div{min-width:auto!important;width:100%}.recruit-form{flex-direction:column!important;align-items:stretch!important}.send-troops-row{flex-direction:column!important}.profile-card{padding:.75rem!important}.garrison-table th,.garrison-table td{padding:.3rem .4rem!important;font-size:.8rem!important}}