:root{
  --bg:#120d09;--panel:#20160e;--panel2:#2a1d12;--sand:#b88346;--sand2:#d2a66a;--gold:#f4bd49;--gold2:#ffe09a;
  --text:#f6ead8;--muted:#bda98d;--line:#5a4027;--green:#6fae4e;--red:#b84936;--blue:#5d8eb6;--shadow:0 14px 32px rgba(0,0,0,.35)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
body{margin:0;min-height:100vh;background:
radial-gradient(circle at 50% -10%,rgba(197,132,55,.23),transparent 38%),
linear-gradient(#16100b,#0d0906 65%);color:var(--text)}
button,input{font:inherit}button{cursor:pointer;color:inherit}
img{image-rendering:pixelated;image-rendering:crisp-edges}
#gameShell{width:min(100%,620px);margin:auto;min-height:100vh;padding-bottom:28px}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(18,13,9,.94);backdrop-filter:blur(12px);border-bottom:1px solid #3b2a1b}
.brand{display:flex;gap:9px;align-items:center}.brand img{width:36px;height:36px;object-fit:contain}.brand strong{display:block;font:800 17px Cinzel,serif;letter-spacing:.3px}.brand small{color:var(--muted);font-size:11px}
.icon-btn{width:38px;height:38px;border:1px solid #5a4028;border-radius:10px;background:#2a1d12;color:#dbc39c;font-size:18px}
.resource-strip{display:flex;gap:7px;overflow:auto;padding:9px 10px 8px;scrollbar-width:none;border-bottom:1px solid #332316;background:#171009}.resource-strip::-webkit-scrollbar{display:none}
.resource{min-width:max-content;display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #4f3822;background:#21160e;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.resource img{width:25px;height:25px;object-fit:contain}.resource b{font-size:12px}.resource small{display:block;font-size:9px;color:#7ebd5b;margin-top:1px}
main{padding:10px}.scene-card{overflow:hidden;border:1px solid #5b3e25;border-radius:18px;background:#22170f;box-shadow:var(--shadow)}
.scene-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:linear-gradient(#2a1c11,#20150d);border-bottom:1px solid #4a321e}.scene-head strong{font:700 14px Cinzel,serif}.eyebrow{display:block;text-transform:uppercase;letter-spacing:1.5px;color:#d3a65b;font-size:9px;font-weight:800}.save-state{font-size:10px;color:#8daa71}
.scene{height:330px;position:relative;overflow:hidden;background-color:#a77843;background-image:linear-gradient(rgba(40,25,12,.08),rgba(40,25,12,.2)),url('../img/terrain/sand.png');background-size:auto,150px 105px;background-position:center;box-shadow:inset 0 0 65px rgba(75,39,12,.36)}
.scene:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(41,22,10,.25));pointer-events:none}.sun-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,222,139,.2),transparent 65%);left:48%;top:38%;transform:translate(-50%,-50%)}
.decor{position:absolute;pointer-events:none;filter:drop-shadow(0 6px 4px rgba(0,0,0,.25))}.palm{width:78px}.p1{right:5px;top:32px}.p2{left:4px;bottom:7px;width:66px}.well{right:12px;bottom:12px;width:78px}.tent{left:18px;top:16px;width:98px}
.world-building{position:absolute;border:0;background:transparent;padding:0;z-index:4;filter:drop-shadow(0 8px 7px rgba(0,0,0,.35));transition:transform .14s ease}.world-building:active{transform:scale(.96)}.world-building img{width:100%;height:100%;object-fit:contain}.world-building span{position:absolute;right:4px;bottom:4px;background:#1c120b;border:1px solid #e0a74d;border-radius:9px;padding:2px 5px;font-size:9px;font-weight:800;color:#ffe4a8}
.keep{width:142px;height:136px;left:50%;top:78px;transform:translateX(-50%)}.keep:active{transform:translateX(-50%) scale(.96)}.lumber{width:116px;height:92px;left:14px;top:112px}.quarry{width:112px;height:92px;right:8px;top:116px}.farm{width:118px;height:82px;left:82px;bottom:13px}.market{width:112px;height:92px;right:84px;bottom:10px}
.unit{position:absolute;z-index:5;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.worker{width:48px}.u1{left:37%;top:185px;animation:patrol1 9s ease-in-out infinite}.u2{right:32%;top:191px;animation:patrol2 11s ease-in-out infinite reverse}
@keyframes patrol1{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,34px)}}@keyframes patrol2{0%,100%{transform:translate(0,0)}50%{transform:translate(-70px,25px)}}
.caravan{position:absolute;z-index:8;bottom:54px;left:-120px;border:0;background:transparent;animation:caravanIn .7s forwards}.caravan img{width:115px}.caravan b{position:absolute;left:30px;top:-10px;background:#31200f;border:1px solid #ffd26b;border-radius:12px;padding:3px 8px;font-size:10px;color:#ffe5a0}.caravan.hidden{display:none}@keyframes caravanIn{to{left:15px}}
.scene-actions{display:grid;grid-template-columns:1.3fr .9fr;gap:8px;padding:10px;background:#1c120b}.scene-actions button,.large-btn{min-height:46px;border-radius:11px;border:1px solid #6d4928;font-weight:800}.scene-actions img{width:26px;height:26px;vertical-align:middle;object-fit:contain;margin-right:4px}.primary-action{background:linear-gradient(#a56c27,#7b4d1b);box-shadow:inset 0 1px #d89a47}.secondary-action{background:linear-gradient(#44301e,#302015)}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0}.tabs button{border:1px solid #4b3320;background:#1b120b;border-radius:10px;padding:10px 2px;font-size:11px;color:#bda98d;font-weight:800}.tabs button.active{background:#4a301a;color:#ffe0a5;border-color:#93612b}
.tab-panel{display:none}.tab-panel.active{display:block}.building-list,.quest-list{display:grid;gap:8px}
.building-card{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:8px;min-height:90px;border:1px solid #4c3320;background:linear-gradient(135deg,#25180f,#1a110b);border-radius:14px;padding:8px}.building-art{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(0,0,0,.35))}.building-card h3{margin:0 0 2px;font:700 13px Cinzel,serif}.building-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.rate{color:#83c965!important;margin-top:4px!important}.upgrade-btn{align-self:stretch;min-width:92px;border:1px solid #8a5e2f;border-radius:10px;background:linear-gradient(#5d3a1e,#402514);padding:7px}.upgrade-btn:disabled{opacity:.45;filter:grayscale(.6)}.upgrade-btn b{display:block;color:#ffd77c;font-size:11px}.upgrade-btn small{display:flex;justify-content:center;align-items:center;gap:2px;color:#e7d5b6;font-size:9px;margin-top:3px}.mini-icon{width:14px;height:14px;object-fit:contain}
.panel{border:1px solid #4c3320;background:linear-gradient(135deg,#25180f,#17100a);border-radius:14px;padding:12px;margin-bottom:8px}.hero-panel{display:flex;align-items:center;gap:10px}.hero-panel img{width:98px;height:90px;object-fit:contain}.hero-panel h2{font:700 18px Cinzel,serif;margin:2px 0}.hero-panel p{color:var(--muted);font-size:11px;margin:0;line-height:1.4}.meter{height:15px;border:1px solid #5a3e25;background:#0d0906;border-radius:10px;overflow:hidden;margin:10px 0}.meter div{height:100%;width:0;background:linear-gradient(90deg,#7a9a42,#dfb54b);transition:width .3s}.large-btn{width:100%;background:linear-gradient(#7f3025,#582018);border-color:#b34b3b}.result-line{min-height:25px;text-align:center;color:#ddb775;padding:8px;font-size:11px}.army-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.army-card{border:1px solid #49311e;background:#21150d;border-radius:12px;text-align:center;padding:8px}.army-card img{height:58px;max-width:100%;object-fit:contain}.army-card b{display:block;font:700 10px Cinzel}.army-card small{color:var(--muted);font-size:9px}
.quest{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;border:1px solid #4c3320;background:#21150d;border-radius:12px;padding:9px}.quest img{width:42px;height:42px;object-fit:contain}.quest h3{font:700 11px Cinzel;margin:0 0 3px}.quest p{font-size:9px;color:var(--muted);margin:0}.quest button{border:1px solid #81602f;background:#5a3d1e;border-radius:9px;padding:7px;font-size:9px;font-weight:800}.quest button:disabled{opacity:.45}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.stat{background:#191008;border:1px solid #3d2919;border-radius:10px;padding:9px}.stat small{display:block;color:var(--muted);font-size:9px}.stat b{font:700 15px Cinzel;color:#f1c970}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h3{font:700 13px Cinzel;margin:0}.panel-title button{border:1px solid #5c4027;background:#312113;border-radius:8px;padding:6px;font-size:9px}.leaderboard{margin-top:8px}.leader-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;padding:7px 3px;border-top:1px solid #342417;align-items:center;font-size:10px}.leader-row:first-child{border-top:0}.leader-row strong{font:700 10px Cinzel}.leader-row small{display:block;color:var(--muted)}.prestige-panel{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:8px}.prestige-panel img{width:55px;height:55px;object-fit:contain}.prestige-panel h3{font:700 11px Cinzel;margin:0}.prestige-panel p{font-size:9px;color:var(--muted);margin:2px 0}.prestige-panel button{border:1px solid #a3742f;background:#68451e;border-radius:9px;padding:8px;font-size:9px;font-weight:800}.prestige-panel button:disabled{opacity:.45}
footer{text-align:center;color:#6f5c48;font-size:9px;padding:16px}
#particleLayer{position:absolute;inset:0;pointer-events:none;z-index:15}.particle{position:absolute;width:30px;height:30px;object-fit:contain;animation:floatLoot 1s ease-out forwards}@keyframes floatLoot{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-75px) scale(1.1)}}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.modal-backdrop.hidden{display:none}.modal{width:min(100%,370px);text-align:center;border:1px solid #7b542f;background:linear-gradient(#2d1e12,#18100a);border-radius:18px;padding:20px;box-shadow:0 25px 70px #000}.modal>img{height:90px;max-width:130px;object-fit:contain}.modal h2{font:700 20px Cinzel;margin:5px 0}.modal p{color:var(--muted);font-size:11px;line-height:1.5}.modal button,.modal .admin-link{display:block;width:100%;margin-top:8px;border:1px solid #7c572f;background:#5b3b1d;border-radius:10px;padding:11px;color:#f6ead8;text-decoration:none;font-weight:800}.modal .ghost{background:#21160e;color:#bda98d}.profile{text-align:left}.profile label{font-size:10px;color:#c6b091}.profile input{width:100%;margin-top:5px;background:#100b07;color:#fff;border:1px solid #5a3e25;border-radius:9px;padding:11px;outline:none}.admin-link{text-align:center}
.toast{position:fixed;z-index:70;bottom:18px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#2b1c10;border:1px solid #79532b;border-radius:12px;padding:9px 13px;font-size:10px;box-shadow:var(--shadow);transition:.22s}.toast.show{transform:translate(-50%,0);opacity:1}
.siege-flash{position:absolute;z-index:14;width:90px;height:90px;right:23%;top:110px;animation:boom .8s forwards}@keyframes boom{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
@media(min-width:700px){#gameShell{padding-top:8px}.topbar{border-radius:14px 14px 0 0}.scene{height:370px}.keep{width:165px;height:150px}.building-list{grid-template-columns:1fr 1fr}.building-card{grid-template-columns:70px 1fr}.upgrade-btn{grid-column:1/-1;min-height:42px}.army-cards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:380px){.building-card{grid-template-columns:68px 1fr}.upgrade-btn{grid-column:1/-1;min-height:39px}.scene{height:300px}.keep{width:125px}.resource{padding:4px 6px}.world-building.lumber,.world-building.quarry{width:98px}.scene-actions{grid-template-columns:1fr}}