:root{--void: #14120f;--panel: #1e1a15;--panel-raised: #262019;--hairline: #3a3226;--bone: #ded2ba;--bone-dim: #8c8272;--amber: #c9a227;--amber-glow: #e8c25c;--rust: #b5502e;--green-ok: #7a9153;--error: #c0392b;--f-schmelzer: #a8502f;--f-aschlaeufer: #8a8a5c;--f-bund: #52677a;--f-sammler: #6b8f47;--f-neutral: #4a453c}*{box-sizing:border-box}body{margin:0;background:var(--void);color:var(--bone);font-family:JetBrains Mono,monospace;min-height:100vh}#root{min-height:100vh}h1,h2,h3{font-family:Oswald,sans-serif;font-weight:600;margin:0}button{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer}input{font-family:JetBrains Mono,monospace}.centered-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--hairline);padding:32px}.auth-card .brand{font-family:Oswald,sans-serif;font-weight:700;font-size:22px;letter-spacing:3px;margin-bottom:24px;text-align:center}.auth-card .brand span{color:var(--amber)}.field{margin-bottom:16px}.field label{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--bone-dim);margin-bottom:6px}.field input{width:100%;background:var(--panel-raised);border:1px solid var(--hairline);color:var(--bone);padding:10px 12px;font-size:13px}.field input:focus{outline:none;border-color:var(--amber)}.btn-primary{width:100%;background:var(--rust);border:1px solid var(--rust);color:#fff;padding:12px;font-size:13px}.btn-primary:hover{background:#c85c37}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.link-row{margin-top:16px;text-align:center;font-size:12px;color:var(--bone-dim)}.link-row a{color:var(--amber);cursor:pointer;text-decoration:none}.error-banner{background:#c0392b26;border:1px solid var(--error);color:var(--bone);padding:10px 12px;font-size:12px;margin-bottom:16px}.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:900px;width:100%}.faction-card{background:var(--panel);border:1px solid var(--hairline);padding:20px;cursor:pointer;transition:border-color .15s}.faction-card:hover{border-color:var(--amber)}.faction-card .swatch{width:100%;height:6px;margin-bottom:14px}.faction-card h3{font-size:18px;margin-bottom:8px}.faction-card p{font-size:12px;color:var(--bone-dim);line-height:1.5;margin-bottom:14px}.faction-card .status{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border:1px solid var(--hairline)}.faction-card .status.seeking_reinforcement{color:var(--amber);border-color:var(--amber)}.faction-card .status.balanced{color:var(--green-ok);border-color:var(--green-ok)}.faction-card .status.very_active{color:var(--rust);border-color:var(--rust)}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--hairline);flex-shrink:0}.app-header .brand{font-family:Oswald,sans-serif;font-weight:700;font-size:20px;letter-spacing:3px}.app-header .brand span{color:var(--amber)}.map-main{flex:1;display:flex;overflow:hidden}.map-canvas{flex:1;position:relative;background:radial-gradient(ellipse at 50% 40%,#201a13 0%,var(--void) 70%);overflow:auto}.map-legend{position:absolute;top:16px;left:16px;background:#1e1a15d9;border:1px solid var(--hairline);padding:12px 16px;font-size:11px;line-height:1.9;z-index:10}.map-legend .row{display:flex;align-items:center;gap:8px}.map-legend .swatch{width:10px;height:10px;flex-shrink:0}.hexgrid{position:relative;margin:60px}.hex{position:absolute;width:64px;height:74px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--f-neutral);border:1px solid rgba(0,0,0,.4);cursor:pointer;transition:filter .15s,transform .15s}.hex:hover{filter:brightness(1.35);transform:scale(1.04);z-index:5}.hex.selected{outline:2px solid var(--amber);outline-offset:2px;z-index:6}.hex.rare_resource{box-shadow:inset 0 0 0 2px var(--amber-glow)}.hex.contested-garrison{box-shadow:inset 0 0 0 3px var(--garrison-color, var(--amber))}.hex.siege{animation:siege-pulse 1.1s ease-in-out infinite}@keyframes siege-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--rust)}50%{box-shadow:inset 0 0 0 2px var(--amber-glow),0 0 14px 2px #b5502e99}}.side-panel{width:320px;background:var(--panel);border-left:1px solid var(--hairline);padding:20px;flex-shrink:0;overflow-y:auto}.side-panel h3{font-size:20px;margin-bottom:4px}.side-panel .coords{font-size:11px;color:var(--bone-dim);margin-bottom:16px}.side-panel .stat-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--hairline);font-size:12.5px}.side-panel .stat-row .k{color:var(--bone-dim)}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--bone-dim);font-size:13px}