: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.webp);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.webp);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.webp);background-size:auto 4px;background-repeat:repeat-x}.game-card{background-color:var(--bg-card);background-image:url(/stone-bg.webp);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)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.game-card{transition:border-color .2s ease,box-shadow .2s ease}.game-card:hover{border-color:var(--border-gold);box-shadow:0 2px 12px #d4a01714}button{transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}button:active:not(:disabled){transform:scale(.97)}main{animation:fadeIn .2s ease}.notification-badge{animation:pulse 2s ease-in-out infinite}.queue-shimmer{background:linear-gradient(90deg,transparent 33%,rgba(212,160,23,.08) 50%,transparent 67%);background-size:200% 100%;animation:shimmer 2s linear infinite}@media (max-width: 768px){.village-rename-btn{display:none!important}body{background:#231710;background-image:none}.game-card{background-color:#271a10;background-image:none;border-color:#3d2a15}.resource-bar{background-color:#2a1a10!important;background-image:none;background-blend-mode:normal}div[style*="position: sticky"]>div[style*="position: sticky"],div[style*="position: sticky"]{background-color:#2c1c12}body{color:#e4d4b4}}.nav-icon{display:none}.nav-label{display:inline}@media (max-width: 768px){.nav-bar{overflow:visible}.nav-bar .nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-bar .nav-tabs::-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: 640px){.nav-bar .nav-label{display:none}.nav-bar .nav-icon{display:inline;font-size:1.1rem}.nav-bar .nav-tabs button{padding:.4rem .45rem!important;font-size:1rem!important;white-space:nowrap;flex-shrink:0}.nav-bar .nav-brand{font-size:.8rem!important;margin-right:.5rem!important;max-width:80px;overflow:hidden;text-overflow:ellipsis}.nav-bar select{font-size:.75rem!important;max-width:90px;margin-right:.5rem!important}.connection-text{display:none}.connection-dot{font-size:.9rem}.logout-btn .nav-label{display:none}.logout-btn .nav-icon{display:inline;font-size:.9rem}.logout-btn{padding:.2rem .4rem!important;border:none!important;margin-left:.3rem!important}.resource-bar{height:auto!important;padding:.25rem .5rem!important;flex-wrap:wrap}.resource-cell{min-width:0!important;flex:1 1 45%;padding:.15rem .4rem!important;border-right:none!important;border-bottom:1px solid var(--border-dim);gap:4px!important}.resource-cell:nth-child(odd){border-right:1px solid var(--border-dim)!important}.resource-cell:nth-child(n+3){border-bottom:none}.resource-value{font-size:.78rem!important;min-width:36px!important}.resource-rate{font-size:.65rem!important}.storage-cell{flex:1 1 100%;border-left:none!important;border-top:1px solid var(--border-dim);margin-left:0!important;padding:.2rem .4rem!important;justify-content:center}.storage-bar-wrap{width:100%!important;max-width:120px}.main-content{padding:.5rem!important}.village-resource-bar{position:static!important;padding:.5rem!important}.resource-bar-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.4rem!important;flex-direction:unset!important}.resource-bar-grid>div:last-child{grid-column:1 / -1}.building-cards-strip{gap:.35rem!important}.village-map-canvas{min-height:280px!important;aspect-ratio:auto!important}.map-controls{flex-direction:column;align-items:stretch!important;gap:.4rem!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}.garrison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.garrison-table{font-size:.75rem!important;min-width:400px}.garrison-table th,.garrison-table td{padding:.25rem .35rem!important;font-size:.75rem!important;white-space:nowrap}.profile-card{padding:.6rem!important}.profile-stat-row .profile-label{min-width:auto!important}.chat-layout{flex-direction:column!important}.chat-sidebar{width:100%!important}.leaderboard-table{font-size:.8rem!important}.leaderboard-table th,.leaderboard-table td{padding:.3rem .4rem!important}.leaderboard-table th,.leaderboard-table td{width:auto!important;min-width:0!important}}@media (max-width: 380px){.resource-cell{flex:1 1 100%!important;border-right:none!important;border-bottom:1px solid var(--border-dim)!important}.resource-cell:last-of-type{border-bottom:none!important}.nav-bar button{padding:.3rem .4rem!important}}