:root{--bg:#1b2a1f;--bg2:#223627;--card:#f4ecd8;--card2:#e9dcc0;--ink:#2b2418;--muted:#7a6a52;--moss:#5aa83a;--moss2:#3f7d2a;--leaf:#8bc34a;--wood:#8a5a36;--wood2:#6b4426;--stone:#8d8a84;--gold:#e8b84a;--red:#c4553d;--r:14px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 Nunito,system-ui,sans-serif;color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' shape-rendering='crispEdges'%3E%3Crect width='64' height='64' fill='%231b2a1f'/%3E%3Crect x='0' y='0' width='16' height='16' fill='%231f3023'/%3E%3Crect x='32' y='16' width='16' height='16' fill='%23182619'/%3E%3Crect x='16' y='40' width='16' height='16' fill='%23213425'/%3E%3Crect x='48' y='48' width='16' height='16' fill='%231e2f22'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,236,140,.10) 0 2px,transparent 3px),radial-gradient(circle at 80% 35%,rgba(255,236,140,.12) 0 2px,transparent 3px),radial-gradient(circle at 60% 80%,rgba(255,236,140,.09) 0 2px,transparent 3px),radial-gradient(ellipse at top,rgba(139,195,74,.12),transparent 60%);z-index:0}
header,main,footer{position:relative;z-index:1}
a{color:var(--moss2);font-weight:700;text-decoration:none}a:hover{color:var(--wood);text-decoration:underline}
h1,h2,h3{font-family:"Press Start 2P",monospace;font-weight:400;line-height:1.5;margin:0 0 .8em}
h1{font-size:22px}h2{font-size:16px;color:var(--wood2)}h3{font-size:12px;color:var(--moss2)}
header{background:linear-gradient(#6b4426,#5a3820);border-bottom:6px solid #3f7d2a;box-shadow:0 4px 0 #2c5a1d,0 8px 24px rgba(0,0,0,.4);position:sticky;top:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.hd{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 20px}
.logo img{height:40px;image-rendering:pixelated;display:block}
nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
nav a{color:#f4ecd8;font-weight:700;font-size:14px;padding:7px 12px;border-radius:10px;background:rgba(0,0,0,.15);border:2px solid transparent}
nav a:hover{background:rgba(255,255,255,.12);text-decoration:none;color:#fff}
nav a.act{background:var(--moss);border-color:#2c5a1d;box-shadow:inset 0 -3px 0 #3f7d2a;color:#fff}
main{max-width:1200px;width:100%;margin:28px auto;padding:0 20px;flex:1}
.card{background:var(--card);border-radius:var(--r);padding:22px 24px;margin-bottom:20px;border:3px solid #c9b48c;box-shadow:0 5px 0 #a8916a,0 10px 24px rgba(0,0,0,.35);overflow-x:auto}
.card>h2:first-child,.card>h3:first-child{padding-bottom:10px;border-bottom:3px dashed #d8c7a3}
.muted{color:var(--muted)}
.grid2,.grid3,.grid4,.grid5{display:grid;gap:20px}.grid2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid5{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.grid2>.card,.grid3>.card,.grid4>.card{margin-bottom:0}.grid2,.grid3,.grid4{margin-bottom:20px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 36px;margin-bottom:24px;border-radius:20px;color:#f4ecd8;background:linear-gradient(180deg,rgba(20,40,22,.55),rgba(20,40,22,.9)),repeating-linear-gradient(90deg,#2f5a2a 0 32px,#335f2d 32px 64px);border:4px solid #3f7d2a;box-shadow:0 6px 0 #24461a,0 14px 30px rgba(0,0,0,.45)}
.hero h1{color:#fff;text-shadow:3px 3px 0 #2b2418}.hero p{margin:.4em 0;font-size:17px}
.herologo{max-width:100%;height:auto;max-height:150px;image-rendering:pixelated;display:block;margin-bottom:8px}
.hero.small{justify-content:flex-start}.head{width:96px;height:96px;border-radius:12px;border:4px solid #f4ecd8;image-rendering:pixelated;box-shadow:0 4px 0 #2b2418}
.ip{display:inline-flex;gap:10px;align-items:center;margin-top:10px;background:#2b2418;padding:9px 14px;border-radius:10px;font-family:"Press Start 2P",monospace;font-size:11px;color:var(--leaf)}.ip span{color:#d8c7a3;font-family:Nunito;font-size:13px}
.live{text-align:center;background:rgba(0,0,0,.35);border-radius:16px;padding:18px 28px;border:3px solid var(--red)}.live.on{border-color:var(--leaf)}
.live b{display:block;font-family:"Press Start 2P",monospace;font-size:34px;color:#fff}.live span{font-size:14px}
.stat{text-align:center}.stat span{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.stat b{font-family:"Press Start 2P",monospace;font-size:24px;display:block;margin-top:10px;color:var(--wood2)}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
th{text-align:left;background:var(--wood);color:#f4ecd8;padding:10px 12px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}
td{padding:10px 12px;border-bottom:2px solid #e2d3b2;vertical-align:middle}tr:hover td{background:#ede2c7}
.mini{width:24px;height:24px;vertical-align:middle;margin-right:8px;border-radius:5px;image-rendering:pixelated;background:#d8c7a3;border:2px solid #b9a37b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);flex-shrink:0;object-fit:cover}
.online-list{list-style:none;margin:0;padding:0}
.online-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:2px solid #e2d3b2}
.online-list li:last-child{border-bottom:0}
.online-list a{display:inline-flex;align-items:center;gap:2px;min-width:0;font-weight:800}
.online-list a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.online-list .srv{flex-shrink:0;font-size:13px;font-weight:700}
.up{color:var(--moss2);font-weight:800}.down{color:var(--red);font-weight:800}
.bar{height:12px;background:#d8c7a3;border-radius:6px;overflow:hidden;border:2px solid #b9a37b;min-width:80px;margin:2px 0}
.bar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--moss) 0 8px,var(--leaf) 8px 16px)}
.bar.big{height:22px;border-radius:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.kv span{color:var(--muted);font-weight:600}.kv b{text-align:right}
.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.skill{background:var(--card2);border-radius:12px;padding:12px 14px;border:2px solid #cdb994;display:flex;flex-direction:column;gap:2px}.skill span{font-weight:800}.skill small{color:var(--muted)}
.stars{color:var(--gold);font-size:20px;letter-spacing:2px;text-shadow:1px 1px 0 #8a6a1e}.stars i{color:#cfc0a0;font-style:normal;text-shadow:none}
.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:8px 0 10px 24px;border-left:3px solid #c9b48c;margin-left:6px}
.timeline li:before{content:"";position:absolute;left:-8px;top:13px;width:11px;height:11px;background:var(--moss);border:2px solid #2c5a1d}
.timeline time{display:block;font-size:12px;color:var(--muted);font-weight:700}
.phases{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.phase{flex:1;min-width:110px;text-align:center;padding:10px;border-radius:10px;background:#d8c7a3;color:var(--muted);font-weight:800;border:2px solid #b9a37b}
.phase.done{background:var(--moss2);color:#fff;border-color:#2c5a1d}.phase.cur{background:var(--gold);color:var(--ink);border-color:#a8801e;box-shadow:0 0 0 3px rgba(232,184,74,.35)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{background:var(--card2);border:2px solid #c9b48c;border-radius:20px;padding:4px 12px;font-weight:700}
.terr{background:var(--stone);color:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;border:3px solid #6e6b66;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}.terr.owned{background:var(--moss2);border-color:#2c5a1d}.terr span{font-size:13px;opacity:.9}
.spark{display:block;max-width:100%;height:auto}
input,button,select{font:inherit;padding:10px 14px;border-radius:10px;border:3px solid #b9a37b;background:#fffaf0;color:var(--ink);width:100%;max-width:420px}
input:focus{outline:none;border-color:var(--moss)}
button{width:auto;cursor:pointer;background:var(--moss);color:#fff;font-weight:800;border-color:#2c5a1d;box-shadow:inset 0 -4px 0 #3f7d2a;padding:10px 22px}button:hover{background:#68b845}
.search{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search input{flex:1}
form input{display:block}
footer{text-align:center;color:#c9b48c;padding:24px;background:#2b2418;border-top:6px solid #3f7d2a;font-weight:600}footer img{width:20px;vertical-align:middle;image-rendering:pixelated}footer .muted{color:#8f7d60}
@media(max-width:700px){h1{font-size:16px}h2{font-size:13px}.hero{padding:22px}.card{padding:16px}nav{margin-left:0}.live b{font-size:24px}}
.login{max-width:480px;margin:30px auto;text-align:center}.login input{margin:0 auto}.loginlogo{max-width:100%;height:auto;max-height:90px;image-rendering:pixelated;margin-bottom:14px}.login>h2:first-child{border:0}