:root{color-scheme:dark;--blue:#07085e;--light:#f4f5ff;--mute:#b0bbed;--edge:#fafbff;--gold:#ffdc82;--green:#88efb1}*{box-sizing:border-box}body{margin:0;background:#020317;color:var(--light);font:16px/1.7 system-ui,-apple-system,'Segoe UI','Yu Gothic','Meiryo',sans-serif;letter-spacing:.03em}button,select,a,input{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer;background:none;border:0;text-align:left;padding:9px 14px 9px 32px;position:relative;line-height:1.6}button:before,a.primary:before{content:'☛';position:absolute;left:8px;top:9px;color:#fff;opacity:0}button:hover:not(:disabled):before,button:focus-visible:before,button.active:before,a.primary:hover:before,a.primary:focus-visible:before{opacity:1}button:hover:not(:disabled),button:focus-visible{color:#ffecb1;background:#3438a7}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px dashed #ffecb1;outline-offset:2px}button:disabled{opacity:.35;cursor:default}h1,h2,h3,p{margin:0 0 12px}h1{font-size:clamp(30px,5vw,60px);line-height:1.7;font-weight:400;letter-spacing:.15em}h2{font-size:24px;font-weight:400}h3{font-size:18px;font-weight:400}.ambience{position:fixed;inset:0;z-index:-1;background:radial-gradient(1px 1px at 20% 15%,#fff 90%,transparent),radial-gradient(2px 2px at 73% 31%,#99caff 90%,transparent),radial-gradient(1px 1px at 36% 59%,#fff 90%,transparent),radial-gradient(1px 1px at 90% 79%,#fff 90%,transparent),#020317;background-size:180px 210px,250px 300px,150px 180px,330px 260px;animation:none}@keyframes stars{to{background-position:0 120px,0 80px,0 150px,0 100px}}header{max-width:1280px;margin:16px auto 0;display:flex;align-items:center;gap:8px;padding:10px 18px;flex-wrap:wrap}.brand{font-size:20px;display:flex;gap:10px}.brand small{display:none}#resources{margin-left:auto;display:flex;gap:18px;white-space:nowrap}header button{font-size:13px;padding:7px 8px 7px 26px}header button:before{top:7px;left:7px}main{max-width:1280px;padding:24px 14px 110px;margin:auto;min-width:0}.panel,.realm,.sectionHead,header,#nav,dialog,.notice,.battleTop,.battleMessage,.armySlots{background:var(--blue);border:3px solid var(--edge);border-radius:7px;box-shadow:inset 0 0 0 2px #5c65ac,0 0 0 2px #24263c,4px 5px 0 #0009}.panel,.notice{padding:20px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;margin-bottom:18px}.sectionHead h2{margin:0}.eyebrow,.realmLabel,.brand small,.landingTags{display:none}.subtle{font:14px/1.8 system-ui,-apple-system,'Segoe UI','Yu Gothic','Meiryo',sans-serif;color:var(--mute)}.sectionHead .subtle{font-size:14px;max-width:48%;text-align:right}.primary{display:inline-block;background:transparent;color:var(--light);padding:10px 18px 10px 34px;border:2px solid #9ca8dd;position:relative;font-weight:400}.primary:hover{background:#3438a7}.primary span{display:none}.landing{margin:12px auto 20px;max-width:1000px;min-height:630px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:linear-gradient(#0408218a,#050729ce),url('assets/citadel.webp') center/cover;border:3px solid #fafbff;box-shadow:inset 0 0 0 3px #6774c1}.landing h1{color:#fff;text-shadow:3px 3px #03053e,5px 5px #6583d4}.landing>p{font-size:16px;line-height:2.2;text-shadow:2px 2px #030320}.landing .primary{margin-top:32px;background:var(--blue);min-width:250px}.landing .primary:before{opacity:1;animation:cursorBlink 1s steps(2,end) infinite}.landing #connection{margin-top:20px;font-size:13px}.campaignGrid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.realm{padding:17px;min-width:0}.route{display:flex;flex-direction:column;gap:4px}.stageNode{width:100%;display:flex;align-items:center;gap:16px;padding:13px 6px 13px 29px;border:0;background:none;box-shadow:none;min-height:0;transform:none!important}.stageNode b{font-size:12px;width:36px;flex:none;color:#c3cfff;letter-spacing:0}.stageNode span{font-size:17px;line-height:1.6}.stageNode.active{background:#2b3198;color:#fff2a5}.stageNode.done b{color:var(--green)}.stageDetail{display:flex;flex-direction:column;justify-content:center;padding:26px;min-width:0}.stageDetail .story{font-size:17px;line-height:2.1;margin:20px 0 28px}.stageDetail .primary{align-self:flex-start;margin:20px 0 12px}.stageSeal{font-size:55px;line-height:1.3;color:#ffeda7;text-align:center;border-bottom:2px solid #414e99;padding:10px 0 22px;margin-bottom:25px}.chips{display:flex;gap:12px;flex-wrap:wrap}.chip{font-size:13px;color:#bfd3ff}.armySlots{display:flex;flex-wrap:wrap;padding:14px;gap:10px;margin-bottom:18px;align-items:center}select{background:#0b0c6d;color:#fff;border:2px solid #8799da;padding:9px;max-width:100%;font-size:14px}.armySlots select{flex:1 1 220px}.grid{display:flex;flex-direction:column;gap:12px}.unitcard{display:grid;grid-template-columns:125px 1fr 1fr 180px;column-gap:25px;row-gap:2px;align-items:center;padding:14px 20px;position:relative}.unitcard .portrait{grid-column:1;grid-row:1/5;height:135px;margin:0;padding:0;background:none;display:grid;place-items:center}.unitcard .portrait img{display:none}.unitcard .portrait svg{width:105px;height:128px;image-rendering:pixelated;shape-rendering:crispEdges}.unitcard .rank{position:static;grid-column:2;grid-row:2;font-size:16px;color:#ffe19b}.unitcard .eyebrow{display:block;grid-column:2;grid-row:3;letter-spacing:0;font-size:13px;color:#c7cfff;margin:0}.unitcard h3{grid-column:2;grid-row:1;font-size:23px;margin:0}.unitcard .stats{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:14px}.unitcard p:not(.eyebrow){grid-column:3;grid-row:3/5;font-size:13px;color:#aab9ed;margin:0}.unitcard .cardActions{grid-column:4;grid-row:1/5}.cardActions{display:flex;flex-wrap:wrap;gap:5px}.cardActions button{font-size:14px;white-space:nowrap}.item{display:grid;grid-template-columns:55px minmax(160px,1fr) minmax(180px,1.1fr) 150px minmax(180px,1fr);gap:12px;align-items:center;padding:14px}.itemIcon{font-size:32px;grid-column:1;grid-row:1/3;color:#ffffa5}.item .eyebrow{display:block;grid-column:2;grid-row:2;font-size:12px;letter-spacing:0;color:#acb7e3;margin:0}.item h3{grid-column:2;grid-row:1;font-size:17px;margin:0}.item p.subtle{grid-column:3;grid-row:1/3;margin:0;font-size:12px}.item select{grid-column:4;grid-row:1/3}.item .cardActions{grid-column:5;grid-row:1/3}.item.r1 h3{color:#99f0bc}.item.r2 h3{color:#d3acff}.item.r3 h3{color:#ffdf77}.itemIcon{image-rendering:pixelated}.arenaRow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0}.arenaRow strong{font-size:18px;font-weight:400}.arenaRow small{display:block;color:#abbced;margin-top:5px}#opponents>h3{margin-top:24px}#opponents>p{background:#09094c;padding:8px 14px}.battleTop{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;margin-bottom:12px}.battleTop h2{margin:0;font-size:20px}.round{font-size:14px;color:#ffdf83;white-space:nowrap}.battleLayout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:14px}.battleLayout>div,.battleAside{min-width:0}.boardWrap{position:relative;width:100%;min-width:0;max-width:100%;overflow:auto;border:3px solid #f6faff;border-radius:5px;background:#07152f;box-shadow:inset 0 0 0 2px #6377ad;scroll-behavior:smooth}.boardWrap svg{display:block;width:100%;min-width:630px;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;image-rendering:pixelated}.boardWrap [data-unit],.boardWrap [data-q]{cursor:pointer}.boardWrap [data-q]:hover>polygon:nth-child(2){filter:brightness(1.3)}.unitToken{transition:opacity .1s}.unitToken text{font-family:system-ui,'Yu Gothic','Meiryo',sans-serif}.unitArt{transform-origin:0 0}.unitToken.is-walking .unitArt{animation:stepHop .16s steps(2,end) infinite}.unitToken.is-walking .feet{animation:feet .16s steps(2,end) infinite}.unitToken.is-hurt .unitArt{animation:hurt .1s steps(2,end) 4}.unitToken.is-casting .unitArt{filter:drop-shadow(0 0 6px #8defff)}@keyframes stepHop{50%{translate:0 -3px}}@keyframes feet{50%{transform:translateX(1px)}}@keyframes hurt{50%{opacity:.15;filter:brightness(3)}}.battleAside{display:flex;flex-direction:column;gap:12px}.battleAside .panel{padding:14px}.battleAside h3{font-size:22px}.battleAside .subtle{font-size:13px}.battleAside button{width:100%;padding:8px 8px 8px 30px;font-size:15px}.battleAside button.active{color:#ffe395;background:#303594}.battleAside .primary{border:0}.battleLog{max-height:160px;overflow:auto;font-size:12px;color:#b2c1ed}.battleLog p{margin:0 0 6px}.battleMessage{padding:10px 15px;margin-top:12px;min-height:52px;font-size:15px}.legend{font-size:12px;color:#9badc6;line-height:1.9;margin:10px 3px}.fxLayer{pointer-events:none}.fxNumber{font:20px system-ui,'Yu Gothic','Meiryo',sans-serif;paint-order:stroke;stroke:#050317;stroke-width:4px;fill:#fff}.fxNumber.heal{fill:#83ff9f}.walkTrail{fill:none;stroke:#fff3a4;stroke-width:3;stroke-dasharray:5 5;pointer-events:none}.turnBanner{fill:#f2f5ff;font:22px system-ui,'Yu Gothic','Meiryo',sans-serif;paint-order:stroke;stroke:#020438;stroke-width:5px}.pixelSprite{shape-rendering:crispEdges}#nav{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:20;display:flex;padding:5px;gap:5px}#nav[hidden]{display:none}#nav button{min-width:125px;padding:10px 12px 10px 33px;font-size:17px}#nav button span{font-size:16px;margin-left:9px}#nav button.active{background:#343a9b;color:#fff6aa}body.in-battle #nav{display:none}dialog{max-width:680px;width:calc(100% - 28px);padding:35px;max-height:85vh;overflow:auto;color:#fff}dialog::backdrop{background:#000b}.close{position:absolute;right:10px;top:10px;padding:0 6px;font-size:24px}.close:before{display:none}.reportTitle{font-size:34px;color:#ffedb4;text-align:center;margin:20px 0}.reportLoot{border:2px solid #9ba7dd;padding:20px;margin:24px 0;text-align:center}.reportLoot h3{color:#ffdfa0;margin-top:12px}#toast{display:none;position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:99;max-width:90vw;background:#080b6f;border:3px solid #fff;border-radius:5px;box-shadow:0 0 0 2px #384773;padding:13px 20px;font-size:14px}#toast.show{display:block}body.busy button{pointer-events:none}body.busy .boardWrap{cursor:progress}@keyframes cursorBlink{50%{opacity:.15}}@media(max-width:1000px){header{margin:10px 14px 0}.campaignGrid{grid-template-columns:270px minmax(0,1fr)}.unitcard{grid-template-columns:90px 1fr 1fr;gap:12px}.unitcard .portrait{height:130px;grid-row:1/6}.unitcard .cardActions{grid-column:2/4;grid-row:5}.item{grid-template-columns:40px 1fr 1fr}.item select{grid-column:2;grid-row:3}.item .cardActions{grid-column:3;grid-row:3}.battleLayout{grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:700px){body{font-size:15px}header{margin:8px 10px 0;padding:10px;gap:4px}.brand{font-size:17px}.brand>span{letter-spacing:0}#resources{font-size:12px;gap:10px}header button{font-size:11px}main{padding:15px 10px 105px}.sectionHead{padding:12px;gap:10px;align-items:flex-start}.sectionHead h2{font-size:20px}.sectionHead .subtle{font-size:11px;max-width:44%}.campaignGrid{grid-template-columns:1fr}.realm{padding:10px}.route{display:grid;grid-template-columns:1fr 1fr;gap:4px}.stageNode{padding:9px 4px 9px 23px;gap:6px}.stageNode:before{left:3px}.stageNode b{width:21px;font-size:10px}.stageNode span{font-size:13px}.stageDetail{padding:20px}.stageDetail .story{font-size:15px;line-height:2}.stageSeal{display:none}.stageDetail .primary{margin-top:15px}.landing{min-height:600px;padding:35px 15px;background-position:60% center}.landing h1{font-size:34px;letter-spacing:.03em}.landing>p{font-size:14px}.unitcard{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);column-gap:12px;padding:14px 10px}.unitcard .portrait{height:110px}.unitcard .portrait svg{width:75px;height:100px}.unitcard h3{font-size:19px}.unitcard .rank{font-size:13px}.unitcard .eyebrow{font-size:10px}.unitcard .stats{font-size:11px;grid-template-columns:1fr 1fr;gap:3px}.unitcard p:not(.eyebrow){font-size:10px}.unitcard .cardActions button{font-size:13px;padding:6px 8px 6px 24px}.armySlots{padding:10px;gap:8px}.armySlots select{flex:1 1 43%;width:43%;font-size:11px;padding:8px 4px}.armySlots>.primary{font-size:13px}.item{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:14px 12px}.item h3,.item .eyebrow{grid-column:2}.item p.subtle{grid-column:2;grid-row:3;font-size:12px}.item select{grid-column:2;grid-row:4;width:100%;font-size:13px}.item .cardActions{grid-column:1/3;grid-row:5}.item .cardActions button{font-size:12px;padding-left:25px}.itemIcon{font-size:24px}.battleLayout{grid-template-columns:minmax(0,1fr);gap:10px}.battleAside{display:grid;grid-template-columns:1fr}.battleAside .panel:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.battleAside h3{grid-column:1;font-size:18px;margin-bottom:3px}.battleAside .subtle{grid-column:1;grid-row:2/6;font-size:12px;margin:0}.battleAside button{grid-column:2;font-size:13px;min-height:37px;padding:6px 2px 6px 23px}.battleAside button:before{top:6px;left:2px}.battleAside button:first-of-type{grid-row:1}.battleLog{display:none}.battleTop{padding:10px 12px}.battleTop h2{font-size:17px}.round{font-size:11px}.boardWrap svg{min-width:610px}.battleMessage{font-size:13px;padding:9px 11px;min-height:47px}.legend{font-size:11px;line-height:1.7}.arenaRow{padding:14px;gap:10px}.arenaRow strong{font-size:15px}.arenaRow button{font-size:12px;white-space:nowrap}.arenaRow small{font-size:11px}#nav{bottom:9px;width:calc(100% - 22px);gap:0;padding:5px}#nav button{min-width:0;width:25%;padding:7px 3px 7px 14px;font-size:13px}#nav button:before{left:0;top:7px;font-size:13px}#nav button span{font-size:13px;margin-left:3px}dialog{padding:34px 19px}.panel{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}}
.unitcard .portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #0008)}.unitcard .portrait{height:170px}.boardWrap svg{image-rendering:auto}.unitArt image{filter:drop-shadow(0 3px 2px #0009)}.boardWrap{background:radial-gradient(ellipse at 50% 30%,#263b4e,#0a1227 75%)}.battleRoster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.battleRoster button{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 25px;min-width:0;background:var(--blue);border:2px solid #7b87c1;border-radius:5px}.battleRoster button.active{border-color:#fff;background:#303594;box-shadow:inset 0 0 12px #7585db55}.battleRoster img{width:44px;height:64px;object-fit:contain;flex:none}.battleRoster span{font-size:15px}.battleRoster small{display:block;color:#bac9ee;font-size:11px}.battleRoster button:before{top:28px;left:5px}@media(max-width:700px){.unitcard .portrait{height:140px}.battleRoster{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.battleRoster button{padding:5px 6px 5px 19px;gap:5px}.battleRoster img{width:33px;height:49px}.battleRoster span{font-size:13px}.battleRoster small{font-size:10px}.battleRoster button:before{left:2px;top:17px}}
body.busy [data-speed]{pointer-events:auto}.battleTop{gap:8px;flex-wrap:wrap}.battleTop [data-speed]{font-size:12px;padding:5px 9px 5px 24px}.battleTop [data-speed]:before{top:5px;left:5px}.unitToken:focus-visible{outline:none}.unitToken:focus-visible>ellipse{stroke:#fff;stroke-width:5px}
.armyMenu{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 16px;background:var(--blue);border:2px solid #bcc7f2;padding:6px}.armyMenu .active{background:#303594}.formationList{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.commandPair .commander,.attachedCorps{display:flex;gap:16px;align-items:center}.commandPair img{width:80px;height:112px;object-fit:contain}.commandPair h3{font-size:20px}.commandPair h3 small{font-size:13px;color:#ffe7a7}.commandPair p{font-size:13px;line-height:1.9;color:#bec8ef}.attachedCorps{border-top:1px solid #667ab8;margin-top:12px;padding-top:14px}.attachedCorps>div{flex:1;min-width:0}.attachedCorps select{display:block;width:100%;font-size:12px}.attachedCorps label{font-size:12px}.corpsList{display:flex;flex-direction:column;gap:12px;margin-top:18px}.corpsRow{display:grid;grid-template-columns:125px 1fr 1fr;gap:20px;align-items:center}.corpsRow>img{width:125px;height:180px;object-fit:contain}.corpsRow h3 small{font-size:10px;color:#9eaed6}.corpsRow p{font-size:14px}.corpsRow progress{width:80%;display:block;height:8px;accent-color:#a8dbff}.corpsRow small{font-size:12px;color:#b8c6ee}.corpsCommands{display:flex;flex-direction:column;align-items:stretch;gap:8px}.corpsCommands label{font-size:12px}.corpsCommands select{display:block;width:100%;font-size:12px}.corpsCommands button{font-size:13px}.hireList{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hireRow{display:flex;gap:14px;align-items:center}.hireRow img{width:90px;height:140px;object-fit:contain}.hireRow>div{min-width:0}.hireRow h3{font-size:18px}.hireRow button{font-size:13px}.legionHeading{margin:32px 0 14px}.researchRow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0}.researchRow p,.researchRow button{font-size:14px}.territories{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 28px}.territories>div{border:1px solid #4d5791;background:#09094c;padding:9px;color:#8591b9;font-size:13px}.territories>.held{color:#ace6c4;border-color:#78ac9a}.siteStatus{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.siteStatus span{border:1px solid #727da4;background:#0b1244;padding:5px 10px;font-size:13px}.siteStatus .owner0{border-color:#80d7ff;color:#a8ddff}.siteStatus .owner1{border-color:#ff9292;color:#ffc0c0}.siteHelp{font-size:12px;margin:8px 0 14px}.battleRoster{grid-template-columns:repeat(4,minmax(0,1fr))}.corpsResults{border-top:1px solid #7580bf;margin-top:18px;padding-top:16px}.corpsResults p{font-size:13px}.battleAside .subtle{overflow-wrap:anywhere}
@media(max-width:700px){.armyMenu{display:grid;grid-template-columns:1fr 1fr}.armyMenu button{font-size:13px;padding:7px 4px 7px 22px}.armyMenu button:before{top:7px;left:3px}.formationList{grid-template-columns:1fr}.commandPair img{width:62px;height:92px}.commandPair h3{font-size:18px}.commandPair p{font-size:12px}.corpsRow{grid-template-columns:75px minmax(0,1fr);gap:12px}.corpsRow>img{width:75px;height:140px}.corpsRow h3{font-size:17px}.corpsRow p{font-size:12px}.corpsCommands{grid-column:1/3;border-top:1px solid #4b5a9a;padding-top:12px}.hireList{grid-template-columns:1fr}.hireRow img{width:75px;height:120px}.researchRow{display:block}.researchRow h3{font-size:18px}.territories{grid-template-columns:1fr}.battleRoster{grid-template-columns:repeat(2,minmax(0,1fr));max-height:236px;overflow-y:auto;overscroll-behavior:contain}.siteStatus span{font-size:11px;padding:4px}.siteHelp{font-size:11px}.battleAside .subtle{font-size:11px}}
.enemyPreview{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.enemyPreview span{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#c7d0ec;min-width:55px}.enemyPreview img{width:50px;height:70px;object-fit:contain}.stageDetail .stageSeal{display:none}
.commanderChoice{margin-top:16px}.commanderChoice .commander{display:flex;align-items:center;gap:20px}.commanderChoice img{width:85px;height:130px;object-fit:contain}.commanderChoice p{font-size:13px;margin-top:10px}.lockedSlot{opacity:.55;min-height:140px}.lockedSlot h3{font-size:18px}.formationArt{animation:none!important}.troopMember{transform-origin:0 0}.soldierBody{transform-origin:0 0;animation:none}.troopMember:nth-child(2n) .soldierBody{animation-delay:-1.1s}.troopMember:nth-child(3n) .soldierBody{animation-delay:-2s}.is-walking .soldierBody{animation:soldierStride .21s ease-in-out infinite}.is-walking .troopMember:nth-child(2n) .soldierBody{animation-delay:-.08s}.is-casting .soldierBody{animation:none}.is-hurt .formationArt{filter:brightness(1.35)}@keyframes soldierBreathe{50%{translate:0 -.45px}}@keyframes soldierStride{25%{rotate:-3deg}75%{rotate:3deg}}@media(prefers-reduced-motion:reduce){.soldierBody{animation:none!important}}
/* Compact in-game menu: keep CP accessible from every chapter and expedition. */
header.gameToolbar{gap:8px;padding:8px 12px}header.gameToolbar #resources{margin-left:0;margin-right:auto;gap:12px;flex-wrap:wrap;font-size:13px}header.gameToolbar .cpCorner{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 10px;border:1px solid #d9bd74;border-radius:4px;background:#171b59;color:#ffe6a0;font-size:14px;text-decoration:none;white-space:nowrap}header.gameToolbar .cpCorner:hover{background:#303594}header.gameToolbar .cpCorner:focus-visible{outline:2px solid #fff;outline-offset:2px}header.gameToolbar button{min-height:40px;font-size:13px}@media(max-width:480px){header.gameToolbar{gap:4px}header.gameToolbar #resources{flex-basis:100%;font-size:12px}header.gameToolbar .cpCorner{margin-right:auto}}