@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#efe4cf;background:#0b0908;font-synthesis:none;--bg: #0b0908;--panel: #171310;--panel-2: #201a15;--line: rgba(202, 164, 94, .2);--gold: #c9a35e;--gold-bright: #e3c47e;--muted: #9b9183;--red: #8e2e28}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 10%,#2b1a12 0,#0b0908 38%,#070605)}button,input{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.auth-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#0705042e,#07050494 42%,#070504f0),linear-gradient(#0705041f,#070504d1),url(/assets/ui-premium/login-hero.jpg) left center / auto 100% no-repeat,radial-gradient(circle at 50% 30%,rgba(161,113,51,.16),transparent 36%),#0b0908}.auth-card{position:relative;width:min(470px,100%);padding:42px;border:1px solid var(--line);background:linear-gradient(145deg,#1f1813f5,#0c0a08fa);box-shadow:0 35px 100px #0000008c,inset 0 1px #ffffff08}.crest,.brand-mark{color:var(--gold-bright);text-shadow:0 0 24px rgba(201,163,94,.35)}.crest{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);margin-bottom:22px;font-size:25px}.eyebrow{letter-spacing:.18em;font-size:10px;color:var(--gold);font-weight:700}h1,h2,.brand b{font-family:Cinzel,Georgia,serif}.auth-card h1{font-size:clamp(30px,6vw,48px);line-height:1.04;margin:12px 0}.auth-lead{color:var(--muted);line-height:1.65;margin-bottom:30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tabs button{border:0;background:transparent;color:var(--muted);padding:13px}.auth-tabs button.active{color:var(--gold-bright);border-bottom:2px solid var(--gold)}label{display:block;color:#c7bcac;font-size:12px;margin:15px 0}input{display:block;width:100%;margin-top:8px;padding:13px 14px;color:#f4ead9;background:#0d0b0a;border:1px solid var(--line);outline:none}input:focus{border-color:var(--gold)}.primary{width:100%;border:1px solid rgba(229,194,119,.55);background:linear-gradient(180deg,#a13a30,#6f201d);color:#fff1dc;padding:14px 18px;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 30px #50140f47}.primary:disabled{opacity:.42;cursor:not-allowed}.auth-submit{margin-top:18px}.notice{margin-top:15px;padding:11px 13px;border:1px solid var(--line);background:#c9a35e12;color:#d9cbb7;font-size:12px;line-height:1.5}.notice.error{border-color:#ad3f3380;color:#e7a49a}.auth-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:var(--muted)}.auth-footer strong{color:#71936c}.city-stage{position:relative;overflow:hidden;min-height:520px;border:1px solid rgba(201,163,94,.28);background:#16100d;box-shadow:0 28px 80px #0000006b,inset 0 1px #ffffff0a}.city-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0806050a,#0806059e);z-index:1;pointer-events:none}.city-panorama{position:absolute;inset:0;background-image:url(/assets/city-hero-premium.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.03) contrast(1.04);transform:scale(1.015);z-index:0}.city-ground{position:relative;z-index:3;min-height:430px;background:radial-gradient(circle at 50% 45%,rgba(201,163,94,.1),transparent 40%)}.city-caption{position:absolute;z-index:5;left:28px;bottom:22px;padding:12px 16px;border:1px solid rgba(229,194,119,.25);background:#090706ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #00000040}.city-caption span{display:block;font-size:9px;letter-spacing:.2em;color:#c9a35e}.city-caption strong{display:block;margin-top:3px;font-family:Cinzel,serif;font-size:13px;color:#f1dfbc}.building{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.building:hover{transform:translateY(-5px) scale(1.02);filter:brightness(1.12);z-index:8}.panel{box-shadow:0 18px 45px #0000003d,inset 0 1px #ffffff06}.topbar{box-shadow:0 8px 30px #0000003d}.game-shell{min-height:100vh}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:grid;grid-template-columns:245px 1fr auto;align-items:center;background:#0a0807eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;padding-left:22px}.brand-mark{font-size:25px}.brand b{display:block;font-size:16px;letter-spacing:.1em}.brand small{color:var(--muted);font-size:8px;letter-spacing:.22em}.resources{display:flex;justify-content:center;gap:28px}.resource{display:flex;align-items:center;gap:8px}.resource-symbol{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);font-size:12px}.resource small,.resource strong{display:block}.resource small{font-size:9px;color:var(--muted)}.resource strong{font-size:12px;margin-top:2px}.player{display:flex;align-items:center;gap:20px;padding-right:18px;border-left:1px solid var(--line);height:100%}.player span,.player strong{display:block}.player span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.player strong{font-family:Cinzel,serif;font-size:12px;color:var(--gold-bright)}.logout,.refresh{color:var(--muted);background:transparent;border:1px solid var(--line);padding:8px 11px;font-size:9px;letter-spacing:.1em}.sidebar{position:fixed;top:76px;bottom:0;left:0;width:245px;border-right:1px solid var(--line);background:linear-gradient(180deg,#15100df5,#0a0807fa);padding:28px 18px;z-index:10}.city-identity{padding:10px 8px 26px;border-bottom:1px solid var(--line)}.city-identity h2{margin:8px 0;font-size:22px}.city-level{color:var(--gold);font-size:9px;letter-spacing:.13em}nav{padding-top:18px}.nav{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left;border:0;background:transparent;color:#81776c;padding:13px 10px;margin-bottom:3px}.nav.active{color:var(--gold-bright);background:#c9a35e14;border-left:2px solid var(--gold)}.nav em{font-style:normal;font-size:7px;color:#635c54}.sidebar-bottom{position:absolute;left:26px;right:26px;bottom:28px;border-top:1px solid var(--line);padding-top:15px}.sidebar-bottom span,.sidebar-bottom small{display:block;color:var(--muted);font-size:8px;letter-spacing:.1em}.sidebar-bottom strong{display:block;color:var(--gold);margin:5px 0 8px;font-family:Cinzel,serif}.city-main{padding:108px 42px 50px 287px;max-width:1700px;margin:auto}.city-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.city-heading h1{margin:7px 0 5px;font-size:clamp(28px,4vw,46px)}.city-heading p{color:var(--muted);margin:0;font-size:13px}.city-stage{position:relative;min-height:510px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#4c2c1d,#9a6a3d 47%,#3c3826 48%,#222019);box-shadow:inset 0 0 80px #00000061,0 25px 80px #00000040}.sun{position:absolute;width:110px;height:110px;right:12%;top:11%;border-radius:50%;background:#eec77b33;box-shadow:0 0 80px #eec77b2e}.mountains{position:absolute;inset:30% 0 auto;height:130px;background:linear-gradient(145deg,transparent 20%,rgba(43,32,24,.45) 20% 38%,transparent 38% 45%,rgba(43,32,24,.35) 45% 65%,transparent 65%)}.road{position:absolute;background:#d6bd8f29;transform:rotate(-12deg)}.road-a{width:120%;height:45px;top:61%;left:-10%}.road-b{width:30px;height:100%;top:25%;left:57%;transform:rotate(18deg)}.city-ground{position:absolute;inset:42% 4% 5%;display:grid;grid-template-columns:repeat(6,1fr);gap:9px;align-items:end}.building{min-height:120px;position:relative;border:0;background:transparent;color:#e9dcc5;padding:5px;transition:transform .2s ease,filter .2s ease}.building:hover{transform:translateY(-4px);filter:brightness(1.12)}.building.selected{filter:drop-shadow(0 0 9px rgba(226,191,112,.65))}.building.locked{opacity:.36}.building-shadow{position:absolute;bottom:31px;left:8%;right:8%;height:22px;border-radius:50%;background:#00000052;filter:blur(5px)}.building-icon{position:relative;z-index:1;display:grid;place-items:center;margin:auto;width:72px;height:72px;color:#dbc38f;border:2px solid rgba(221,193,137,.52);background:linear-gradient(145deg,#8b5a36,#3b2a20);box-shadow:inset 0 0 0 7px #ffffff08,0 13px 20px #00000040;font-size:30px}.building.level-1 .building-icon{transform:scale(.78)}.building.level-2 .building-icon{transform:scale(.88)}.building.level-3 .building-icon{transform:scale(1)}.building.level-4 .building-icon{transform:scale(1.08)}.building.level-5 .building-icon{transform:scale(1.16);border-color:var(--gold-bright)}.building-name,.building-level{display:block;position:relative;z-index:2;font-size:9px}.building-name{margin-top:8px;font-weight:700}.building-level{color:var(--gold);font-size:7px;letter-spacing:.09em;margin-top:3px}.city-caption{position:absolute;bottom:18px;left:20px;color:#ffffff6b}.city-caption span{font-size:7px;letter-spacing:.25em;display:block}.city-caption strong{font-family:Cinzel,serif;font-size:11px;letter-spacing:.08em}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#1c1612f0,#0f0c0af7);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{margin:5px 0 0;font-size:20px}.roman-level{color:var(--gold);font-family:Cinzel,serif;font-size:12px}.evolution-card{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:18px}.evolution-visual{flex:0 0 105px;height:105px;display:grid;place-items:center;font-size:42px;background:linear-gradient(145deg,#75492c,#261d18);border:1px solid rgba(201,163,94,.3);color:var(--gold-bright)}.evolution-copy p{color:#b2a79a;font-size:12px;line-height:1.6}.level-track{height:5px;background:#0a0807;margin:14px 0 7px}.level-track span{display:block;height:100%;background:var(--gold)}.evolution-copy small{color:var(--muted);font-size:9px}.queue-box{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:13px;background:#c9a35e0f;border:1px solid var(--line)}.queue-box span,.queue-box strong{display:block}.queue-box span{font-size:8px;color:var(--muted);letter-spacing:.12em}.queue-box strong{font-size:12px;color:#d8c6a8;margin-top:3px}.queue-box .timer{color:var(--gold-bright);font-family:Cinzel,serif}.unlock-list{display:grid;gap:5px}.unlock-row{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.035);background:transparent;padding:8px 0;color:#d9cdbc}.unlock-row:hover{background:#c9a35e0a}.mini-building{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}.unlock-row strong,.unlock-row small{display:block}.unlock-row strong{font-size:11px}.unlock-row small{color:var(--muted);font-size:9px;margin-top:3px}.unlock-row b{color:var(--gold)}@media(max-width:1050px){.topbar{grid-template-columns:200px 1fr}.resources{gap:10px}.player{display:none}.sidebar{width:200px}.city-main{padding-left:225px}.city-ground{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.topbar{position:static;height:auto;display:block;padding-bottom:12px}.brand{padding:14px 18px}.resources{padding:5px 12px;justify-content:flex-start;overflow-x:auto}.sidebar{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px 14px}.sidebar-bottom{display:none}nav{display:grid;grid-template-columns:repeat(4,1fr);padding-top:8px}.nav{grid-template-columns:1fr;text-align:center;padding:9px 3px}.nav em{display:none}.city-main{padding:28px 14px 40px}.city-heading{align-items:start;gap:12px}.city-heading p{display:none}.city-stage{min-height:570px}.city-ground{inset:34% 3% 5%;grid-template-columns:repeat(3,1fr);gap:3px}.building{min-height:115px}.building-icon{width:58px;height:58px;font-size:23px}.lower-grid{grid-template-columns:1fr}.auth-card{padding:28px}}.world-wrap{padding-bottom:40px}.world-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:30px}.world-top h1{margin:8px 0 5px;font-size:clamp(30px,4vw,46px)}.world-top p{color:var(--muted);font-size:13px;margin:0;max-width:720px;line-height:1.6}.map-coordinates{min-width:170px;padding:14px 18px;border:1px solid var(--line);background:#c9a35e0d;text-align:right}.map-coordinates span{display:block;font-size:8px;color:var(--muted);letter-spacing:.12em}.map-coordinates strong{display:block;color:var(--gold-bright);font:20px Cinzel,serif;margin-top:5px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.map-panel,.city-inspector{border:1px solid var(--line);background:linear-gradient(145deg,#1c1612f2,#0a0807fa)}.map-toolbar{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--line)}.map-nav,.map-center{border:1px solid var(--line);background:#100d0b;color:var(--gold);padding:9px 12px;font-size:10px}.map-center{margin-left:auto;letter-spacing:.08em}.world-grid{display:grid;grid-template-columns:repeat(13,minmax(45px,1fr));aspect-ratio:1 / .72;min-height:470px;overflow:auto;background:radial-gradient(circle at 40% 40%,rgba(112,92,54,.25),transparent 35%),linear-gradient(145deg,#332f20,#181811)}.map-cell{position:relative;min-width:45px;border:0;border-right:1px solid rgba(215,195,146,.07);border-bottom:1px solid rgba(215,195,146,.07);background:#3737231f;color:#77715f}.map-cell:hover{background:#c9a35e17}.map-cell.home-cell{background:#c9a35e21;box-shadow:inset 0 0 0 1px #c9a35e40}.coord{position:absolute;left:5px;top:4px;font-size:6px;opacity:.45}.empty-land{font-size:18px;opacity:.18}.map-city{position:absolute;inset:12px 4px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c6a967;gap:3px}.map-city b{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(201,163,94,.4);background:linear-gradient(145deg,#6b472b,#211b15);font-size:17px;box-shadow:0 5px 12px #0000004d}.map-city.self b{border-color:var(--gold-bright);box-shadow:0 0 20px #c9a35e47}.map-city small{max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#d5c8ae}.map-legend{display:flex;gap:20px;padding:11px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.map-legend i{font-style:normal;margin-right:4px}.legend-self{color:var(--gold-bright)}.legend-other{color:#b89362}.legend-empty{color:#77715f}.city-inspector{padding:22px;min-height:520px}.city-inspector h2{font-size:25px;margin:7px 0 18px}.inspector-owner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.inspector-owner span{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em}.inspector-owner strong{display:block;color:#d8c8ac;margin-top:4px}.inspector-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;background:var(--line)}.inspector-stats div{background:#120f0d;padding:12px}.inspector-stats small,.inspector-stats b{display:block}.inspector-stats small{color:var(--muted);font-size:7px;letter-spacing:.1em}.inspector-stats b{color:var(--gold);font:13px Cinzel,serif;margin-top:4px}.inspector-buildings{margin:20px 0}.inspector-buildings>span{display:block;margin-bottom:8px}.inspector-buildings div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);padding:8px 0;color:#b7ad9f;font-size:9px}.inspector-buildings b{color:var(--gold)}.inspector-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.inspector-empty h2{margin:13px 0 8px}.inspector-empty p{color:var(--muted);line-height:1.6;font-size:11px}.big-crest{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);font-size:30px;margin-bottom:20px}@media(max-width:900px){.map-layout{grid-template-columns:1fr}.city-inspector{min-height:300px}}@media(max-width:760px){.world-top{display:block}.map-coordinates{margin-top:15px;text-align:left}.world-grid{min-height:430px;aspect-ratio:1/1}.map-legend{overflow-x:auto;white-space:nowrap}}.army-main{max-width:1600px}.army-hero{display:grid;grid-template-columns:86px 1fr 250px;gap:22px;align-items:center;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#361d16c7,#100c0afa);box-shadow:inset 0 1px #ffffff06}.army-crest{width:86px;height:86px;display:grid;place-items:center;border:1px solid rgba(201,163,94,.38);color:var(--gold-bright);font-size:38px;background:radial-gradient(circle,rgba(201,163,94,.16),transparent 68%)}.army-hero h2{margin:6px 0;font-size:24px}.army-hero p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.capacity-box{border-left:1px solid var(--line);padding-left:20px}.capacity-box span{display:block;color:var(--muted);font-size:8px;letter-spacing:.14em}.capacity-box strong{display:block;color:var(--gold-bright);font-family:Cinzel,serif;font-size:18px;margin:5px 0 10px}.capacity-track{height:6px;background:#090706}.capacity-track i{display:block;height:100%;background:var(--gold)}.training-active{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.training-active h2{margin:6px 0}.training-active p{color:var(--muted);font-size:11px;margin:0}.training-active>strong{color:var(--gold-bright);font-family:Cinzel,serif;font-size:20px}.troop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.troop-card{border:1px solid var(--line);background:linear-gradient(145deg,#1c1612f5,#0d0a09fa);padding:20px;min-height:330px;display:flex;flex-direction:column}.troop-card.locked{opacity:.55}.troop-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(201,163,94,.35);background:linear-gradient(145deg,#60402b,#211813);font-size:31px;margin-bottom:14px}.troop-copy h2{margin:5px 0;font-size:22px}.troop-copy p{color:var(--muted);font-size:11px;min-height:32px}.troop-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:8px 0 10px}.troop-stats span{color:var(--muted);font-size:7px;letter-spacing:.08em}.troop-stats b{display:block;color:#dfd1bd;font-size:12px;margin-top:3px}.troop-cost{display:flex;flex-wrap:wrap;gap:6px;color:var(--gold);font-size:8px;margin-bottom:14px}.troop-cost span{border:1px solid rgba(201,163,94,.14);padding:4px 5px}.train-row{display:grid;grid-template-columns:78px 1fr;gap:8px;margin-top:auto}.train-row input{margin:0;text-align:center}.train-button{padding:11px 8px;font-size:10px}@media(max-width:900px){.army-hero{grid-template-columns:70px 1fr}.capacity-box{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.troop-grid{grid-template-columns:1fr}}.combat-main{max-width:1500px}.march-active{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.march-active h2{margin:6px 0}.march-active p{margin:0;color:var(--muted);font-size:11px}.march-active .timer{font:22px Cinzel,serif;color:var(--gold-bright)}.campaign-panel{margin-top:18px}.combat-troops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.combat-troop{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#100d0b}.combat-troop .troop-icon{width:46px;height:46px;margin:0;font-size:22px;flex:none}.combat-troop strong,.combat-troop small{display:block}.combat-troop strong{font-size:12px}.combat-troop small{color:var(--muted);font-size:8px;margin-top:4px}.combat-hint{color:var(--muted);font-size:10px;line-height:1.6}.battle-list{display:grid;gap:1px;background:var(--line)}.battle-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;background:#110e0c}.battle-icon{font-size:19px}.battle-row strong,.battle-row small{display:block}.battle-row strong{font-size:11px}.battle-row small{font-size:8px;color:var(--muted);margin-top:3px}.battle-row>b{font-size:8px;color:var(--gold)}.empty-report{padding:25px;color:var(--muted);font-size:10px;text-align:center;background:#110e0c}@media(max-width:800px){.combat-troops{grid-template-columns:1fr}.battle-row{grid-template-columns:34px 1fr}.battle-row>b{grid-column:2}}.diplomacy-main{max-width:1500px}.alliance-hero{display:grid;grid-template-columns:105px 1fr 150px;gap:22px;align-items:center;margin-top:18px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#371f16cc,#0f0b09fa)}.alliance-seal{width:105px;height:105px;display:grid;place-items:center;border:1px solid rgba(201,163,94,.42);color:var(--gold-bright);font:22px Cinzel,serif;background:radial-gradient(circle,rgba(201,163,94,.16),transparent 68%)}.alliance-hero h2{margin:6px 0}.alliance-hero p,.alliance-hero small,.muted-copy{color:var(--muted);font-size:11px;line-height:1.6}.alliance-count{border-left:1px solid var(--line);padding-left:18px}.alliance-count span{display:block;color:var(--muted);font-size:8px;letter-spacing:.14em}.alliance-count strong{display:block;color:var(--gold-bright);font:25px Cinzel,serif;margin-top:6px}.diplomacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.member-list,.relation-list,.invite-list{display:grid;gap:1px;background:var(--line)}.member-row,.relation-row,.invite-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px;background:#110e0c}.member-row strong,.member-row small,.relation-row strong,.relation-row small,.invite-row strong,.invite-row small{display:block}.member-row small,.relation-row small,.invite-row small{font-size:8px;color:var(--muted);margin-top:3px}.member-rank{color:var(--gold);font-size:17px;text-align:center}.diplomacy-form{display:grid;gap:10px}.diplomacy-form textarea{min-height:90px;resize:vertical}.divider{border-top:1px solid var(--line);margin:18px 0}.danger-button{width:100%;padding:11px;border:1px solid rgba(140,55,42,.5);background:#46191466;color:#d59b8b;font:10px Cinzel,serif;letter-spacing:.08em}.alliance-badge{display:block;margin-top:6px;color:var(--gold)!important;font-size:8px!important;letter-spacing:.08em}.alliance-badge.muted{color:var(--muted)!important}.relation-row{grid-template-columns:1fr auto auto}.relation-pill{font:8px Cinzel,serif;padding:6px 8px;border:1px solid var(--line)}.rel-ally{color:#9fbd8d;border-color:#82aa644d}.rel-nap{color:#c7b27c}.rel-war{color:#c98478;border-color:#b446374d}.relation-row select{background:#100d0b;color:#d8c8ac;border:1px solid var(--line);padding:6px;font-size:8px}.create-alliance p{color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:900px){.alliance-hero{grid-template-columns:80px 1fr}.alliance-seal{width:80px;height:80px;font-size:16px}.alliance-count{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.diplomacy-grid{grid-template-columns:1fr}}.diplomacy-create{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.relation-form{display:grid;grid-template-columns:1fr 180px 150px;gap:8px;margin-top:10px}.relation-form select{background:#100d0b;color:#d8c8ac;border:1px solid var(--line);padding:10px;font-size:9px}@media(max-width:700px){.relation-form{grid-template-columns:1fr}.relation-form button{width:100%}}.territory-grid{display:grid;grid-template-columns:repeat(13,minmax(38px,1fr));gap:3px;background:#0000002e;padding:10px}.territory-cell{aspect-ratio:1;border:1px solid var(--line);background:#1f1814bf;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.territory-cell span{font-size:19px;color:#6e6258}.territory-cell small{font-size:7px;opacity:.6}.territory-cell.owned{background:#744d1f38;border-color:#ad7d346b;color:var(--gold)}.territory-cell.owned span{color:var(--gold)}.territory-cell.home{background:#801d1447;border-color:#c69549b3}.territory-cell.selected{outline:2px solid var(--gold);transform:translateY(-1px)}.territory-cost{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.territory-cost span{border:1px solid var(--line);padding:7px 10px;color:var(--muted);font-size:11px}.outpost-list{display:grid;gap:6px}.admin-main{padding:110px 40px 60px 300px;max-width:1600px}.admin-stats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:20px 0}.admin-stat{border:1px solid var(--line);background:linear-gradient(145deg,#211914,#100d0b);padding:18px}.admin-stat span{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em}.admin-stat strong{display:block;font:700 26px Cinzel;color:var(--gold-bright);margin-top:8px}.admin-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.admin-search{display:grid;grid-template-columns:1fr 160px;gap:8px;margin-bottom:15px}.admin-search .primary{width:auto}.admin-row{display:grid;grid-template-columns:1fr 90px auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(202,164,94,.1)}.admin-row strong{display:block}.admin-row small,.audit-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.admin-row>span{font-size:9px;letter-spacing:.12em;color:var(--gold)}.admin-actions{display:flex;gap:5px;justify-content:flex-end}.admin-actions button{border:1px solid var(--line);background:#120f0d;color:#cbbda9;padding:7px 9px;font-size:9px;letter-spacing:.06em}.admin-actions button:hover{border-color:var(--gold)}.admin-form{display:grid;gap:9px}.resource-adjust{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.audit-list{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}.audit-row{padding:10px 0;border-bottom:1px solid rgba(202,164,94,.08)}@media(max-width:1000px){.admin-main{padding:100px 18px 40px}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:600px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.admin-search{grid-template-columns:1fr}}:root{--gold-2:#f1d99b;--bronze:#7e5a32;--deep:#080605;--glass:rgba(12,9,7,.76)}body{background:radial-gradient(circle at 75% 0%,rgba(113,55,26,.22),transparent 30%),radial-gradient(circle at 20% 20%,rgba(117,37,27,.12),transparent 28%),#070605}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.42) 100%);mix-blend-mode:multiply}.topbar{height:82px;background:linear-gradient(180deg,#110c09f7,#080706f0);border-bottom:1px solid rgba(229,194,119,.28);box-shadow:0 10px 38px #0000007a,inset 0 -1px #ffffff08}.brand{height:100%;position:relative;padding-left:24px}.brand:after{content:"";position:absolute;left:0;bottom:0;width:245px;height:1px;background:linear-gradient(90deg,transparent,#c9a35e,transparent);opacity:.5}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:url(/assets/ui/imperium-crest.svg) center/contain no-repeat;font-size:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.brand b{font-size:18px;letter-spacing:.16em;color:#f0ddb0;text-shadow:0 2px 14px rgba(201,163,94,.18)}.resources{height:100%;gap:6px;justify-content:flex-start;padding-left:18px}.resource{min-width:118px;height:50px;padding:5px 10px;border:1px solid rgba(201,163,94,.11);background:linear-gradient(180deg,#ffffff06,#00000029);position:relative}.resource:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:linear-gradient(90deg,#b98b43 0 65%,#ffffff0f 65%);opacity:.7}.resource-symbol{border:0;width:30px;height:30px;background:#c9a35e0e;font-size:0}.resource-symbol:before{content:"";display:block;width:24px;height:24px;background:center/contain no-repeat;filter:drop-shadow(0 0 5px rgba(218,182,106,.15))}.resource-symbol.wood:before{background-image:url(/assets/ui/wood.svg)}.resource-symbol.stone:before{background-image:url(/assets/ui/stone.svg)}.resource-symbol.iron:before{background-image:url(/assets/ui/iron.svg)}.resource-symbol.food:before{background-image:url(/assets/ui/food.svg)}.resource-symbol.denarii:before{background-image:url(/assets/ui/denarii.svg)}.resource strong{color:#eee0c2;font-family:Cinzel,serif;font-size:13px}.resource small{font-size:8px;letter-spacing:.05em}.player{height:100%;padding:0 18px;border-left:1px solid rgba(201,163,94,.16);gap:12px}.player:before{content:"";width:40px;height:40px;border:1px solid rgba(229,194,119,.45);border-radius:50%;background:#17100c url(/assets/ui/imperium-crest.svg) center/26px no-repeat;box-shadow:0 0 20px #c9a35e1a}.player strong{color:#f1dfba}.player span{font-size:8px;color:#9d8d76;letter-spacing:.13em}.sidebar{top:82px;width:255px;background:linear-gradient(180deg,#16100cfa,#070605fc);border-right:1px solid rgba(201,163,94,.18);box-shadow:18px 0 55px #00000040}.city-identity{padding:18px 10px 24px}.city-identity h2{font-size:24px;color:#f0dfbb}.nav{position:relative;border:1px solid transparent;border-radius:2px;transition:.18s ease;padding:14px 11px;font-size:12px}.nav:hover{color:#ebd9ae;background:#c9a35e0e;border-color:#c9a35e1a}.nav.active{background:linear-gradient(90deg,#7f1e1857,#c9a35e09);border:1px solid rgba(201,163,94,.16);border-left:3px solid #c9a35e;box-shadow:inset 0 0 22px #c9a35e09}.city-main{padding-left:297px;max-width:1780px}.city-heading{margin-bottom:20px}.city-heading h1{font-size:clamp(30px,3.8vw,48px);text-shadow:0 8px 30px rgba(0,0,0,.4)}.city-stage{min-height:610px;border-radius:3px;border-color:#e2be6f57;box-shadow:0 30px 100px #0000007a,inset 0 0 0 1px #ffffff09,inset 0 -100px 120px #0000006b}.city-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#00000005 35%,#00000038 58%,#000000a3),linear-gradient(90deg,rgba(0,0,0,.22),transparent 22%,transparent 78%,rgba(0,0,0,.25))}.city-panorama{filter:saturate(1.02) contrast(1.05) brightness(.94);transform:scale(1.025)}.city-ground{z-index:4;inset:44% 3% 7%;grid-template-columns:repeat(6,1fr);grid-auto-rows:145px;align-items:end;gap:3px 8px;perspective:900px}.city-ground:before{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(155deg,transparent 0 42%,rgba(213,177,105,.12) 42% 43%,transparent 43% 55%,rgba(213,177,105,.08) 55% 56%,transparent 56%);transform:skewY(-2deg);pointer-events:none}.building{min-height:140px;padding:0 4px;border:1px solid transparent;border-radius:4px}.building:before{content:"";position:absolute;inset:16px 5px 30px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);opacity:0;transition:.2s}.building:hover:before{opacity:1}.building-icon{width:118px;height:106px;border:0;background:linear-gradient(145deg,#271b13eb,#0c0907e6);box-shadow:0 18px 30px #00000073,inset 0 0 0 1px #e5c27738,inset 0 0 25px #c9a35e12;border-radius:3px;overflow:hidden}.building-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 35%,rgba(0,0,0,.16));pointer-events:none}.building-icon img{width:100%;height:100%;object-fit:contain;padding:7px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.48))}.building.selected .building-icon{box-shadow:0 0 0 1px #f2d58eb3,0 0 28px #c9a35e3d,0 18px 30px #00000073}.building.selected:after{content:"";position:absolute;left:16%;right:16%;bottom:22px;height:2px;background:#e1bf73;box-shadow:0 0 16px #e1bf73}.building.locked .building-icon{filter:grayscale(.7) brightness(.55)}.building-name{font-family:Cinzel,serif;font-size:9px;text-shadow:0 2px 5px #000}.building-level{font-size:8px;text-shadow:0 2px 5px #000}.city-caption{left:22px;bottom:18px;background:#080605a8;border-color:#e5c27747;border-radius:2px;z-index:8}.city-caption strong{font-size:12px;color:#f2dfb8}.lower-grid{gap:20px}.panel{border-radius:3px;border-color:#c9a35e2b;box-shadow:0 22px 55px #00000047,inset 0 1px #ffffff09}.panel-head{margin-bottom:20px}.panel h2{font-size:21px;color:#e9d8b3}.evolution-visual{width:122px;height:122px;flex-basis:122px;background:linear-gradient(145deg,#3e2a1e,#110d0a);box-shadow:inset 0 0 0 1px #e5c27738,0 18px 35px #00000052}.evolution-visual img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 10px 9px rgba(0,0,0,.5))}.level-track{height:7px;border:1px solid rgba(201,163,94,.12);padding:1px}.level-track span{background:linear-gradient(90deg,#8b5a2b,#f0d486);box-shadow:0 0 12px #f0d48633}.mini-building{width:50px;height:50px;display:grid;place-items:center;background:linear-gradient(145deg,#38271c,#100c09);border:1px solid rgba(201,163,94,.16);overflow:hidden}.mini-building img{width:100%;height:100%;object-fit:contain;padding:3px;filter:drop-shadow(0 4px 3px #000)}.primary{border-radius:2px;background:linear-gradient(180deg,#a63b30,#661d1a);box-shadow:0 10px 28px #5d171159,inset 0 1px #ffffff1a;text-shadow:0 1px 2px #2b0b08}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.unlock-row{border:1px solid rgba(201,163,94,.09)!important;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)!important;transition:.16s}.unlock-row:hover{border-color:#c9a35e33!important;background:#c9a35e0d!important;transform:translate(2px)}.map-panel,.city-inspector{border-color:#c9a35e2e;box-shadow:0 22px 60px #0000004d}.map-cell{background-image:url(/assets/ui/texture-grid.svg);background-size:120px;border-color:#c9a35e1c;transition:.12s}.map-cell:hover{transform:scale(1.025);z-index:2;box-shadow:0 8px 20px #00000059}@media(max-width:1100px){.resources{gap:2px}.resource{min-width:90px}.resource:nth-child(4),.resource:nth-child(5){display:none}.city-ground{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.topbar{grid-template-columns:190px 1fr auto}.resources{display:none}.sidebar{width:72px;padding:15px 8px}.city-identity h2,.city-identity .eyebrow,.city-level,.nav span,.sidebar-bottom{display:none}.nav{grid-template-columns:1fr;text-align:center;padding:13px 4px}.city-main{padding-left:88px;padding-right:14px}.city-ground{grid-template-columns:repeat(3,1fr);inset:43% 2% 6%;grid-auto-rows:118px}.building{min-height:115px}.building-icon{width:76px;height:72px}.building-name{font-size:7px}.building-level{font-size:6px}.city-stage{min-height:520px}.lower-grid{grid-template-columns:1fr}}.city-hud{position:absolute;z-index:9;right:22px;top:22px;width:230px;padding:15px 16px;background:linear-gradient(145deg,#0c0907d6,#19100cb8);border:1px solid rgba(229,194,119,.27);box-shadow:0 16px 35px #0000005c,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-hud-title{display:flex;justify-content:space-between;align-items:end;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(201,163,94,.14)}.city-hud-title strong{font:12px Cinzel,serif;color:#ead9b2}.city-hud-stat{display:flex;justify-content:space-between;padding:7px 0;color:#958a7d;font-size:8px;letter-spacing:.12em}.city-hud-stat b{color:#e8d8b5;font:12px Cinzel,serif;letter-spacing:0}.city-hud-bar{height:4px;background:#080605;margin-top:5px;border:1px solid rgba(201,163,94,.1)}.city-hud-bar i{display:block;height:100%;background:linear-gradient(90deg,#825025,#ebcb7d);box-shadow:0 0 12px #ebcb7d33}@media(max-width:760px){.city-hud{right:10px;top:10px;width:165px;padding:9px}.city-hud-stat{padding:4px 0}.city-hud-title strong{font-size:9px}.city-hud-stat b{font-size:10px}.city-caption{left:10px;bottom:10px}}.auth-backdrop{background:linear-gradient(90deg,#050403d6,#0504038c 42%,#050403b8),url(/assets/imperium-login-art.png) center/cover no-repeat}.city-stage{min-height:620px;background:#0a0908 url(/assets/city-hero.png) center/cover no-repeat;border:1px solid rgba(231,193,108,.48);box-shadow:0 30px 100px #0000009e,inset 0 0 0 1px #ffebb40f}.city-stage:before{background:linear-gradient(180deg,#03020205,#0302020a 55%,#0302028c),linear-gradient(90deg,rgba(3,2,2,.24),transparent 22%,transparent 78%,rgba(3,2,2,.18));z-index:2}.city-panorama,.sun,.mountains,.road-a,.road-b{display:none}.city-ground{inset:0;min-height:620px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;padding:330px 34px 34px;background:linear-gradient(180deg,transparent 45%,rgba(4,3,2,.12) 70%,rgba(4,3,2,.54) 100%)}.building{min-height:110px;opacity:.04;border:1px solid transparent;border-radius:12px}.building:hover,.building.selected{opacity:1;transform:none;filter:none;border-color:#ebc775bf;background:#0806043d;box-shadow:0 0 0 1px #ffde9229,0 0 32px #daab4538,inset 0 0 30px #daab4514}.building:hover .building-icon,.building.selected .building-icon{opacity:.96}.building-icon{opacity:0;width:48px;height:48px;background:#0a0806c2;border-color:#e2bf70a6}.building-name,.building-level{opacity:0}.building:hover .building-name,.building:hover .building-level,.building.selected .building-name,.building.selected .building-level{opacity:1}.building-name{font-family:Cinzel,Georgia,serif;font-size:10px;text-shadow:0 2px 7px #000}.building-level{font-size:8px}.city-caption{display:none}.topbar,.sidebar{background:linear-gradient(180deg,#080706f7,#0f0b09f0);box-shadow:0 12px 35px #0000006b}.panel{border-color:#d7ae5b42;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0b}.nav.active{background:linear-gradient(90deg,#7e231f,#4e1717);box-shadow:inset 0 1px #ffe19e38,0 8px 25px #00000038}.resource-symbol img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}@media(max-width:760px){.city-stage{min-height:560px}.city-ground{min-height:560px;padding:300px 12px 18px;grid-template-columns:repeat(3,1fr)}}.city-stage{min-height:620px;border-radius:5px;border-color:#e5c27757;background:#100b08;isolation:isolate}.city-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0403020d,#04030200 42%,#0403026b),linear-gradient(90deg,rgba(4,3,2,.18),transparent 25%,transparent 78%,rgba(4,3,2,.28))}.city-panorama{z-index:0!important;inset:-1.5%!important;background-image:url(/assets/city-hero-premium.jpg)!important;background-size:cover!important;background-position:center 54%!important;filter:saturate(1.05) contrast(1.05) brightness(.96)!important}.city-ground{z-index:4;inset:0!important;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;align-items:end;gap:0;padding:38% 4% 7%;background:transparent!important}.building{min-height:100px;padding:0 4px;opacity:.01;transition:opacity .2s,transform .2s,filter .2s;cursor:pointer}.building .building-shadow{opacity:0}.building-icon,.building-name,.building-level{opacity:0!important}.building:hover,.building.selected{opacity:.18;transform:translateY(-3px);filter:drop-shadow(0 0 12px rgba(229,194,119,.9))}.building.selected:after{opacity:1;content:"";position:absolute;left:24%;right:24%;bottom:18px;height:3px;background:#e8c878;box-shadow:0 0 18px #e8c878cc}.city-hud{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#090705db,#180f0ab3)}.city-caption{z-index:10;background:#08060594;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:3px}.evolution-visual{overflow:hidden;padding:0;background:#120d09}.evolution-visual img{width:100%;height:100%;object-fit:cover;padding:0;filter:saturate(1.05) contrast(1.03)}.mini-building{overflow:hidden;padding:0}.mini-building img{width:100%;height:100%;object-fit:cover;padding:0}.brand-mark{width:38px;height:44px;display:block;background:url(/assets/ui/imperium-crest.svg) center/contain no-repeat;font-size:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.resource-symbol{overflow:hidden;padding:4px}.resource-symbol:has(img){font-size:0}.resource-symbol img{width:100%;height:100%;object-fit:contain}@media(max-width:760px){.city-stage{min-height:560px}.city-ground{padding-top:43%}}.cinematic-screen-art{position:relative;min-height:220px;margin:0 0 22px;overflow:hidden;border:1px solid rgba(229,194,119,.32);border-radius:5px;background:#0b0806;box-shadow:0 24px 65px #00000061,inset 0 1px #ffffff0d;isolation:isolate}.cinematic-screen-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.04) contrast(1.04) brightness(.78)}.cinematic-screen-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050403db,#05040359 42%,#0504031f 75%,#0504037a),linear-gradient(180deg,#0000001f,#00000094);z-index:1;pointer-events:none}.cinematic-art-overlay{position:relative;z-index:2;max-width:520px;padding:42px 42px 34px;text-shadow:0 3px 14px #000}.cinematic-art-overlay h2{margin:6px 0 8px;font:700 28px Cinzel,Georgia,serif;letter-spacing:.04em;color:#f0dfb8}.cinematic-art-overlay p{margin:0;max-width:480px;color:#d0c2aa;line-height:1.6;font-size:12px}.city-command-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 22px}.command-art-card{position:relative;min-height:150px;overflow:hidden;padding:72px 18px 16px;text-align:left;color:#ead8b2;border:1px solid rgba(201,163,94,.22);background:#0d0a08;box-shadow:0 18px 45px #00000047;cursor:pointer;transition:transform .18s ease,border-color .18s ease,filter .18s ease}.command-art-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48) saturate(1.08);transition:transform .35s ease,filter .25s ease}.command-art-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05040314,#050403e0 72%);pointer-events:none}.command-art-card>*:not(img){position:relative;z-index:2}.command-art-card strong{display:block;margin:3px 0 4px;font:700 15px Cinzel,Georgia,serif}.command-art-card small{display:block;color:#b5a68e;line-height:1.45;font-size:9px}.command-art-card:hover{transform:translateY(-3px);border-color:#e5c2778c;filter:brightness(1.05)}.command-art-card:hover img{transform:scale(1.04);filter:brightness(.56) saturate(1.14)}@media(max-width:900px){.city-command-deck{grid-template-columns:1fr}.cinematic-screen-art{min-height:190px}.cinematic-art-overlay{padding:30px 24px}.cinematic-art-overlay h2{font-size:22px}}@media(max-width:600px){.cinematic-screen-art{min-height:165px}.cinematic-art-overlay{padding:24px 18px}.cinematic-art-overlay p{font-size:10px}.city-command-deck{gap:10px}.command-art-card{min-height:130px;padding-top:58px}}