html,body{margin:0!important;background:#070b08;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}body.admin-bar .ew-wrap{height:calc(100vh - 32px)}.ew-wrap{height:100vh;width:100vw;position:relative}.ew-topbar{height:66px;background:linear-gradient(180deg,rgba(55,39,22,.96),rgba(20,13,7,.98));display:flex;gap:12px;align-items:center;padding:0 18px;box-shadow:0 5px 25px #000;position:relative;z-index:10;flex-wrap:wrap;border-bottom:1px solid rgba(255,214,128,.25)}.ew-avatar{width:58px;height:58px;border-radius:10px;background:linear-gradient(135deg,#7b4b1d,#1d120a);box-shadow:inset 0 0 0 2px #b88739,0 5px 15px #000;display:grid;place-items:center}.ew-avatar span:before{content:'♞';font-size:35px;color:#ffd879;text-shadow:0 2px 3px #000}.ew-topbar strong{font-size:20px;margin-right:auto;letter-spacing:.3px;text-shadow:0 2px 4px #000}.ew-topbar em{font-size:12px;color:#ffd86b;font-style:normal;margin-left:6px}.ew-topbar .res{min-width:70px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.28));border:1px solid rgba(255,215,134,.26);border-radius:0 0 13px 13px;padding:8px 11px;box-shadow:inset 0 1px rgba(255,255,255,.16),0 3px 9px rgba(0,0,0,.4);font-weight:700}.ew-map{position:relative;height:calc(100vh - 66px);overflow:hidden;background:radial-gradient(circle at 16% 19%,#294c1e 0 10%,transparent 25%),radial-gradient(circle at 82% 14%,#8b8a7e 0 6%,transparent 22%),linear-gradient(135deg,#24471d 0%,#77933c 46%,#4c812b 100%);isolation:isolate}.ew-map:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 30% 20%,rgba(255,244,167,.14),transparent 20%),radial-gradient(circle at 50% 49%,rgba(246,210,120,.12),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18));pointer-events:none}.ew-sky{position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,rgba(160,198,213,.22),transparent);z-index:0}.ew-forest{position:absolute;z-index:1;filter:drop-shadow(0 9px 5px rgba(0,0,0,.35))}.ew-forest:before,.ew-forest:after{content:"";position:absolute;border-radius:45% 55% 52% 48%;background:radial-gradient(circle,#315d22 0 30%,#193d18 31% 60%,transparent 61%)}.ew-forest.f1{left:-5%;top:3%;width:38%;height:42%}.ew-forest.f1:before{inset:0}.ew-forest.f1:after{left:25%;top:22%;width:80%;height:75%}.ew-forest.f2{right:-6%;bottom:6%;width:34%;height:38%}.ew-forest.f2:before{inset:0}.ew-forest.f2:after{right:25%;top:24%;width:76%;height:70%}.ew-mountains{position:absolute;right:4%;top:4%;width:36%;height:28%;z-index:1;background:linear-gradient(145deg,transparent 0 20%,#58564e 21% 35%,#9e9b8d 36% 42%,#4c4b47 43% 56%,transparent 57%),linear-gradient(25deg,transparent 0 8%,#67655c 9% 30%,#b8b5a9 31% 36%,#51504b 37% 55%,transparent 56%);clip-path:polygon(5% 75%,18% 28%,29% 69%,42% 13%,58% 72%,71% 31%,92% 76%);filter:drop-shadow(0 16px 10px rgba(0,0,0,.45))}.ew-river{position:absolute;left:-9%;top:12%;width:119%;height:160px;background:linear-gradient(90deg,#1b5e80,#57b6cf 38%,#2b7394 64%,#82d5e2);transform:rotate(-18deg);opacity:.95;filter:drop-shadow(0 9px 12px rgba(0,0,0,.25));z-index:1;border-top:10px solid rgba(255,255,255,.16);border-bottom:11px solid rgba(0,49,72,.25)}.ew-river:after{content:"";position:absolute;inset:24px 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 34px,transparent 35px 86px);opacity:.35;animation:ew-flow 6s linear infinite}@keyframes ew-flow{to{background-position:160px 0}}.ew-waterfall{position:absolute;right:1%;top:31%;width:12%;height:16%;z-index:2;background:linear-gradient(120deg,transparent 0 45%,rgba(200,250,255,.8) 46% 52%,transparent 53%);filter:blur(.4px);opacity:.7}.ew-road{position:absolute;z-index:2;background:#bda46d;border:8px solid rgba(61,42,20,.2);box-shadow:inset 0 0 18px rgba(255,255,255,.16),0 7px 12px rgba(0,0,0,.25);opacity:.93}.ew-road.main{left:8%;top:46%;width:84%;height:58px;transform:rotate(7deg);border-radius:50%}.ew-road.side{left:34%;top:24%;width:24%;height:54%;transform:rotate(-25deg);border-radius:50%}.ew-plaza{position:absolute;left:44.5%;top:45%;width:12%;height:14%;border-radius:50%;z-index:2;background:radial-gradient(circle,#d0bd84 0 35%,#a98c55 36% 58%,transparent 60%);box-shadow:0 8px 14px rgba(0,0,0,.25)}.ew-building{position:absolute;transform:translate(-50%,-50%);width:168px;height:130px;border:0;background:transparent;color:white;cursor:pointer;z-index:4;transition:.18s;filter:drop-shadow(0 14px 12px rgba(0,0,0,.62));padding:0}.ew-building:hover{transform:translate(-50%,-57%) scale(1.06);filter:drop-shadow(0 18px 16px rgba(0,0,0,.7)) brightness(1.1)}.ew-shadow{position:absolute;left:22%;right:12%;bottom:13px;height:24px;background:rgba(0,0,0,.38);border-radius:50%;filter:blur(5px)}.ew-building-art{position:absolute;left:18px;right:18px;bottom:25px;height:88px}.ew-building-art .body{position:absolute;left:26%;right:18%;bottom:0;height:55%;background:linear-gradient(90deg,#8f653e,#dbc18d 45%,#714321);border:2px solid rgba(51,26,12,.45);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.ew-building-art .roof{position:absolute;left:18%;right:10%;top:5px;height:42%;background:linear-gradient(135deg,#852b25,#d26a2d 55%,#5e1b18);clip-path:polygon(50% 0,100% 90%,0 90%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.45))}.ew-building-art .door{position:absolute;left:48%;bottom:0;width:16%;height:28%;background:#342013;border-radius:8px 8px 0 0}.ew-building-art .tower{position:absolute;bottom:0;width:18%;height:70%;background:linear-gradient(90deg,#5e4029,#ceb17a,#553219);border:2px solid rgba(45,24,12,.5)}.ew-building-art .t1{left:10%}.ew-building-art .t2{right:2%;height:78%}.ew-building-art .tower:before{content:"";position:absolute;left:-16%;right:-16%;top:-18px;height:22px;background:linear-gradient(135deg,#8b2f27,#e07331);clip-path:polygon(50% 0,100% 100%,0 100%)}.ew-badge{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);background:linear-gradient(#b7271d,#7d130f);border:2px solid #ffe27b;border-radius:9px;padding:3px 9px;font-weight:800;font-size:12px;box-shadow:0 3px 5px #000;text-shadow:0 1px 2px #000}.ew-name{position:absolute;left:5%;right:5%;bottom:-16px;text-align:center;font-size:13px;font-weight:800;text-shadow:0 2px 4px #000}.ew-sawmill .body{background:linear-gradient(90deg,#6c3e1e,#bf8652 55%,#4b2915)}.ew-sawmill .roof{background:linear-gradient(135deg,#28734b,#35ad75 55%,#155332)}.ew-sawmill .smoke,.ew-mine .smoke{display:block;position:absolute;left:62%;top:-8px;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.65);box-shadow:8px -10px 10px rgba(255,255,255,.35),14px -24px 15px rgba(255,255,255,.22);animation:ew-smoke 2.8s infinite ease-in-out}.ew-quarry .body,.ew-mine .body{background:linear-gradient(90deg,#56534d,#a8a394,#4a4741);clip-path:polygon(0 100%,12% 25%,39% 8%,56% 34%,74% 4%,100% 100%)}.ew-quarry .roof,.ew-mine .roof{display:none}.ew-treasury .body{background:linear-gradient(90deg,#8a5818,#f0c46b 48%,#7a3d13)}.ew-treasury .roof{background:linear-gradient(135deg,#d6a62a,#fff1a4 55%,#a35f14)}.ew-barracks .body{background:linear-gradient(90deg,#75372d,#c48763,#512419)}.ew-barracks .roof{background:linear-gradient(135deg,#7c1f23,#c23c36,#531114)}.tier-2 .ew-building-art{height:98px}.tier-3 .ew-building-art{height:108px}.tier-4 .ew-building-art{height:118px}.tier-3 .body,.tier-4 .body{box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 0 18px rgba(255,200,90,.18)}.tier-4 .ew-building-art:after{content:"";position:absolute;left:42%;top:-12px;width:18px;height:22px;background:#ffe186;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 8px #ffe186)}@keyframes ew-smoke{50%{transform:translateY(-9px);opacity:.45}100%{transform:translateY(-18px);opacity:0}}.ew-villagers i{position:absolute;width:6px;height:14px;background:#2e1c12;border-radius:5px 5px 2px 2px;z-index:3;box-shadow:0 -4px #caa177;animation:ew-walk 9s linear infinite}.ew-villagers i:nth-child(1){left:45%;top:55%}.ew-villagers i:nth-child(2){left:55%;top:52%;animation-delay:-2s}.ew-villagers i:nth-child(3){left:31%;top:49%;animation-delay:-4s}.ew-villagers i:nth-child(4){left:63%;top:42%;animation-delay:-6s}.ew-villagers i:nth-child(5){left:72%;top:70%;animation-delay:-3s}@keyframes ew-walk{0%{transform:translateX(-15px)}50%{transform:translateX(28px)}100%{transform:translateX(-15px)}}.ew-bottom-menu{position:absolute;left:18px;bottom:14px;z-index:9;display:flex;gap:8px}.ew-bottom-menu button{width:54px;height:48px;border-radius:10px;border:1px solid rgba(255,220,138,.25);background:linear-gradient(#3c2a19,#100b06);color:#fff;font-size:22px;box-shadow:0 5px 12px #000}.ew-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:20;align-items:center;justify-content:center}.ew-modal.on{display:flex}.ew-box{width:430px;max-width:90vw;background:linear-gradient(#f6e8b9,#bb8b43);color:#2a1607;border:4px solid #5a3416;border-radius:18px;padding:22px;box-shadow:0 15px 50px #000;position:relative}.ew-box h2{margin:0 40px 12px 0}.ew-desc{background:rgba(255,255,255,.32);border-radius:10px;padding:10px}.ew-close{position:absolute;right:10px;top:8px;background:#5a3416;color:#fff;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;cursor:pointer}.ew-upgrade{background:linear-gradient(#31963a,#1d5f24);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:bold;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.35)}.ew-upgrade:disabled{background:#766c5f;cursor:not-allowed}.ew-login{padding:30px;background:#221;color:#fff}@media(max-width:800px){body.admin-bar .ew-wrap{height:calc(100vh - 46px)}.ew-topbar{height:auto;min-height:92px;gap:6px;padding:4px 8px}.ew-topbar .res{min-width:54px;padding:6px 7px}.ew-avatar{display:none}.ew-map{height:calc(100vh - 92px)}.ew-building{width:126px;height:106px}.ew-name{font-size:11px}.ew-building-art{height:70px}.ew-bottom-menu button{width:44px;height:40px}}
.ew-army-panel{position:fixed;right:-560px;top:86px;bottom:20px;width:520px;max-width:94vw;background:linear-gradient(180deg,rgba(42,25,12,.98),rgba(12,8,5,.98));border:2px solid rgba(255,207,106,.45);border-radius:18px 0 0 18px;z-index:30;box-shadow:-18px 0 45px rgba(0,0,0,.6);transition:.25s;padding:18px;overflow:auto;color:#fff}.ew-army-panel.on{right:0}.ew-army-panel h2{margin:0 45px 16px 0;color:#ffd87d;text-shadow:0 2px 5px #000}.ew-army-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#8f2318;color:#fff;font-size:24px;cursor:pointer}.ew-army-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ew-unit{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.28));border:1px solid rgba(255,215,128,.28);border-radius:14px;padding:13px;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 16px rgba(0,0,0,.28)}.ew-unit-icon{font-size:42px;filter:drop-shadow(0 4px 4px #000)}.ew-unit h3{margin:4px 0;color:#fff}.ew-unit p{font-size:12px;min-height:45px;color:#e6d6bd}.ew-stats,.ew-unit-cost{font-size:12px;background:rgba(0,0,0,.25);border-radius:8px;padding:7px;margin:7px 0}.ew-train-row{display:flex;gap:7px}.ew-train-row input{width:70px;border-radius:8px;border:1px solid #bd8a36;background:#f5e8c6;color:#2b1709;padding:8px}.ew-train{flex:1;border:0;border-radius:8px;background:linear-gradient(#369c3d,#1c6424);color:#fff;font-weight:800;cursor:pointer}.ew-train:disabled{background:#6f6558}.ew-training-list{display:grid;gap:8px}.ew-training-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,215,128,.22);border-radius:10px;padding:10px}.ew-training-item b{float:right;color:#ffe486}@media(max-width:800px){.ew-army-panel{top:100px;bottom:0;width:auto;left:4%;right:-110%}.ew-army-panel.on{right:0}.ew-army-grid{grid-template-columns:1fr}}
/* Faza 4 - karta svijeta */
.ew-topbar .coord{min-width:115px;color:#dff3ff}.ew-world-panel{position:fixed;left:-680px;top:86px;bottom:20px;width:640px;max-width:96vw;background:linear-gradient(180deg,rgba(26,38,28,.98),rgba(9,12,8,.98));border:2px solid rgba(130,205,255,.4);border-radius:0 18px 18px 0;z-index:31;box-shadow:18px 0 45px rgba(0,0,0,.62);transition:.25s;padding:18px;overflow:auto;color:#fff}.ew-world-panel.on{left:0}.ew-world-panel h2{margin:0 45px 12px 0;color:#bfe8ff;text-shadow:0 2px 5px #000}.ew-world-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#16496d;color:#fff;font-size:24px;cursor:pointer}.ew-coords{background:rgba(255,255,255,.1);border:1px solid rgba(143,221,255,.25);border-radius:12px;padding:10px;margin-bottom:12px}.ew-world-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:radial-gradient(circle at 30% 20%,rgba(121,184,69,.25),transparent 28%),linear-gradient(135deg,rgba(21,78,34,.85),rgba(49,82,48,.65));border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px}.ew-tile{min-height:82px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(180deg,rgba(70,113,49,.92),rgba(34,63,28,.92));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 10px rgba(0,0,0,.28);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.15s}.ew-tile:hover{transform:translateY(-3px);filter:brightness(1.14)}.ew-tile span{font-size:26px;filter:drop-shadow(0 2px 2px #000)}.ew-tile b{font-size:12px;color:#fff6bc}.ew-tile em{font-size:10px;font-style:normal;color:#e8e1c9;text-align:center;line-height:1.1}.ew-tile-self{background:linear-gradient(180deg,#7d5a1e,#4a2c0a);border-color:#ffe17c;box-shadow:0 0 16px rgba(255,211,82,.35)}.ew-tile-player{background:linear-gradient(180deg,#2e5d8f,#18314d)}.ew-tile-village{background:linear-gradient(180deg,#5b7e3d,#2f4f26)}.ew-tile-barbarian{background:linear-gradient(180deg,#8d2e21,#35120d);border-color:rgba(255,111,69,.6)}.ew-world-legend,.ew-provinces{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ew-world-legend span,.ew-provinces span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;font-size:12px}.ew-neighbors{display:grid;gap:8px}.ew-neighbor{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(143,221,255,.18);border-radius:10px;padding:10px}.ew-neighbor span{color:#fff0a8}.ew-neighbor em{font-style:normal;color:#cde8ff}@media(max-width:800px){.ew-world-panel{top:100px;bottom:0;width:auto;right:4%;left:-110%}.ew-world-panel.on{left:0}.ew-world-grid{gap:5px;padding:7px}.ew-tile{min-height:68px}.ew-tile em{display:none}.ew-neighbor{grid-template-columns:1fr}}

/* Faza 6 - Savezi */
.ew-alliance-panel{position:fixed;right:-680px;top:86px;bottom:20px;width:640px;max-width:96vw;background:linear-gradient(180deg,rgba(47,28,53,.98),rgba(11,8,14,.98));border:2px solid rgba(255,203,116,.45);border-radius:18px 0 0 18px;z-index:32;box-shadow:-18px 0 45px rgba(0,0,0,.62);transition:.25s;padding:18px;overflow:auto;color:#fff}.ew-alliance-panel.on{right:0}.ew-alliance-panel h2{margin:0 45px 12px 0;color:#ffd87d;text-shadow:0 2px 5px #000}.ew-alliance-panel h3{color:#ffe6a8;margin:18px 0 9px}.ew-alliance-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#7b1f69;color:#fff;font-size:24px;cursor:pointer}.ew-alliance-create,.ew-alliance-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.28));border:1px solid rgba(255,215,128,.28);border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 16px rgba(0,0,0,.28)}.ew-alliance-card strong{display:block;font-size:22px;color:#fff2b0}.ew-alliance-card span{display:block;margin-top:5px;color:#d9c8ff}.ew-alliance-card p{margin-bottom:0;color:#eee0cc}.ew-alliance-create input,.ew-alliance-create textarea,.ew-chat-send input,.ew-diplo-form select{width:100%;box-sizing:border-box;margin:6px 0;border-radius:10px;border:1px solid rgba(255,218,139,.35);background:#f7eac6;color:#271307;padding:10px}.ew-alliance-create textarea{min-height:70px;resize:vertical}.ew-alliance-create button,.ew-chat-send button,.ew-diplo-form button{border:0;border-radius:10px;background:linear-gradient(#9d6a1f,#5b3611);color:#fff;font-weight:800;cursor:pointer;padding:11px 14px;box-shadow:0 5px 12px rgba(0,0,0,.35)}.ew-chat-box{max-height:240px;overflow:auto;display:grid;gap:8px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:10px}.ew-chat-msg{background:rgba(255,255,255,.08);border:1px solid rgba(255,215,128,.16);border-radius:11px;padding:9px}.ew-chat-msg b{color:#fff4bc}.ew-chat-msg span{float:right;color:#bcb0d8;font-size:12px}.ew-chat-msg p{clear:both;margin:5px 0 0;color:#f0e7da}.ew-chat-send{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.ew-diplo-form{display:grid;grid-template-columns:1fr 150px auto;gap:8px;align-items:center}.ew-relations,.ew-members,.ew-alliance-rank{display:grid;gap:8px}.ew-relations div,.ew-members div,.ew-alliance-rank div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,215,128,.16);border-radius:10px;padding:10px}.ew-members span,.ew-alliance-rank span{color:#d7c6ec}.ew-status-ally{color:#62ff94}.ew-status-nap{color:#86d9ff}.ew-status-war{color:#ff7562}.ew-status-neutral{color:#ddd}@media(max-width:800px){.ew-alliance-panel{top:100px;bottom:0;width:auto;left:4%;right:-110%}.ew-alliance-panel.on{right:0}.ew-diplo-form{grid-template-columns:1fr}.ew-chat-send{grid-template-columns:1fr}.ew-alliance-rank div{grid-template-columns:1fr}.ew-relations div,.ew-members div{grid-template-columns:1fr auto}}

/* Faza 5 - Borbe */
.ew-battle-panel{position:fixed;left:-680px;top:86px;bottom:20px;width:640px;max-width:96vw;background:linear-gradient(180deg,rgba(55,22,17,.98),rgba(13,7,5,.98));border:2px solid rgba(255,117,76,.45);border-radius:0 18px 18px 0;z-index:33;box-shadow:18px 0 45px rgba(0,0,0,.62);transition:.25s;padding:18px;overflow:auto;color:#fff}.ew-battle-panel.on{left:0}.ew-battle-panel h2{margin:0 45px 12px 0;color:#ffcf86;text-shadow:0 2px 5px #000}.ew-battle-panel h3{color:#ffe0a8;margin:18px 0 9px}.ew-battle-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#8b2518;color:#fff;font-size:24px;cursor:pointer}.ew-battle-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.3));border:1px solid rgba(255,169,96,.28);border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 16px rgba(0,0,0,.28)}.ew-target-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ew-target-row label,.ew-send-units label{display:block;color:#ffe6c2;font-weight:700}.ew-target-row input,.ew-send-units input{width:100%;box-sizing:border-box;margin-top:5px;border-radius:10px;border:1px solid rgba(255,218,139,.35);background:#f7eac6;color:#271307;padding:10px}.ew-send-units{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.ew-send-units small{display:block;color:#d8c5a8;font-weight:400;margin:3px 0}.ew-battle-card button,#ew-send-attack{border:0;border-radius:10px;background:linear-gradient(#b33b23,#681c12);color:#fff;font-weight:900;cursor:pointer;padding:12px 14px;box-shadow:0 5px 12px rgba(0,0,0,.35)}#ew-send-attack:disabled{background:#78675f}.ew-battle-help{font-size:12px;color:#f2d7b9}.ew-marches,.ew-reports{display:grid;gap:8px}.ew-march,.ew-report{background:rgba(255,255,255,.09);border:1px solid rgba(255,169,96,.18);border-radius:12px;padding:11px}.ew-march{display:grid;grid-template-columns:1fr auto;gap:8px}.ew-march em{color:#ffe486;font-style:normal;font-weight:800}.ew-report b{display:block;color:#fff4bc}.ew-report span{display:block;color:#d8bfb2;font-size:12px;margin-top:3px}.ew-report p{margin:6px 0 0;color:#f1e3d5}.ew-report-victory{border-color:rgba(99,255,135,.45);box-shadow:inset 4px 0 rgba(99,255,135,.55)}.ew-report-defeat{border-color:rgba(255,93,68,.45);box-shadow:inset 4px 0 rgba(255,93,68,.55)}@media(max-width:800px){.ew-battle-panel{top:100px;bottom:0;width:auto;right:4%;left:-110%}.ew-battle-panel.on{left:0}.ew-target-row,.ew-send-units,.ew-march{grid-template-columns:1fr}}

/* Faza 7 - istraživanja */
.ew-research-panel{position:fixed;right:-540px;top:0;width:min(540px,96vw);height:100vh;z-index:80;background:linear-gradient(180deg,rgba(22,18,31,.98),rgba(8,10,18,.98));box-shadow:-20px 0 60px rgba(0,0,0,.45);border-left:1px solid rgba(255,209,120,.35);padding:24px;overflow:auto;color:#f6ead2;transition:right .25s ease;font-family:Arial,sans-serif}.ew-research-panel.on{right:0}.ew-research-close{position:absolute;right:16px;top:14px;border:0;border-radius:50%;width:34px;height:34px;background:#3a2431;color:#fff;font-size:22px;cursor:pointer}.ew-panel-intro{color:#d7c29d;line-height:1.45}.ew-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ew-research-card{background:linear-gradient(180deg,rgba(112,82,42,.35),rgba(23,25,38,.92));border:1px solid rgba(255,202,101,.25);border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(0,0,0,.28)}.ew-research-icon{font-size:38px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.ew-research-card h3{margin:8px 0 6px;color:#ffd27c}.ew-research-card p{min-height:54px;color:#e5d6bd}.ew-research-level,.ew-research-cost,.ew-research-timer{font-size:13px;margin:8px 0;color:#f4e0bd}.ew-research-card button{width:100%;border:0;border-radius:12px;background:linear-gradient(180deg,#ffd27a,#b67622);color:#23170c;font-weight:800;padding:11px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.25)}.ew-research-card button:disabled{filter:grayscale(1);opacity:.65;cursor:not-allowed}.ew-research-bonuses{margin-top:18px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px}.ew-research-bonuses span{display:inline-block;margin:5px 8px 5px 0;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}@media(max-width:640px){.ew-research-grid{grid-template-columns:1fr}.ew-research-panel{padding:18px}}

/* Faza 8 - Tržnica */
.ew-market-panel{position:fixed;right:-520px;top:0;width:min(520px,96vw);height:100vh;z-index:9999;background:linear-gradient(180deg,#1b1208,#2a1b0d 55%,#0e0b08);border-left:2px solid rgba(255,199,94,.55);box-shadow:-18px 0 55px rgba(0,0,0,.55);padding:22px;overflow:auto;color:#f7e6bd;transition:.28s ease;font-family:Arial,sans-serif}.ew-market-panel.on{right:0}.ew-market-close{position:absolute;right:14px;top:12px;border:0;border-radius:50%;width:34px;height:34px;background:#6e271c;color:#fff;font-size:22px;cursor:pointer}.ew-market-panel h2{margin:8px 0 10px;color:#ffd98a}.ew-market-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.ew-market-card{position:relative;border:1px solid rgba(255,214,128,.28);border-radius:18px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.22));box-shadow:inset 0 0 28px rgba(255,197,80,.04)}.ew-market-icon{position:absolute;right:16px;top:14px;width:48px;height:48px;border-radius:14px;background:rgba(255,211,119,.13);display:grid;place-items:center;font-size:26px}.ew-market-card h3{margin:0 0 8px;color:#fff1c7}.ew-market-card p{margin:4px 0;color:#dfc898}.ew-market-card label{display:block;margin-top:10px;color:#f7e6bd}.ew-market-card input{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid rgba(255,215,128,.25);border-radius:10px;background:#0f1117;color:#fff;padding:10px}.ew-market-preview{margin:10px 0;padding:10px;border-radius:12px;background:rgba(0,0,0,.24);color:#fff2ca;font-size:13px}.ew-market-actions{display:flex;gap:10px}.ew-market-actions button{flex:1;border:0;border-radius:12px;padding:11px 12px;font-weight:800;cursor:pointer;color:#241506;background:linear-gradient(#ffd56f,#bd7b25)}.ew-market-actions .ew-market-sell{background:linear-gradient(#b7d7ff,#4074b5);color:#071629}.ew-market-history{display:grid;gap:8px}.ew-market-history div{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;background:rgba(255,255,255,.05)}.ew-market-history b{display:block;color:#fff}.ew-market-history span{font-size:12px;color:#cbb88f}

/* Faza 9 - modernija grafika, ciklus dana/noći, vrijeme i život u gradu */
.ew-modern .ew-map{background:
 radial-gradient(circle at 50% 47%,rgba(236,198,112,.30) 0 10%,transparent 24%),
 radial-gradient(circle at 22% 28%,#47732a 0 10%,transparent 23%),
 linear-gradient(135deg,#1a3d22 0%,#58772f 38%,#9a8846 60%,#415e2b 100%);}
.ew-modern .ew-map:before{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(180deg,rgba(17,28,56,0) 0%,rgba(10,17,38,.02) 45%,rgba(1,3,12,.12) 100%);animation:ew-daynight 90s linear infinite;mix-blend-mode:multiply}.ew-sun,.ew-moon{position:absolute;border-radius:50%;z-index:1;pointer-events:none}.ew-sun{width:72px;height:72px;left:9%;top:7%;background:radial-gradient(circle,#fff6b2 0 32%,#ffd767 35% 62%,rgba(255,202,82,.0) 70%);filter:drop-shadow(0 0 22px #ffe084);animation:ew-sunpath 90s linear infinite}.ew-moon{width:48px;height:48px;right:12%;top:9%;background:radial-gradient(circle at 35% 35%,#fff 0 20%,#b9c8e8 45%,rgba(185,200,232,0) 70%);filter:drop-shadow(0 0 16px #9cc3ff);opacity:0;animation:ew-moonpath 90s linear infinite}.ew-clouds{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ew-clouds i{position:absolute;width:170px;height:48px;border-radius:999px;background:rgba(255,255,255,.28);filter:blur(1px);box-shadow:40px 10px 0 rgba(255,255,255,.20),90px -4px 0 rgba(255,255,255,.18);animation:ew-cloud 70s linear infinite}.ew-clouds i:nth-child(1){left:-220px;top:10%;animation-duration:95s}.ew-clouds i:nth-child(2){left:-300px;top:22%;animation-duration:125s;animation-delay:-35s;transform:scale(.7)}.ew-clouds i:nth-child(3){left:-260px;top:4%;animation-duration:110s;animation-delay:-70s;transform:scale(.55)}@keyframes ew-cloud{to{transform:translateX(calc(100vw + 420px))}}@keyframes ew-daynight{0%,42%{background:rgba(1,4,20,0);opacity:0}55%,92%{background:linear-gradient(180deg,rgba(4,10,35,.56),rgba(0,0,10,.76));opacity:.95}100%{opacity:0}}@keyframes ew-sunpath{0%{transform:translateY(0);opacity:1}45%{transform:translate(48vw,4vh);opacity:1}55%,92%{opacity:0}100%{opacity:1}}@keyframes ew-moonpath{0%,48%{opacity:0}58%{opacity:1;transform:translate(-10vw,0)}88%{opacity:1;transform:translate(-56vw,2vh)}100%{opacity:0}}
.ew-rain,.ew-snow{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0}.ew-rain{background:repeating-linear-gradient(105deg,rgba(210,235,255,.0) 0 12px,rgba(210,235,255,.38) 13px 14px,rgba(210,235,255,.0) 15px 25px);animation:ew-rainfall 1s linear infinite,ew-weatherfade 70s linear infinite}.ew-snow{background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 2px);background-size:80px 80px,120px 120px;background-position:0 0,40px 30px;animation:ew-snowfall 10s linear infinite,ew-snowfade 85s linear infinite}@keyframes ew-rainfall{to{background-position:-80px 180px}}@keyframes ew-snowfall{to{background-position:0 360px,40px 430px}}@keyframes ew-weatherfade{0%,60%,100%{opacity:0}64%,78%{opacity:.34}}@keyframes ew-snowfade{0%,72%,100%{opacity:0}78%,91%{opacity:.35}}
.ew-modern .ew-building{animation:ew-building-idle 4.5s ease-in-out infinite}.ew-modern .ew-building:nth-of-type(odd){animation-delay:-1.8s}@keyframes ew-building-idle{0%,100%{margin-top:0}50%{margin-top:-3px}}.ew-modern .ew-building-art{filter:contrast(1.04) saturate(1.08)}.ew-modern .ew-building-art:before{content:"";position:absolute;inset:-8px -10px;z-index:-1;background:radial-gradient(ellipse at 55% 80%,rgba(255,210,120,.18),transparent 45%);opacity:.75}.ew-modern .ew-building:hover .ew-building-art{filter:brightness(1.16) saturate(1.18)}.ew-modern .ew-building-art .body:before{content:"";position:absolute;left:18%;right:18%;top:22%;height:10px;background:repeating-linear-gradient(90deg,rgba(25,12,6,.65) 0 9px,rgba(255,226,140,.55) 10px 15px);box-shadow:0 18px rgba(255,226,140,.35)}.ew-modern .tier-3 .ew-building-art .body:after,.ew-modern .tier-4 .ew-building-art .body:after{content:"";position:absolute;left:6px;right:6px;top:-10px;height:9px;background:repeating-linear-gradient(90deg,#4a2d17 0 10px,#d4b57a 10px 16px);border-radius:4px}.ew-modern .ew-sawmill .smoke,.ew-modern .ew-mine .smoke,.ew-modern .ew-barracks .smoke,.ew-modern .ew-treasury .smoke{display:block;position:absolute;left:64%;top:-10px;width:11px;height:11px;border-radius:50%;background:rgba(235,235,220,.55);box-shadow:8px -11px 10px rgba(235,235,220,.36),17px -28px 18px rgba(235,235,220,.22),25px -43px 28px rgba(235,235,220,.14);animation:ew-smoke-real 4.2s infinite ease-in-out}.ew-modern .ew-treasury .smoke{left:38%;opacity:.45}.ew-modern .ew-barracks .smoke{left:70%;opacity:.38}@keyframes ew-smoke-real{0%{transform:translate(0,0) scale(.7);opacity:.72}55%{transform:translate(12px,-26px) scale(1.25);opacity:.32}100%{transform:translate(24px,-48px) scale(1.8);opacity:0}}
.ew-flags i,.ew-torches i{position:absolute;z-index:5;pointer-events:none}.ew-flags i{width:4px;height:44px;background:#2d1d0e;box-shadow:0 4px 6px rgba(0,0,0,.5)}.ew-flags i:after{content:"";position:absolute;left:4px;top:4px;width:34px;height:18px;background:linear-gradient(90deg,#b81818,#ffd36a);clip-path:polygon(0 0,100% 18%,78% 50%,100% 82%,0 100%);animation:ew-flagwave 1.2s ease-in-out infinite;transform-origin:left center}.ew-flags i:nth-child(1){left:43%;top:38%}.ew-flags i:nth-child(2){left:54%;top:42%}.ew-flags i:nth-child(3){left:30%;top:31%}.ew-flags i:nth-child(4){left:66%;top:57%}@keyframes ew-flagwave{50%{transform:skewY(10deg) scaleX(.92)}}.ew-torches i{width:7px;height:30px;background:#2f1c0d;border-radius:4px}.ew-torches i:before{content:"";position:absolute;left:-7px;top:-16px;width:21px;height:24px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle,#fff4a8 0 18%,#ffb12c 32%,#e34014 62%,transparent 70%);filter:drop-shadow(0 0 12px #ff9a20);animation:ew-flame .35s infinite alternate}.ew-torches i:nth-child(1){left:40%;top:54%}.ew-torches i:nth-child(2){left:57%;top:53%}.ew-torches i:nth-child(3){left:36%;top:44%}.ew-torches i:nth-child(4){left:61%;top:46%}@keyframes ew-flame{to{transform:scale(.85) translateY(2px);filter:drop-shadow(0 0 18px #ffc04f)}}
.ew-villagers i{width:8px;height:17px;background:linear-gradient(#5b3420,#21120a);box-shadow:0 -5px #d8a76d,0 2px 3px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.25)}.ew-villagers i:after{content:"";position:absolute;left:-3px;right:-3px;top:5px;height:2px;background:#ad7040;transform-origin:center;animation:ew-arms .6s infinite alternate}.ew-villagers i:nth-child(6){left:42%;top:43%;animation-delay:-5s}.ew-villagers i:nth-child(7){left:50%;top:61%;animation-delay:-7s}.ew-villagers i:nth-child(8){left:26%;top:60%;animation-delay:-8s}@keyframes ew-arms{to{transform:rotate(12deg)}}.ew-birds i{position:absolute;z-index:6;width:18px;height:8px;border-top:2px solid rgba(20,15,10,.75);border-radius:50%;animation:ew-bird 24s linear infinite;pointer-events:none}.ew-birds i:before{content:"";position:absolute;left:8px;top:-2px;width:18px;height:8px;border-top:2px solid rgba(20,15,10,.75);border-radius:50%;transform:rotate(20deg)}.ew-birds i:nth-child(1){left:-5%;top:18%}.ew-birds i:nth-child(2){left:-8%;top:12%;animation-delay:-9s;transform:scale(.75)}.ew-birds i:nth-child(3){left:-6%;top:25%;animation-delay:-16s;transform:scale(.55)}@keyframes ew-bird{to{left:110%;transform:translateY(-25px)}}
@media(max-width:800px){.ew-sun{width:48px;height:48px}.ew-moon{width:36px;height:36px}.ew-clouds i{transform:scale(.55)}.ew-flags,.ew-torches,.ew-birds{display:none}.ew-modern .ew-map:before{animation-duration:120s}}


/* Faza 10 - realističniji izometrijski izgled nalik velikim browser strategijama, bez kopiranja tuđih asseta */
.ew-realistic{font-family:Georgia,"Times New Roman",serif;background:#050403}.ew-realistic .ew-topbar{height:72px;background:linear-gradient(180deg,rgba(67,53,34,.98),rgba(31,23,15,.98) 55%,rgba(9,7,5,.98));border-bottom:2px solid #755127;box-shadow:0 7px 25px #000, inset 0 1px rgba(255,237,178,.18);padding:0 14px}.ew-realistic .ew-topbar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:linear-gradient(90deg,transparent,rgba(255,213,123,.08),transparent),repeating-linear-gradient(90deg,rgba(255,231,168,.12) 0 1px,transparent 1px 60px);pointer-events:none}.ew-realistic .ew-avatar{border-radius:4px;background:radial-gradient(circle at 55% 25%,#b98c3a,#32200d 65%,#0b0703);box-shadow:inset 0 0 0 2px #d2a34d,inset 0 0 18px #000,0 5px 16px #000}.ew-realistic .ew-avatar span:before{content:'♛';font-size:40px;color:#f7d072}.ew-realistic .ew-topbar .res{border-radius:4px;min-width:76px;background:linear-gradient(180deg,rgba(94,73,43,.9),rgba(28,20,12,.95));border:1px solid #7c5a2e;box-shadow:inset 0 1px rgba(255,231,178,.22),0 4px 12px rgba(0,0,0,.55);color:#f8e7bb;text-shadow:0 2px 2px #000}.ew-realistic .ew-topbar strong{color:#f6e1aa;text-transform:uppercase;letter-spacing:.8px}.ew-realistic .ew-topbar em{color:#f7c441;background:#2d1708;border:1px solid #93652a;border-radius:3px;padding:2px 5px}
.ew-realistic .ew-map{height:calc(100vh - 72px);background:#243717;perspective:1100px;cursor:grab}.ew-realistic .ew-map:after{z-index:9;background:radial-gradient(ellipse at 48% 42%,rgba(255,232,172,.20),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.25));mix-blend-mode:soft-light}.ew-realistic .ew-map:before{z-index:20;mix-blend-mode:multiply}.ew-realistic .ew-sky{display:none}.ew-realistic .ew-real-terrain{position:absolute;inset:-8% -5%;z-index:0;background:linear-gradient(135deg,#193115 0%,#386020 18%,#71803c 38%,#8a7b43 49%,#4e6e2d 61%,#273d1b 100%);filter:saturate(1.08) contrast(1.08)}.ew-realistic .ew-real-terrain:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(13,43,18,.75),transparent 22%),radial-gradient(circle at 75% 22%,rgba(139,135,105,.65),transparent 20%),radial-gradient(circle at 50% 70%,rgba(174,155,83,.52),transparent 28%),repeating-linear-gradient(28deg,rgba(255,255,255,.025) 0 2px,transparent 2px 16px);opacity:.98}.ew-realistic .ew-real-terrain:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(5,12,4,.23) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,234,161,.10) 0 1px,transparent 2px);background-size:13px 13px,31px 31px;opacity:.46}.ew-realistic .ew-real-terrain i{position:absolute;display:block}.ew-realistic .ew-real-terrain .field{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:repeating-linear-gradient(90deg,rgba(202,174,90,.32) 0 9px,rgba(95,130,50,.28) 9px 18px);border:1px solid rgba(255,230,154,.12);filter:blur(.2px)}.ew-realistic .ew-real-terrain .field.f1{left:8%;top:9%;width:24%;height:21%;transform:rotate(-8deg)}.ew-realistic .ew-real-terrain .field.f2{right:3%;bottom:19%;width:25%;height:22%;transform:rotate(11deg)}.ew-realistic .ew-real-terrain .ridge{background:radial-gradient(ellipse at 50% 40%,#8f8d79 0 18%,#5a594b 34%,#22261d 70%,transparent 72%);filter:drop-shadow(0 18px 16px rgba(0,0,0,.55))}.ew-realistic .ew-real-terrain .ridge.r1{right:19%;top:5%;width:31%;height:28%;clip-path:polygon(2% 75%,20% 28%,36% 58%,48% 18%,65% 54%,82% 22%,98% 77%)}.ew-realistic .ew-real-terrain .ridge.r2{left:2%;bottom:0;width:24%;height:31%;clip-path:polygon(0 85%,22% 36%,39% 61%,54% 18%,73% 62%,100% 87%)}.ew-realistic .ew-real-terrain .bank{background:linear-gradient(90deg,rgba(162,140,77,.45),rgba(255,239,168,.28),rgba(80,61,31,.38));filter:blur(1px)}.ew-realistic .ew-real-terrain .bank.b1{left:-5%;top:39%;width:115%;height:12%;transform:rotate(6deg);border-radius:50%}.ew-realistic .ew-real-terrain .bank.b2{left:19%;top:3%;width:71%;height:11%;transform:rotate(-15deg);border-radius:50%}
.ew-realistic .ew-river{z-index:1;left:-8%;top:8%;width:116%;height:20%;transform:rotate(-17deg);background:linear-gradient(180deg,#2b7790,#5bb7c5 46%,#236278);box-shadow:inset 0 8px 13px rgba(255,255,255,.22),inset 0 -10px 17px rgba(0,0,0,.28),0 5px 20px rgba(0,0,0,.35);border-radius:45%}.ew-realistic .ew-river:before{content:"";position:absolute;inset:18% 0;background:repeating-linear-gradient(104deg,rgba(255,255,255,.20) 0 4px,transparent 4px 42px);animation:ew-water-real 7s linear infinite}.ew-realistic .ew-river:after{content:"";position:absolute;inset:-8% 0;border-top:10px solid rgba(151,126,65,.5);border-bottom:12px solid rgba(67,49,27,.45);border-radius:50%;filter:blur(1px)}@keyframes ew-water-real{to{transform:translateX(80px)}}.ew-realistic .ew-road.main{z-index:2;left:5%;top:40%;width:92%;height:15%;transform:rotate(8deg);background:linear-gradient(180deg,rgba(184,157,91,.82),rgba(224,201,134,.72),rgba(120,92,51,.73));border-radius:50%;box-shadow:inset 0 6px 8px rgba(255,244,177,.26),inset 0 -9px 10px rgba(70,50,28,.34),0 4px 12px rgba(0,0,0,.25)}.ew-realistic .ew-road.side{z-index:2;left:36%;top:21%;width:12%;height:68%;transform:rotate(28deg);background:linear-gradient(90deg,rgba(111,86,49,.55),rgba(223,200,135,.62),rgba(90,65,37,.48));border-radius:50%}.ew-realistic .ew-plaza{z-index:2;left:43%;top:44%;width:15%;height:16%;border-radius:50%;background:radial-gradient(circle,#d1c08c,#8d7944 62%,rgba(45,33,18,.15) 65%);box-shadow:inset 0 0 0 6px rgba(82,59,32,.32),0 8px 20px rgba(0,0,0,.32)}.ew-realistic .ew-plaza:before{content:"";position:absolute;left:43%;top:16%;width:16%;height:54%;background:linear-gradient(#bfa661,#5c3c1d);box-shadow:0 0 0 5px rgba(255,238,169,.12);clip-path:polygon(45% 0,55% 0,65% 100%,35% 100%)}
.ew-realistic .ew-forest{opacity:.98;filter:drop-shadow(0 13px 8px rgba(0,0,0,.55))}.ew-realistic .ew-forest:before,.ew-realistic .ew-forest:after{background:radial-gradient(circle at 30% 35%,#477c2e 0 11%,#254b1e 12% 37%,#142e14 38% 63%,transparent 64%),radial-gradient(circle at 70% 50%,#3d7227 0 9%,#173a18 10% 42%,transparent 43%);background-size:54px 54px,72px 72px}.ew-realistic .ew-mountains{z-index:2;right:1%;top:2%;width:38%;height:31%;background:linear-gradient(135deg,#9a9884,#565849 45%,#24281f);clip-path:polygon(0 80%,13% 40%,26% 65%,40% 12%,55% 58%,69% 24%,86% 66%,100% 35%,100% 100%,0 100%);filter:drop-shadow(0 20px 14px rgba(0,0,0,.55))}.ew-realistic .ew-mountains:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 34%),repeating-linear-gradient(60deg,rgba(0,0,0,.18) 0 9px,transparent 9px 18px)}
.ew-realistic .ew-building{z-index:6;width:150px;height:148px;background:transparent;border:0;box-shadow:none;transform:translate(-50%,-64%) rotateX(56deg) rotateZ(-45deg);transform-style:preserve-3d;transition:transform .18s ease, filter .18s ease}.ew-realistic .ew-building:hover{transform:translate(-50%,-70%) rotateX(56deg) rotateZ(-45deg) scale(1.07);filter:brightness(1.15);z-index:30}.ew-realistic .ew-building .ew-shadow{position:absolute;left:14%;top:68%;width:105px;height:64px;background:radial-gradient(ellipse,rgba(0,0,0,.55),rgba(0,0,0,0) 70%);transform:translateZ(-8px);filter:blur(3px)}.ew-realistic .ew-building-art{position:absolute;left:31px;top:33px;width:88px;height:88px;transform-style:preserve-3d;filter:drop-shadow(20px 20px 12px rgba(0,0,0,.47))}.ew-realistic .ew-building-art .body{position:absolute;left:0;top:28px;width:88px;height:60px;background:linear-gradient(135deg,#b9a782,#6d5537);transform:translateZ(30px);box-shadow:inset -12px -8px 0 rgba(0,0,0,.22),inset 8px 6px 0 rgba(255,248,204,.18);border:1px solid rgba(42,24,9,.55)}.ew-realistic .ew-building-art .body:before{height:8px;top:12px;background:repeating-linear-gradient(90deg,#20130b 0 8px,#f3d68d 8px 13px);box-shadow:0 18px rgba(255,218,132,.35),0 36px rgba(255,218,132,.22)}.ew-realistic .ew-building-art .roof{position:absolute;left:-8px;top:3px;width:104px;height:54px;background:linear-gradient(135deg,#9f2118,#5e110b 62%,#2d0906);clip-path:polygon(50% 0,100% 48%,85% 100%,15% 100%,0 48%);transform:translateZ(67px);box-shadow:inset -12px -8px rgba(0,0,0,.23),inset 10px 7px rgba(255,185,84,.14)}.ew-realistic .ew-building-art .door{position:absolute;left:35px;top:60px;width:18px;height:28px;background:linear-gradient(#3b2111,#120905);border:1px solid #d2aa62;transform:translateZ(33px)}.ew-realistic .ew-building-art .tower{position:absolute;width:24px;height:78px;background:linear-gradient(135deg,#b9b8ad,#69665a);transform:translateZ(45px);box-shadow:inset -7px -8px rgba(0,0,0,.24)}.ew-realistic .ew-building-art .tower:before{content:"";position:absolute;left:-6px;top:-18px;width:36px;height:24px;background:linear-gradient(135deg,#872118,#3b0c08);clip-path:polygon(50% 0,100% 100%,0 100%)}.ew-realistic .ew-building-art .tower.t1{left:-10px;top:12px}.ew-realistic .ew-building-art .tower.t2{right:-10px;top:17px}.ew-realistic .ew-badge{position:absolute;left:50%;top:108px;transform:translateX(-50%) rotateZ(45deg) rotateX(-56deg);z-index:40;background:linear-gradient(#f1ca55,#9e2b1d);border:2px solid #ffef91;border-radius:5px;color:white;padding:2px 8px;text-shadow:0 2px #000;font-family:Arial,sans-serif}.ew-realistic .ew-name{position:absolute;left:50%;top:129px;transform:translateX(-50%) rotateZ(45deg) rotateX(-56deg);z-index:40;background:rgba(26,15,7,.82);border:1px solid rgba(234,190,99,.65);padding:2px 6px;border-radius:4px;white-space:nowrap;font:700 12px Arial;color:#ffe9ae;text-shadow:0 2px 2px #000}
.ew-realistic .ew-sawmill .ew-building-art .roof{background:linear-gradient(135deg,#328c4b,#145424 65%,#092813)}.ew-realistic .ew-sawmill .ew-building-art:after{content:"";position:absolute;right:-30px;top:68px;width:72px;height:13px;background:repeating-linear-gradient(90deg,#5f3214 0 13px,#a86a2e 13px 21px);transform:translateZ(18px);border-radius:10px;box-shadow:0 13px 0 #6f401d,0 26px 0 #8e5527}.ew-realistic .ew-quarry .ew-building-art .body,.ew-realistic .ew-mine .ew-building-art .body{background:linear-gradient(135deg,#8c8b80,#4b4c43)}.ew-realistic .ew-quarry .ew-building-art:after{content:"";position:absolute;left:56px;top:68px;width:82px;height:54px;background:radial-gradient(circle at 30% 35%,#aaa895,#4b4d43 62%,#222 70%);transform:translateZ(10px);clip-path:polygon(5% 75%,24% 22%,44% 58%,65% 10%,94% 80%)}.ew-realistic .ew-mine .ew-building-art:after{content:"";position:absolute;left:-38px;top:62px;width:78px;height:55px;background:linear-gradient(135deg,#3a2b1b,#0e0b08);border:8px solid #6a5740;transform:translateZ(15px);clip-path:polygon(50% 0,100% 100%,0 100%)}.ew-realistic .ew-treasury .ew-building-art .roof{background:linear-gradient(135deg,#d7b044,#6b4314)}.ew-realistic .ew-treasury .ew-building-art .body{background:linear-gradient(135deg,#d8c27b,#72501d)}.ew-realistic .ew-hall .ew-building-art{transform:scale(1.25);}.ew-realistic .ew-hall .ew-building-art .roof{background:linear-gradient(135deg,#1b6b7b,#0e3346)}.ew-realistic .ew-hall .ew-building-art .body{background:linear-gradient(135deg,#e0d6bd,#887452)}.ew-realistic .ew-barracks .ew-building-art .roof{background:linear-gradient(135deg,#8e1d19,#410b08)}.ew-realistic .ew-barracks .ew-building-art:after{content:"";position:absolute;left:-35px;top:86px;width:112px;height:28px;background:repeating-linear-gradient(90deg,#633716 0 12px,#b9823f 12px 18px);transform:translateZ(12px);box-shadow:0 -21px 0 rgba(120,47,30,.9)}.ew-realistic .ew-building.tier-2 .ew-building-art{transform:scale(1.08)}.ew-realistic .ew-building.tier-3 .ew-building-art{transform:scale(1.18)}.ew-realistic .ew-building.tier-4 .ew-building-art{transform:scale(1.31)}
.ew-realistic .ew-bottom-menu{z-index:40;left:50%;bottom:14px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(76,54,30,.93),rgba(18,13,8,.96));border:1px solid #9d7132;border-radius:8px;box-shadow:0 0 28px #000,inset 0 1px rgba(255,235,180,.22);padding:6px}.ew-realistic .ew-bottom-menu button{background:linear-gradient(#6e5130,#20150b);border:1px solid #b88a40;border-radius:5px;color:#ffe4a8;text-shadow:0 2px #000;box-shadow:inset 0 1px rgba(255,255,255,.18)}.ew-realistic .ew-bottom-menu button:hover{background:linear-gradient(#a67836,#37210d)}.ew-realistic .ew-modal .ew-box,.ew-realistic .ew-world-panel,.ew-realistic .ew-army-panel,.ew-realistic .ew-alliance-panel,.ew-realistic .ew-battle-panel,.ew-realistic .ew-market-panel,.ew-realistic .ew-research-panel{background:linear-gradient(180deg,#2c1d0e,#15100b 60%,#080605);border-color:#a47b39;color:#f5e2b0;box-shadow:0 0 0 1px rgba(255,231,159,.11),0 22px 65px rgba(0,0,0,.68)}.ew-realistic .ew-modal .ew-box h2,.ew-realistic aside h2{color:#f8d275;text-shadow:0 2px #000}.ew-realistic .ew-unit,.ew-realistic .ew-market-card,.ew-realistic .ew-research-card,.ew-realistic .ew-alliance-card{background:linear-gradient(145deg,rgba(255,236,172,.08),rgba(0,0,0,.32));border-color:rgba(210,165,78,.42)}
@media(max-width:900px){.ew-realistic .ew-building{width:125px;height:125px}.ew-realistic .ew-building-art{transform:scale(.82)}.ew-realistic .ew-hall .ew-building-art{transform:scale(1)}.ew-realistic .ew-topbar{height:auto;min-height:72px}.ew-realistic .ew-map{height:calc(100vh - 92px)}}

/* Faza 9 REALISTIC PATCH v1.12 - detailed isometric raster map */
.ew-wrap.ew-realistic{background:#050607!important;color:#fff;font-family:Georgia,'Times New Roman',serif;overflow:hidden;min-height:100vh}.ew-wrap.ew-realistic .ew-topbar{height:70px;background:linear-gradient(180deg,rgba(28,19,10,.98),rgba(11,8,5,.96));border-bottom:1px solid #7c5a28;box-shadow:0 10px 25px rgba(0,0,0,.75);z-index:50}.ew-wrap.ew-realistic .ew-topbar strong{font-size:25px;color:#f6e7b1;text-shadow:0 2px 2px #000}.ew-wrap.ew-realistic .ew-topbar strong em{color:#d7a83a}.ew-wrap.ew-realistic .ew-topbar .res{background:linear-gradient(180deg,rgba(85,67,43,.95),rgba(26,20,15,.95));border:1px solid rgba(218,176,88,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 10px rgba(0,0,0,.35);border-radius:11px;color:#fff8d5}.ew-wrap.ew-realistic .ew-map{height:calc(100vh - 70px);min-height:760px;background:#111 url('../img/realistic-city-map.png') center center/cover no-repeat!important;position:relative;overflow:hidden}.ew-wrap.ew-realistic .ew-map:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(255,245,190,.10),rgba(0,0,0,0) 45%,rgba(0,0,0,.35) 100%);pointer-events:none;z-index:1}.ew-wrap.ew-realistic .ew-map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,233,145,.05),rgba(0,0,0,0) 30%,rgba(0,0,0,.18));pointer-events:none;z-index:8}.ew-wrap.ew-realistic .ew-sky,.ew-wrap.ew-realistic .ew-real-terrain,.ew-wrap.ew-realistic .ew-forest,.ew-wrap.ew-realistic .ew-mountains,.ew-wrap.ew-realistic .ew-river,.ew-wrap.ew-realistic .ew-road,.ew-wrap.ew-realistic .ew-plaza,.ew-wrap.ew-realistic .ew-waterfall{display:none!important}.ew-wrap.ew-realistic .ew-building{width:205px!important;height:205px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;transform:translate(-50%,-62%) scale(1)!important;z-index:20;filter:drop-shadow(0 14px 12px rgba(0,0,0,.6));transition:transform .22s ease,filter .22s ease}.ew-wrap.ew-realistic .ew-building:hover{transform:translate(-50%,-66%) scale(1.08)!important;filter:drop-shadow(0 18px 16px rgba(0,0,0,.75)) brightness(1.08)}.ew-wrap.ew-realistic .ew-building-real-wrap{position:absolute;inset:0;display:block}.ew-wrap.ew-realistic .ew-building-real-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}.ew-wrap.ew-realistic .ew-building-glow{position:absolute;left:50%;bottom:22px;width:130px;height:34px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,207,80,.22),rgba(255,207,80,0) 70%);opacity:0;transition:.25s}.ew-wrap.ew-realistic .ew-building:hover .ew-building-glow{opacity:1}.ew-wrap.ew-realistic .ew-building-smoke-real{position:absolute;left:47%;top:8%;width:75px;height:55px;opacity:.0;background:radial-gradient(circle at 20% 80%,rgba(230,230,220,.45),transparent 32%),radial-gradient(circle at 45% 55%,rgba(230,230,220,.35),transparent 30%),radial-gradient(circle at 70% 30%,rgba(230,230,220,.25),transparent 28%);animation:ewRealSmoke 4s linear infinite}.ew-wrap.ew-realistic .ew-sawmill .ew-building-smoke-real,.ew-wrap.ew-realistic .ew-mine .ew-building-smoke-real,.ew-wrap.ew-realistic .ew-barracks .ew-building-smoke-real{opacity:.95}.ew-wrap.ew-realistic .ew-badge{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);background:linear-gradient(180deg,#d72b1e,#8d1410)!important;border:2px solid #ffd66d!important;border-radius:9px!important;box-shadow:0 2px 2px #000,0 0 8px rgba(255,205,90,.4);font:bold 18px Arial,sans-serif;color:#fff!important;padding:2px 10px!important;z-index:5}.ew-wrap.ew-realistic .ew-name{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);white-space:nowrap;font:bold 18px Arial,sans-serif;color:#fff;text-shadow:0 2px 3px #000,0 0 5px #000;z-index:5}.ew-wrap.ew-realistic .ew-hall{left:51%!important;top:45%!important;width:250px!important;height:250px!important;z-index:25}.ew-wrap.ew-realistic .ew-sawmill{left:23%!important;top:32%!important}.ew-wrap.ew-realistic .ew-quarry{left:79%!important;top:28%!important}.ew-wrap.ew-realistic .ew-mine{left:70%!important;top:61%!important}.ew-wrap.ew-realistic .ew-treasury{left:37%!important;top:62%!important}.ew-wrap.ew-realistic .ew-barracks{left:27%!important;top:69%!important}.ew-wrap.ew-realistic .tier-2{filter:drop-shadow(0 16px 14px rgba(0,0,0,.65)) saturate(1.05)}.ew-wrap.ew-realistic .tier-3,.ew-wrap.ew-realistic .tier-4{filter:drop-shadow(0 20px 18px rgba(0,0,0,.72)) saturate(1.12) contrast(1.05)}.ew-wrap.ew-realistic .tier-5{filter:drop-shadow(0 24px 20px rgba(0,0,0,.80)) saturate(1.18) contrast(1.08)}.ew-wrap.ew-realistic .ew-torches{z-index:17}.ew-wrap.ew-realistic .ew-torches i{background:radial-gradient(circle,#ffe169,#ff6416 35%,rgba(255,90,0,0) 70%);box-shadow:0 0 16px #ff8b22}.ew-wrap.ew-realistic .ew-flags{z-index:23}.ew-wrap.ew-realistic .ew-villagers{z-index:21}.ew-wrap.ew-realistic .ew-villagers i{width:9px;height:18px;background:linear-gradient(180deg,#d9c19a,#75533b);border-radius:6px 6px 3px 3px;box-shadow:0 2px 3px #000}.ew-wrap.ew-realistic .ew-bottom-menu{background:linear-gradient(180deg,rgba(45,33,22,.95),rgba(8,7,5,.98));border:1px solid rgba(210,160,70,.35);border-radius:12px 12px 0 0;box-shadow:0 -8px 20px rgba(0,0,0,.45);z-index:60}.ew-wrap.ew-realistic .ew-bottom-menu button{background:linear-gradient(180deg,#4c3320,#1c130d);border:1px solid #8d6b38;border-radius:8px;color:#ffe9ad;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}@keyframes ewRealSmoke{0%{transform:translate(0,18px) scale(.75);opacity:.0}15%{opacity:.7}100%{transform:translate(30px,-35px) scale(1.6);opacity:0}}.ew-wrap.ew-realistic .ew-clouds i{background:rgba(230,230,210,.32);filter:blur(5px)}.ew-wrap.ew-realistic .ew-rain{z-index:30;opacity:.22}.ew-wrap.ew-realistic .ew-snow{z-index:30;opacity:.12}.ew-wrap.ew-realistic .ew-army-panel,.ew-wrap.ew-realistic .ew-world-panel,.ew-wrap.ew-realistic .ew-battle-panel,.ew-wrap.ew-realistic .ew-alliance-panel,.ew-wrap.ew-realistic .ew-research-panel,.ew-wrap.ew-realistic .ew-market-panel{background:linear-gradient(180deg,rgba(39,28,18,.98),rgba(10,8,6,.98))!important;border:1px solid #9d7438!important;box-shadow:0 18px 60px rgba(0,0,0,.75)!important;color:#f6e8c0!important}.ew-wrap.ew-realistic .ew-panel-intro,.ew-wrap.ew-realistic aside p{color:#d9c59a!important}

/* Faza 9.2 - realističniji raster sloj */
.ew-wrap.ew-realistic .ew-map{background-image:url('../img/realistic-city-map.png')!important;background-size:cover!important;background-position:center center!important;}
.ew-wrap.ew-realistic .ew-building{width:250px!important;height:250px!important;filter:drop-shadow(0 20px 20px rgba(0,0,0,.72)) contrast(1.04) saturate(1.08)!important;}
.ew-wrap.ew-realistic .ew-hall{width:310px!important;height:310px!important;top:47%!important;}
.ew-wrap.ew-realistic .ew-quarry{left:79%!important;top:28%!important;}
.ew-wrap.ew-realistic .ew-sawmill{left:24%!important;top:34%!important;}
.ew-wrap.ew-realistic .ew-barracks{left:28%!important;top:72%!important;}
.ew-wrap.ew-realistic .ew-treasury{left:39%!important;top:68%!important;}
.ew-wrap.ew-realistic .ew-mine{left:70%!important;top:67%!important;}
.ew-wrap.ew-realistic .ew-badge{bottom:58px!important;}
.ew-wrap.ew-realistic .ew-name{bottom:30px!important;font-size:20px!important;}
.ew-wrap.ew-realistic .ew-map:before{background:radial-gradient(ellipse at 45% 38%,rgba(255,232,150,.08),rgba(0,0,0,0) 42%,rgba(0,0,0,.28) 100%)!important;}