.game-context { --bg:#100b07; --panel:#21170e; --panel-2:#2c1e11; --panel-3:#130e09; --line:rgba(214,168,81,.30); --line-strong:rgba(232,190,101,.58); --text:#f3e7ca; --muted:#ad9c7e; --gold:#c79339; --gold2:#f0cd7c; --bronze:#8a5823; --green:#7f9a62; --danger:#c25742; min-height:100vh; color:var(--text); background: radial-gradient(circle at 50% -12%,rgba(183,116,39,.23),transparent 30%), radial-gradient(circle at 8% 42%,rgba(95,61,28,.14),transparent 25%), radial-gradient(circle at 92% 55%,rgba(95,61,28,.10),transparent 28%), linear-gradient(180deg,#0e0a07 0%,#171008 48%,#0d0906 100%); background-attachment:fixed; } .game-context::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.27; background: repeating-linear-gradient(0deg,rgba(255,255,255,.009) 0,rgba(255,255,255,.009) 1px,transparent 1px,transparent 5px), repeating-linear-gradient(90deg,rgba(255,221,160,.007) 0,rgba(255,221,160,.007) 1px,transparent 1px,transparent 7px); } .game-context .shell{width:min(1580px,calc(100% - 28px));} .game-context > header{ z-index:1800; min-height:74px; border-bottom:1px solid rgba(232,188,98,.34); background:linear-gradient(180deg,rgba(45,29,16,.985),rgba(18,13,9,.99)); box-shadow:0 10px 32px rgba(0,0,0,.46),inset 0 -1px rgba(255,222,153,.055); backdrop-filter:blur(15px); } .game-context > header::after{ content:""; position:absolute; left:0;right:0;bottom:-3px;height:3px; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(202,143,53,.65) 16%,rgba(246,209,123,.88) 50%,rgba(202,143,53,.65) 84%,transparent); opacity:.55; } .game-context header .shell{min-height:74px;} .antik-brand{display:flex;align-items:center;gap:11px;color:var(--gold2);line-height:1;min-width:max-content;} .antik-brand:hover{color:#ffe5a1;} .antik-brand-emblem{ width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%; font:900 27px/1 Georgia,serif;color:#1b1006;text-shadow:0 1px rgba(255,255,255,.3); background:radial-gradient(circle at 35% 28%,#ffe8a7 0,#d4a14a 43%,#895521 73%,#35200f 100%); border:2px solid #dfb45d;box-shadow:0 0 0 3px rgba(70,42,18,.9),0 0 22px rgba(218,169,77,.17); } .antik-brand-copy{display:flex;flex-direction:column;gap:4px;} .antik-brand-copy strong{font:700 20px/1 Georgia,"Times New Roman",serif;letter-spacing:1.8px;color:#f0ca76;} .antik-brand-copy small{font-size:8px;letter-spacing:1.7px;color:#8f8065;white-space:nowrap;} .game-world-chip{ display:flex;align-items:center;gap:8px;margin-left:4px;padding:7px 10px;border-left:1px solid rgba(218,170,79,.22);color:#a9997b;font-size:11px; } .game-world-chip strong{display:block;color:#dcc078;font-family:Georgia,serif;font-size:12px;} .game-context header nav{gap:6px;} .game-context header nav>a{display:inline-flex;align-items:center;min-height:34px;padding:0 9px;border-radius:6px;color:#b7a88b;font-size:12px;transition:.16s ease;} .game-context header nav>a:hover{color:#f0d18b;background:rgba(205,151,59,.10);} .game-context header .btn.secondary{min-height:35px;font-size:11px;} .game-context .world-quick-nav{ top:74px;z-index:1700;border-bottom:1px solid rgba(217,168,77,.26); background:linear-gradient(180deg,rgba(30,21,13,.985),rgba(17,12,8,.985)); box-shadow:0 8px 24px rgba(0,0,0,.3);backdrop-filter:blur(12px); } .game-context .world-nav-inner{justify-content:center;gap:2px;padding:6px 0;} .game-context .world-quick-nav .shell > a{ position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:112px;min-height:50px;padding:6px 12px; border:1px solid transparent;border-radius:5px;color:#9e9078;font:700 12px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.2px;transition:.16s ease; } .game-context .world-quick-nav .shell > a::after{content:"";position:absolute;left:18%;right:18%;bottom:-7px;height:2px;opacity:0;background:#e4b65c;box-shadow:0 0 8px rgba(228,182,92,.7);} .game-context .world-quick-nav .shell > a:hover{color:#f1d18a;border-color:rgba(211,160,69,.16);background:linear-gradient(180deg,rgba(147,94,32,.14),rgba(81,51,23,.06));transform:translateY(-1px);} .game-context .world-quick-nav .shell > a.active{color:#ffe39d;border-color:rgba(219,173,83,.38);background:radial-gradient(circle at 50% 100%,rgba(208,150,53,.22),transparent 72%),linear-gradient(180deg,rgba(132,84,31,.22),rgba(62,40,20,.18));box-shadow:inset 0 1px rgba(255,229,170,.07),0 5px 16px rgba(0,0,0,.18);} .game-context .world-quick-nav .shell > a.active::after{opacity:1;} .world-nav-icon{font-size:19px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.75));} .game-context main{padding:2px 0 92px;} .game-context h1,.game-context h2,.game-context h3,.game-context h4{font-family:Georgia,"Times New Roman",serif;color:#efd08a;text-shadow:0 2px 5px rgba(0,0,0,.5);} .game-context h1{letter-spacing:.25px;} .game-context .muted,.game-context .text-secondary{color:#a99a80!important;} .game-context .panel,.game-context .card{ color:var(--text);border:1px solid rgba(205,157,72,.29);border-radius:9px; background:linear-gradient(180deg,rgba(39,27,17,.96),rgba(21,15,10,.98)); box-shadow:inset 0 1px rgba(255,231,176,.045),inset 0 0 45px rgba(0,0,0,.09),0 15px 38px rgba(0,0,0,.28); } .game-context .card-body{color:var(--text);} .game-context .btn{ min-height:40px;border-radius:5px;border:1px solid #c99138;color:#251608;font-weight:800; background:linear-gradient(180deg,#e8bd64 0%,#c58d34 54%,#a86d22 100%); box-shadow:inset 0 1px rgba(255,244,204,.46),inset 0 -1px rgba(74,40,13,.4),0 4px 10px rgba(0,0,0,.24); text-shadow:0 1px rgba(255,233,177,.24);transition:filter .15s ease,transform .15s ease; } .game-context .btn:hover{filter:brightness(1.08);transform:translateY(-1px);} .game-context .btn.secondary,.game-context .btn-outline-secondary,.game-context .btn-outline-primary{ color:#e7c77f;border-color:rgba(204,153,64,.46);background:linear-gradient(180deg,rgba(74,50,27,.86),rgba(34,24,15,.9)); box-shadow:inset 0 1px rgba(255,225,162,.06),0 4px 10px rgba(0,0,0,.18); } .game-context .btn-danger,.game-context .btn-outline-danger{border-color:#9c4937;color:#f2c2b7;background:linear-gradient(180deg,rgba(113,51,36,.9),rgba(63,29,23,.92));} .game-context input,.game-context textarea,.game-context select,.game-context .form-control,.game-context .form-select{ color:#eee1c4;border:1px solid rgba(181,137,65,.36);border-radius:6px;background:linear-gradient(180deg,rgba(18,13,9,.96),rgba(29,20,13,.95));box-shadow:inset 0 1px 7px rgba(0,0,0,.4); } .game-context input::placeholder,.game-context textarea::placeholder,.game-context .form-control::placeholder,.game-context .form-select::placeholder{color:#c3b391;opacity:1;} .game-context input[type="date"],.game-context input[type="datetime-local"],.game-context input[type="time"],.game-context input[type="month"],.game-context input[type="week"]{color-scheme:dark;accent-color:#c79339;} .game-context input::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2b968' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='3.2' y='5' width='17.6' height='15.8' rx='2.4'/%3E%3Cpath d='M8 3v4M16 3v4M3.2 10h17.6'/%3E%3C/svg%3E") center/16px 16px no-repeat;opacity:.82;cursor:pointer;} .game-context input::-webkit-calendar-picker-indicator:hover{opacity:1;} .game-context input:focus,.game-context textarea:focus,.game-context select:focus,.game-context .form-control:focus,.game-context .form-select:focus{color:#fff0ca;border-color:#d5a451;background:#1b130c;box-shadow:0 0 0 2px rgba(209,158,67,.13),inset 0 1px 7px rgba(0,0,0,.38);} .game-context table{color:#dfd1b5;} .game-context td,.game-context th{border-color:rgba(184,142,69,.18);} .game-context th{color:#debb72;font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2px;} .game-context .alert{border-radius:7px;border-color:rgba(211,160,70,.28);} .game-context .table{ --bs-table-color:#e5d7ba; --bs-table-bg:transparent; --bs-table-border-color:rgba(184,142,69,.22); --bs-table-striped-color:#e5d7ba; --bs-table-striped-bg:rgba(216,169,79,.05); --bs-table-hover-color:#f7e8c4; --bs-table-hover-bg:rgba(216,169,79,.09); --bs-table-active-color:#f7e8c4; --bs-table-active-bg:rgba(216,169,79,.12); } .game-context .table > thead th{color:#debb72;border-bottom-color:rgba(201,145,49,.34);} .game-context .badge{border:1px solid rgba(201,145,49,.34);border-radius:999px;font-weight:700;letter-spacing:.2px;} .game-context .badge.text-bg-danger{background:rgba(146,52,40,.9)!important;color:#f4cec5!important;border-color:rgba(196,84,66,.55);} .game-context .badge.text-bg-success{background:rgba(62,94,57,.9)!important;color:#cfe6c3!important;border-color:rgba(110,150,98,.5);} .game-context .badge.text-bg-secondary{background:rgba(72,54,32,.9)!important;color:#e6d3aa!important;border-color:rgba(201,145,49,.42);} .game-context .badge.text-bg-warning{background:rgba(126,89,29,.9)!important;color:#f2dba6!important;border-color:rgba(211,160,70,.5);} .game-context{--bs-border-color:rgba(201,145,49,.26);} .game-context .city-switcher{border-radius:7px!important;border-color:rgba(211,162,72,.32)!important;background:linear-gradient(180deg,rgba(48,33,19,.82),rgba(25,18,12,.9))!important;box-shadow:inset 0 1px rgba(255,226,163,.045),0 8px 22px rgba(0,0,0,.18);} .game-context .activity-card{border-radius:7px!important;border-color:rgba(201,153,67,.25)!important;background:linear-gradient(180deg,rgba(44,31,19,.9),rgba(24,18,12,.94))!important;box-shadow:0 7px 18px rgba(0,0,0,.19);} .game-context .activity-card:hover{border-color:rgba(231,185,92,.58)!important;} .game-context .activity-type{color:#e8c377!important;font-family:Georgia,serif;letter-spacing:.2px;} .game-context .activity-countdown{color:#a9c882!important;} .game-context .map-shell{ border-radius:8px!important;border:1px solid rgba(216,169,80,.43)!important; box-shadow:0 22px 54px rgba(0,0,0,.46),0 0 0 1px rgba(61,37,17,.86),inset 0 0 0 1px rgba(255,220,146,.045)!important; } .game-context .map-shell::before{content:"";position:absolute;inset:0;z-index:12;pointer-events:none;border:7px solid transparent;border-image:linear-gradient(135deg,rgba(233,192,102,.36),rgba(73,43,17,.62),rgba(230,182,88,.27)) 1;box-shadow:inset 0 0 45px rgba(4,3,2,.38);} .game-context #worldMap{background:#0b2630!important;filter:saturate(.94) contrast(1.04);} .game-context .map-info{left:16px!important;bottom:16px!important;padding:8px 11px!important;border:1px solid rgba(220,174,85,.3);border-radius:5px!important;color:#dccca8;background:rgba(25,17,10,.88)!important;box-shadow:0 7px 20px rgba(0,0,0,.35);font-family:Georgia,serif;} .game-context .map-selection{right:16px!important;top:16px!important;border-radius:7px!important;border-color:rgba(226,181,91,.42)!important;background:linear-gradient(180deg,rgba(46,31,18,.98),rgba(22,16,10,.985))!important;box-shadow:0 18px 42px rgba(0,0,0,.52)!important;} .game-context .map-selection::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,201,116,.44),transparent);} .game-context .map-selection h3{color:#f0cf82;font-size:22px;} .game-context .map-selection .meta{color:#c0b08e!important;} .game-context .map-toolbar{padding:8px 10px;border:1px solid rgba(207,158,71,.22);border-radius:7px;background:rgba(39,27,17,.55);} .game-context .map-legend{padding:6px 8px;border-left:2px solid rgba(224,178,85,.46);} .game-context .map-dot{box-shadow:0 0 0 1px rgba(0,0,0,.75),0 0 8px currentColor;} .game-context .map-filter{font-size:11px;min-height:34px;} .game-context .map-filter.active{box-shadow:inset 0 0 0 1px rgba(245,208,124,.42),0 0 12px rgba(204,149,51,.09)!important;} .game-context .resource-strip{gap:7px!important;margin:12px 0 14px!important;} .game-context .resource-box{ position:relative;overflow:hidden;border-radius:7px!important;padding:10px 11px!important;border-color:rgba(206,157,70,.28)!important; background:linear-gradient(180deg,rgba(49,34,19,.93),rgba(25,18,12,.96))!important;box-shadow:inset 0 1px rgba(255,228,170,.05),0 7px 18px rgba(0,0,0,.2); } .game-context .resource-box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(222,177,85,.48),transparent);opacity:.6;} .game-context .resource-box strong{font-family:Georgia,serif;color:#f0ca77!important;text-shadow:0 2px 3px #000;} .game-context .resource-progress{background:#171008!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.7);} .game-context .resource-progress>span{background:linear-gradient(90deg,#8c642b,#e0b75f,#f3d58a)!important;box-shadow:0 0 7px rgba(225,181,91,.32);} .game-context .resource-box__label{color:#e8dcc4;} @media(max-width:760px){ .game-context .resource-strip{gap:6px!important;margin:0 0 11px!important;} .game-context .resource-box{padding:7px 9px!important;} } .game-context .city-viewport{ height:min(72vh,760px)!important;min-height:480px!important;border-radius:8px!important;border:1px solid rgba(219,173,84,.42)!important; background: radial-gradient(circle at 52% 45%,rgba(209,172,101,.15),transparent 37%), linear-gradient(180deg,#5c6040 0%,#4e5637 52%,#39462f 100%)!important; box-shadow:inset 0 0 70px rgba(11,14,8,.5),0 18px 44px rgba(0,0,0,.38);isolation:isolate; } .game-context .city-viewport::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.33;background:radial-gradient(circle at 12% 15%,rgba(255,232,167,.17),transparent 17%),radial-gradient(circle at 83% 18%,rgba(28,51,29,.34),transparent 22%),radial-gradient(circle at 76% 84%,rgba(17,45,51,.32),transparent 28%);} .game-context .city-viewport::after{content:"";position:absolute;inset:0;z-index:100;pointer-events:none;box-shadow:inset 0 0 75px rgba(12,8,4,.56),inset 0 0 0 6px rgba(49,30,13,.25);} .game-context .city-canvas{ z-index:1!important; background-color:#676245!important; background-image: linear-gradient(30deg,rgba(245,220,160,.045) 12%,transparent 12.5%,transparent 87%,rgba(245,220,160,.045) 87.5%), linear-gradient(150deg,rgba(245,220,160,.045) 12%,transparent 12.5%,transparent 87%,rgba(245,220,160,.045) 87.5%), linear-gradient(30deg,rgba(27,39,23,.11) 12%,transparent 12.5%,transparent 87%,rgba(27,39,23,.11) 87.5%), linear-gradient(150deg,rgba(27,39,23,.11) 12%,transparent 12.5%,transparent 87%,rgba(27,39,23,.11) 87.5%), radial-gradient(circle at 50% 45%,rgba(221,183,112,.17),transparent 42%)!important; background-size:72px 42px,72px 42px,72px 42px,72px 42px,100% 100%!important; background-position:0 0,0 0,36px 21px,36px 21px,0 0!important; box-shadow:inset 0 0 90px rgba(22,25,15,.23); } .game-context .city-canvas::before{background:linear-gradient(180deg,rgba(255,233,178,.045),rgba(27,33,20,.13))!important;} .game-context .city-item{ overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important; display:flex;align-items:flex-end!important;justify-content:center!important;padding-bottom:20px;transition:filter .16s ease,transform .16s ease!important; } .game-context .city-item::before{ content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:14px;height:26%;border-radius:50%; background:radial-gradient(ellipse,rgba(17,13,7,.46),rgba(17,13,7,.17) 52%,transparent 72%);filter:blur(2px);transform:skewX(-10deg); } .game-context .city-item>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;} .game-context .city-item img{max-width:96%!important;max-height:84%!important;object-fit:contain!important;filter:drop-shadow(0 9px 7px rgba(0,0,0,.52)) saturate(.95) contrast(1.02);transition:filter .16s ease,transform .16s ease;} //.game-context .city-item img{max-width:110%!important;max-height:115%!important;object-fit:contain!important;} .game-context .city-item .ico{font-size:48px!important;line-height:1!important;filter:drop-shadow(0 8px 5px rgba(0,0,0,.54));transform:translateY(-2px);} .game-context .city-item .lbl{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);min-width:max-content;padding:3px 8px;border:1px solid rgba(211,166,77,.36);border-radius:4px;background:rgba(31,21,12,.9);color:#f1d28b;font:700 11px/1 Georgia,serif;text-shadow:0 1px 2px #000;box-shadow:0 4px 9px rgba(0,0,0,.32);} .game-context .city-item .lvl{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);min-width:max-content;color:#b7a47c!important;font-size:9px!important;text-shadow:0 1px 2px #000;} .game-context .city-item[data-kind="building"]:hover{z-index:30;filter:brightness(1.08)!important;} .game-context .city-item[data-kind="building"]:hover img{filter:drop-shadow(0 11px 8px rgba(0,0,0,.58)) drop-shadow(0 0 10px rgba(229,184,91,.2)) saturate(1.03);} .game-context .city-item.stage-2::after,.game-context .city-item.stage-3::after,.game-context .city-item.stage-4::after{content:"";position:absolute;left:20%;right:20%;bottom:9px;height:3px;background:linear-gradient(90deg,transparent,rgba(223,175,80,.55),transparent);} .game-context .city-item.stage-3::after{background:linear-gradient(90deg,transparent,rgba(237,194,95,.7),transparent);box-shadow:0 0 8px rgba(225,174,73,.22);} .game-context .city-item.stage-4::after{background:linear-gradient(90deg,transparent,#f2cf7c,transparent);box-shadow:0 0 12px rgba(235,187,83,.38);} .game-context .city-item.fixed::after{content:"🔒";position:absolute;right:6px;top:4px;left:auto;bottom:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(35,22,12,.82);font-size:10px;} .game-context .city-item.editable{outline:1px dashed rgba(244,204,117,.72)!important;outline-offset:4px;background:rgba(224,179,85,.035)!important;} .game-context .city-item.dragging{z-index:1000;filter:brightness(1.12)!important;} .game-context .city-decor{padding-bottom:0!important;} .game-context .city-decor::before{display:none;} .game-context .city-decor .ico{font-size:38px!important;} .game-context .city-help{left:16px!important;bottom:16px!important;border:1px solid rgba(218,171,80,.25);border-radius:5px!important;color:#d8c8a6!important;background:rgba(31,21,12,.78)!important;font-family:Georgia,serif;box-shadow:0 5px 15px rgba(0,0,0,.3);} .game-context .city-toolbar{padding:7px 8px;margin:10px 0!important;border:1px solid rgba(206,157,70,.2);border-radius:6px;background:rgba(38,26,16,.53);} .game-context .city-toolbar .btn{min-height:34px!important;font-size:11px;} .game-context .city-selection{border-color:rgba(219,171,80,.35)!important;background:linear-gradient(180deg,rgba(49,33,19,.96),rgba(24,17,11,.98))!important;} .game-context .construction-card{border-radius:7px!important;border-color:rgba(202,155,69,.25)!important;background:linear-gradient(180deg,rgba(49,34,20,.68),rgba(27,19,13,.72))!important;} @media (max-width:1200px){.game-world-chip{display:none;}} @media (max-width:760px){ .game-context .shell{width:calc(100% - 14px);} .game-context > header{min-height:62px;} .game-context header .shell{min-height:62px;padding:7px 0;} .antik-brand-emblem{width:39px;height:39px;flex-basis:39px;font-size:23px;} .antik-brand-copy strong{font-size:16px;letter-spacing:1.1px;} .antik-brand-copy small{display:none;} .game-context header nav{top:55px;width:min(300px,calc(100vw - 20px));padding:9px;border-color:rgba(211,161,74,.32);border-radius:8px;background:linear-gradient(180deg,rgba(43,29,18,.99),rgba(20,14,10,.99));} .game-context main{padding:10px 0 calc(82px + env(safe-area-inset-bottom));} .game-context .mobile-world-nav{grid-template-columns:repeat(6,1fr);gap:1px;padding:4px 3px calc(4px + env(safe-area-inset-bottom));border-top:1px solid rgba(224,177,86,.47);background:linear-gradient(180deg,rgba(39,27,17,.99),rgba(15,11,8,.997));box-shadow:0 -10px 28px rgba(0,0,0,.48),inset 0 1px rgba(255,219,143,.05);backdrop-filter:blur(16px);} .game-context .mobile-world-nav a{min-height:55px;gap:2px;padding:4px 1px;border:1px solid transparent;border-radius:5px;color:#9d8f77;font:700 9px/1.04 Georgia,serif;} .game-context .mobile-world-nav a .nav-ico{font-size:20px;} .game-context .mobile-world-nav a.active{color:#ffe09a;border-color:rgba(214,165,75,.31);background:radial-gradient(circle at 50% 100%,rgba(207,151,53,.25),transparent 72%),rgba(101,66,29,.16);} .game-context .city-viewport{height:min(64vh,calc(100dvh - 250px))!important;min-height:370px!important;} .game-context .city-item .lbl{font-size:9px;max-width:115px;overflow:hidden;text-overflow:ellipsis;} .game-context .city-item .lvl{font-size:8px!important;} .game-context .map-selection{top:9px!important;right:9px!important;width:calc(100% - 18px)!important;max-height:48%!important;} .game-context .map-toolbar{padding:7px;} } @media (min-width:761px) and (max-width:1100px){ .game-context .world-quick-nav .shell > a{min-width:auto;padding-left:9px;padding-right:9px;} .world-nav-icon{font-size:17px;} } a[href],button:not(:disabled),.btn:not(:disabled),[role="button"],summary,select,label[for],input[type="button"],input[type="submit"],input[type="reset"],[data-map-filter],[data-map-movements],[data-map-goto],[data-map-home],[data-map-zoom],[data-city-item][data-movable="1"],[data-decor-picker] [data-decoration],[data-target-results] [data-target-item]{cursor:pointer} button:disabled,.btn:disabled,input:disabled,select:disabled,[aria-disabled="true"]{cursor:not-allowed}