:root{
  --bg:#060b10;--panel:#0d151c;--panel-2:#111d27;--panel-3:#172633;--line:#263a47;
  --text:#f4f7f8;--muted:#91a3ae;--accent:#f2b84b;--accent-2:#39c6b0;--blue:#37a7ff;
  --danger:#ff6c6c;--success:#78d68a;--shadow:0 22px 60px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}
.boot{position:fixed;inset:0;z-index:200;background:#05090d;display:grid;place-content:center;text-align:center;gap:12px}.boot small{color:var(--muted)}.spinner{width:42px;height:42px;border:3px solid #24333d;border-top-color:var(--accent);border-radius:50%;margin:auto;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
button{border:1px solid var(--line);border-radius:8px;background:#111d26;padding:10px 14px;cursor:pointer;transition:.16s ease;font-weight:750;letter-spacing:.015em}button:hover{background:#172732;border-color:#456071;transform:translateY(-1px)}button:disabled{opacity:.38;cursor:not-allowed;transform:none}.primary{background:linear-gradient(180deg,#ffc85a,#eaa43c);color:#15100a;border:0;box-shadow:0 10px 30px rgba(229,159,47,.22)}.primary:hover{filter:brightness(1.05)}
.start-screen{position:fixed;inset:0;background:#07111a}.start-screen>canvas{position:absolute;inset:0;width:100%;height:100%}.start-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,14,.1),rgba(4,9,14,.58) 52%,rgba(4,9,14,.92)),radial-gradient(circle at 50% 15%,rgba(41,117,145,.2),transparent 42%)}
.site-header{position:relative;z-index:4;height:72px;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;background:rgba(7,12,17,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.brand-button{display:flex;align-items:center;gap:11px;padding:0;border:0;background:transparent}.brand-button:hover{background:transparent;transform:none}.brand-mark{width:43px;height:43px;border-radius:11px;background:linear-gradient(145deg,var(--accent),#d98327);display:grid;place-items:center;color:#140e08;font-weight:950;letter-spacing:-.08em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}.brand-copy{text-align:left}.brand-copy b,.brand b{display:block;font-size:14px;letter-spacing:.09em}.brand-copy small,.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;margin-top:2px}
.main-nav{display:flex;align-items:stretch;justify-content:center;height:72px;gap:4px}.nav-item{position:relative;border:0;border-radius:0;background:transparent;color:#aab5bc;padding:0 13px;font-size:12px;letter-spacing:.055em}.nav-item:hover{background:rgba(255,255,255,.035);transform:none;color:white}.nav-item.active{color:var(--accent)}.nav-item.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--accent)}.nav-item.has-dot:before{content:"";position:absolute;right:5px;top:19px;width:6px;height:6px;border-radius:50%;background:#ff5353;box-shadow:0 0 9px #ff5353}
.account-button{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:4px}.account-button:hover{background:rgba(255,255,255,.04);transform:none}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:950;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 3px rgba(255,255,255,.08)}.skin-ember{background:linear-gradient(135deg,#ffb64b,#6e2c6f)}.skin-ocean{background:linear-gradient(135deg,#4bc9ff,#253d9a)}.skin-forest{background:linear-gradient(135deg,#82e07b,#1e5a42)}.skin-midnight{background:linear-gradient(135deg,#a58cff,#172037)}.skin-sunrise{background:linear-gradient(135deg,#ff8e67,#ffd16b)}.skin-steel{background:linear-gradient(135deg,#ccd7df,#4c6272)}.skin-kurd{background:linear-gradient(135deg,#ed4040 0 33%,#fff 33% 66%,#2aa35d 66%)}.skin-royal{background:linear-gradient(135deg,#e8c15c,#7139a4)}.account-name{text-align:left}.account-name b{display:block;font-size:11px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-name small{font-size:8px;color:var(--muted);letter-spacing:.1em}
.front-page{position:relative;z-index:3;height:calc(100% - 72px);overflow:auto;padding:18px 0 42px}.front-section{display:none;width:min(1120px,calc(100% - 36px));margin:auto}.front-section.active{display:block}.news-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:rgba(8,22,34,.92);border:1px solid #1c3445;border-radius:9px;padding:12px 14px;margin-bottom:14px;box-shadow:var(--shadow)}.news-label{background:#0b806f;color:#d9fff8;padding:5px 8px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:.12em}.news-strip b{display:block;font-size:12px}.news-strip small{display:block;color:#8eabc0;font-size:10px;margin-top:2px}.news-strip button{border:0;background:transparent;color:#7ecfff;font-size:10px;padding:5px}
.identity-bar{height:58px;display:grid;grid-template-columns:1fr auto 96px;gap:10px;margin-bottom:14px}.identity-main,.identity-action,.flag-card{background:rgba(8,22,35,.94);border:1px solid #1b3245;border-radius:9px;display:flex;align-items:center}.identity-main{padding:0 16px;gap:12px}.identity-main b{font-size:18px}.identity-tag{font-weight:950;font-size:14px;border-bottom:2px solid var(--accent);padding:5px 10px}.identity-action{justify-content:center;font-size:10px;min-width:170px}.flag-card{position:relative;overflow:hidden}.flag-kurdistan{background:linear-gradient(#e54848 0 33.333%,#fff 33.333% 66.666%,#2f9d57 66.666%)}.flag-kurdistan:after{content:"✹";position:absolute;inset:0;display:grid;place-items:center;color:#f0bf2e;font-size:30px;text-shadow:0 1px #8b6400}.flag-iraq{background:linear-gradient(#d94747 0 33.333%,#fff 33.333% 66.666%,#111 66.666%)}.flag-iran{background:linear-gradient(#3b9d5a 0 33.333%,#fff 33.333% 66.666%,#da4545 66.666%)}.flag-turkey{background:#cf3131}.flag-turkey:after{content:"☾";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:30px}.flag-global{background:radial-gradient(circle,#48b9e6 0 28%,#173f72 30% 55%,#081526 58%)}.flag-europe{background:#2446a1}.flag-usa{background:linear-gradient(#c54747 0 14%,#fff 14% 28%,#c54747 28% 42%,#fff 42% 56%,#c54747 56% 70%,#fff 70% 84%,#c54747 84%)}
.match-browser{display:grid;grid-template-columns:1.45fr .72fr;gap:12px}.match-side-stack{display:grid;gap:12px}.featured-map-card{position:relative;height:322px;border:1px solid #263a46;border-radius:13px;overflow:hidden;padding:0;background:#081522;box-shadow:var(--shadow);text-align:left}.featured-map-card.compact{height:155px}.featured-map-card canvas{position:absolute;inset:0;width:100%;height:100%}.featured-map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,8,12,.88) 83%)}.featured-map-card:hover{transform:translateY(-2px);border-color:var(--accent)}.card-timer{position:absolute;z-index:2;right:9px;top:9px;background:#e6a338;color:#14100a;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:900}.map-card-footer{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:14px;display:flex;align-items:end;justify-content:space-between}.map-card-footer b{display:block;font-size:14px}.map-card-footer small{display:block;color:#b8c5cc;font-size:10px;margin-top:2px}.map-card-footer strong{font-size:10px;background:rgba(255,255,255,.1);padding:5px 8px;border-radius:5px}
.play-main-button{width:100%;height:48px;margin-top:12px;font-size:14px;letter-spacing:.05em}.play-option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.play-option-row button{height:44px;background:#0a1827;border-color:#1b3246}
.content-page{padding:26px 0 60px}.page-title{margin-bottom:22px}.page-title span,.card-kicker{font-size:10px;color:var(--accent);letter-spacing:.15em;font-weight:900}.page-title h1{margin:5px 0;font-size:34px}.page-title p{color:var(--muted);margin:0}.content-grid{display:grid;gap:14px}.content-grid.two{grid-template-columns:repeat(2,1fr)}.content-card,.settings-card{background:rgba(10,18,25,.92);border:1px solid #263845;border-radius:14px;padding:22px;box-shadow:var(--shadow)}.content-card h2,.settings-card h2{margin:7px 0 10px;font-size:18px}.content-card p,.settings-card p{color:#a9b7bf;line-height:1.55}.skin-store{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skin-shop-card{background:rgba(10,18,25,.92);border:1px solid #263845;border-radius:13px;overflow:hidden}.skin-preview{height:130px;display:grid;place-items:center}.skin-preview .avatar{width:72px;height:72px;font-size:18px}.skin-shop-card>div:last-child{padding:13px}.skin-shop-card b{display:block}.skin-shop-card small{color:var(--muted)}.skin-shop-card button{width:100%;margin-top:10px}.settings-layout,.clan-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card label{display:block;color:#c9d2d7;font-size:12px;margin-bottom:16px}.settings-card select,.settings-card input{width:100%;margin-top:7px}.settings-card select{background:#0c151c;color:white;border:1px solid #314652;border-radius:8px;padding:10px}.leaderboard-table{background:rgba(10,18,25,.92);border:1px solid #263845;border-radius:14px;overflow:hidden}.leader-row{display:grid;grid-template-columns:56px 1fr 120px 120px;align-items:center;padding:14px 18px;border-bottom:1px solid #1c2a33}.leader-row:last-child{border-bottom:0}.leader-row.header{font-size:10px;color:var(--muted);letter-spacing:.1em;background:#101a22}.leader-player{display:flex;align-items:center;gap:10px}.leader-rank{font-weight:950;color:var(--accent)}.stacked-actions{display:grid;gap:9px;margin-top:18px}.help-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.help-steps article{background:rgba(10,18,25,.92);border:1px solid #263845;border-radius:13px;padding:18px}.help-steps article>b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#161008}.help-steps h2{font-size:15px}.help-steps p{font-size:12px;color:var(--muted);line-height:1.5}
.game-screen{position:fixed;inset:0;background:#071018}.game-topbar{height:64px;display:grid;grid-template-columns:235px 1fr auto;align-items:center;padding:0 13px;background:#081117;border-bottom:1px solid #233540;z-index:8;position:relative}.brand{display:flex;gap:9px;align-items:center}.brand.compact .brand-mark{width:35px;height:35px}.brand b{display:block;font-size:12px}.brand small{font-size:9px;color:var(--muted)}.resource-strip{display:flex;justify-content:center;gap:8px}.resource{min-width:118px;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #223641;border-radius:8px;background:#0d1820}.resource>span{color:var(--accent);font-size:17px}.resource small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.resource b{font-size:11px}.speed-controls{display:flex;gap:5px;align-items:center}.speed-controls button{padding:8px 10px}.speed-controls .speed.active{background:var(--accent);color:#171008;border-color:var(--accent)}.game-profile{display:flex;gap:7px;align-items:center}.mini-flag{width:28px;height:19px;border-radius:3px;position:relative;display:inline-block;overflow:hidden}.game-profile b{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-stage{position:absolute;inset:64px 0 0;overflow:hidden;background:#08202e}.map-stage>canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.map-stage>canvas.dragging{cursor:grabbing}.spawn-overlay{position:absolute;z-index:7;left:50%;top:26px;transform:translateX(-50%);width:min(560px,calc(100% - 38px));background:rgba(7,14,20,.94);border:1px solid #426276;border-radius:13px;padding:17px 19px;box-shadow:0 22px 65px rgba(0,0,0,.48);text-align:center;pointer-events:none}.spawn-overlay h2{font-size:19px;margin:5px 0}.spawn-overlay p{font-size:12px;color:#b0c0c9;margin:6px 0 13px}.spawn-step{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:.16em}.spawn-actions{display:flex;align-items:center;justify-content:center;gap:12px}.spawn-actions span{font-size:10px;color:#9ed8ff}.spawn-actions button{pointer-events:auto;font-size:9px;padding:7px 10px}
.objective{position:absolute;top:14px;left:14px;z-index:5;width:250px;background:rgba(6,14,20,.9);border:1px solid #27404e;border-radius:9px;padding:10px 12px;box-shadow:var(--shadow)}.objective small{font-size:8px;color:var(--accent);letter-spacing:.12em}.objective b{display:block;font-size:11px;margin-top:4px}.objective-track{height:4px;background:#20323d;border-radius:4px;margin-top:8px;overflow:hidden}.objective-track i{display:block;height:100%;width:0;background:var(--accent)}.action-rail{position:absolute;z-index:5;left:14px;top:108px;display:grid;gap:6px}.action-rail button{width:66px;height:54px;padding:6px 4px;background:rgba(7,16,22,.92);border-color:#263e4b}.action-rail button.active{border-color:var(--accent);color:var(--accent)}.action-rail span{display:block;font-size:17px}.action-rail small{font-size:8px}.zoom-stack{position:absolute;z-index:5;right:14px;top:14px;display:grid;gap:5px}.zoom-stack button{width:38px;height:38px;padding:0;background:rgba(7,16,22,.92)}.mini-wrap{position:absolute;right:14px;bottom:14px;z-index:5;width:220px;background:#071117;border:1px solid #27404e;border-radius:9px;overflow:hidden}.mini-wrap canvas{display:block;width:100%;height:110px}.mini-wrap span{display:block;text-align:center;font-size:8px;color:var(--muted);padding:5px}.toast{position:absolute;z-index:20;left:50%;bottom:22px;transform:translateX(-50%);padding:10px 15px;border:1px solid #456473;background:#071117;border-radius:8px;font-size:11px;box-shadow:var(--shadow)}.tutorial{position:absolute;z-index:6;left:92px;bottom:15px;width:360px;display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;background:rgba(7,16,22,.94);border:1px solid #304c5a;border-radius:10px;padding:10px}.tutorial>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#171008;font-weight:950}.tutorial b{font-size:11px}.tutorial p{margin:2px 0 0;font-size:9px;color:var(--muted)}.tutorial button{padding:6px 8px;font-size:9px}
.context-panel{position:absolute;z-index:5;left:92px;right:248px;bottom:14px;min-height:80px;background:rgba(7,16,22,.94);border:1px solid #294351;border-radius:10px;padding:11px}.context-empty{display:flex;flex-direction:column;justify-content:center;height:56px}.context-empty b{font-size:12px}.context-empty span{font-size:9px;color:var(--muted);margin-top:3px}.context-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.context-title{display:flex;gap:9px;align-items:center}.nation-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.context-title small{font-size:8px;color:var(--muted)}.context-title b{display:block;font-size:12px}.context-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px}.context-stats span{font-size:8px;color:#a9b9c2}.context-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.context-actions button{padding:7px 9px;font-size:9px}.percent-group{display:flex}.percent-group button{border-radius:0}.percent-group button:first-child{border-radius:7px 0 0 7px}.percent-group button:last-child{border-radius:0 7px 7px 0}.percent-group button.active{background:var(--accent);color:#171008}
.drawer{position:absolute;z-index:12;top:12px;bottom:12px;width:355px;background:rgba(7,15,21,.98);border:1px solid #2a4350;border-radius:11px;box-shadow:var(--shadow);overflow:auto}.drawer.left{left:92px}.drawer.right{right:14px}.drawer-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#0b161e;padding:14px;border-bottom:1px solid #263b47;z-index:2}.drawer-head small{font-size:8px;color:var(--accent);letter-spacing:.11em}.drawer-head h3{font-size:15px;margin:3px 0 0}.drawer-head button{padding:5px 9px}.build-list{padding:10px}.build-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #253944;border-radius:9px;background:#0d1921;margin-bottom:8px;cursor:pointer}.build-card:hover{border-color:var(--accent);background:#12232d}.build-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#1b303b;color:var(--accent);font-size:19px}.build-card b{font-size:11px}.build-card p{font-size:8px;color:var(--muted);margin:3px 0 0;line-height:1.4}.cost{text-align:right;font-size:8px;color:#cbd4d8}.drawer-note{margin:0 10px 12px;padding:10px;border-radius:8px;background:#12222c;color:#9eafb8;font-size:9px}.network-summary,.diplomacy-list{padding:10px}.network-card,.diplo-card{border:1px solid #263b47;border-radius:9px;padding:11px;background:#0d1921;margin-bottom:8px}.network-card b{display:block;font-size:11px}.network-card span{font-size:9px;color:var(--muted)}.network-meter{height:5px;background:#243640;border-radius:4px;overflow:hidden;margin-top:9px}.network-meter i{display:block;height:100%;background:var(--accent)}.diplo-card-head{display:flex;justify-content:space-between;font-size:10px}.diplo-card-head span{color:var(--muted)}.diplo-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.diplo-actions button{font-size:8px;padding:6px 8px}
.modal{position:fixed;inset:0;z-index:100;background:rgba(2,6,9,.78);display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(940px,100%);max-height:min(88vh,900px);overflow:auto;background:#0b1218;border:1px solid #304550;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.65);padding:25px}.modal-close{position:absolute;right:13px;top:13px;width:34px;height:34px;padding:0;z-index:2}.modal-card h2{font-size:25px;margin:5px 0 15px}.modal-card p{color:#aab7bd;line-height:1.5}.eyebrow{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:.15em}.modal-tabs{display:flex;border-bottom:1px solid #263843;margin:0 -25px 18px;padding:0 25px}.modal-tab{border:0;border-radius:0;background:transparent;color:#8999a2;padding:12px 16px;font-size:10px}.modal-tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.account-panel{border:1px solid #263b47;border-radius:11px;background:#101820;padding:22px;text-align:center}.account-panel .avatar{width:72px;height:72px;margin:0 auto 10px;font-size:18px}.profile-form,.setup-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.profile-form label,.setup-field{display:block;font-size:10px;color:#afbdc5}.profile-form input,.profile-form select,.setup-field select,.setup-field input{width:100%;margin-top:6px;background:#0b141a;color:white;border:1px solid #304550;border-radius:8px;padding:10px}.flag-picker,.skin-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.flag-choice,.skin-choice{height:56px;border:1px solid #314650;border-radius:8px;background:#101b23;padding:6px;position:relative}.flag-choice.active,.skin-choice.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.flag-choice .flag-card{height:100%;width:100%;border:0}.skin-choice .avatar{margin:auto}.setup-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.setup-map-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.setup-map-card{height:128px;position:relative;overflow:hidden;border:1px solid #2a414e;border-radius:10px;background:#0a1923;text-align:left;padding:0}.setup-map-card canvas{position:absolute;inset:0;width:100%;height:100%}.setup-map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,10,14,.9))}.setup-map-card span{position:absolute;z-index:1;left:10px;bottom:9px}.setup-map-card b{display:block;font-size:11px}.setup-map-card small{font-size:8px;color:#bdc9cf}.setup-map-card.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(242,184,75,.18)}.setup-options{display:grid;gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #263b47;background:#101a21;border-radius:8px;padding:10px}.toggle-row span{font-size:10px}.toggle-row input{accent-color:var(--accent)}.range-output{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:var(--muted)}.setup-footer{display:flex;gap:10px;margin-top:18px}.setup-footer button{flex:1}.lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lobby-box{border:1px solid #263b47;border-radius:9px;background:#101a21;padding:14px}.lobby-code{font-size:24px;letter-spacing:.18em;color:var(--accent);font-weight:950;margin:9px 0}.player-slot{display:flex;align-items:center;justify-content:space-between;border:1px solid #263b47;border-radius:8px;padding:9px;margin-top:7px}.player-slot span{font-size:10px}.player-slot small{color:var(--muted)}
@media(max-width:1000px){.site-header{grid-template-columns:auto 1fr auto;padding:0 14px}.brand-copy{display:none}.main-nav{overflow-x:auto;justify-content:flex-start}.nav-item{padding:0 9px}.account-name{display:none}.resource{min-width:auto}.resource small{display:none}.game-topbar{grid-template-columns:180px 1fr auto}.help-steps{grid-template-columns:repeat(2,1fr)}.skin-store{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html,body{overflow:auto}.start-screen{position:min-height;min-height:100vh;position:relative}.site-header{height:58px;grid-template-columns:auto 1fr auto;gap:8px}.main-nav{height:58px}.nav-item{font-size:9px}.front-page{height:auto;min-height:calc(100vh - 58px)}.front-section{width:calc(100% - 20px)}.news-strip{grid-template-columns:auto 1fr}.news-strip button{display:none}.identity-bar{grid-template-columns:1fr 70px}.identity-action{display:none}.match-browser{grid-template-columns:1fr}.featured-map-card{height:235px}.match-side-stack{grid-template-columns:1fr 1fr}.featured-map-card.compact{height:135px}.play-option-row{grid-template-columns:1fr}.content-grid.two,.settings-layout,.clan-layout,.setup-layout,.profile-form,.setup-form-grid{grid-template-columns:1fr}.skin-store{grid-template-columns:1fr 1fr}.help-steps{grid-template-columns:1fr}.game-topbar{height:56px;grid-template-columns:auto 1fr auto}.game-topbar .brand div{display:none}.resource-strip{justify-content:flex-start;overflow-x:auto}.resource{padding:5px 7px}.resource:nth-child(n+4){display:none}.speed-controls .speed,.game-profile{display:none}.map-stage{inset:56px 0 0}.objective{left:7px;top:7px;width:210px}.action-rail{left:7px;top:96px}.action-rail button{width:52px;height:47px}.action-rail small{font-size:7px}.context-panel{left:7px;right:7px;bottom:7px}.mini-wrap{display:none}.tutorial{display:none}.drawer{width:calc(100% - 72px);top:7px;bottom:7px}.drawer.left{left:63px}.drawer.right{right:7px}.zoom-stack{right:7px;top:7px}.context-grid{grid-template-columns:1fr}.context-actions{justify-content:flex-start}.modal-card{padding:18px}.setup-map-card{height:105px}.modal-tabs{margin:0 -18px 16px;padding:0 18px}.leader-row{grid-template-columns:36px 1fr 70px}.leader-row>:last-child{display:none}}