.section-page{padding-bottom:18px}.section-page .page-title{margin:7px 0}
.section-hero{position:relative;height:160px;margin:0 0 7px;overflow:hidden;border:1px solid #45484a;border-radius:7px;background:#17191a;box-shadow:0 1px 3px #000}
.section-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.section-hero::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#101112e8,transparent)}
.section-hero strong{position:absolute;z-index:1;right:10px;bottom:8px;left:10px;color:#e7c66e;font:700 17px/1.2 "Trebuchet MS",Verdana,sans-serif;text-shadow:0 1px 3px #000}
.section-intro{margin:0;padding:9px 10px;color:#c6c6c6;text-align:center;font:13px/1.4 Verdana,sans-serif}
.section-list{display:grid;gap:6px;margin-top:7px}
.section-card{padding:9px;border:1px solid #3b3c3e;border-radius:7px;background:#292929;box-shadow:0 1px 2px #0008}
.section-card h2{margin:0 0 4px;color:#e1bf6b;text-align:center;font:700 16px/1.2 "Trebuchet MS",Verdana,sans-serif;text-shadow:0 1px #000}
.section-card p{margin:3px 0;color:#e5e5e2;text-align:center;font:13px/1.35 Verdana,sans-serif}
.section-card .section-muted{color:#aaa;font-size:12px}
.section-card .game-button{display:flex;align-items:center;justify-content:center;width:100%;margin-top:7px;text-decoration:none}
.section-card .game-button[aria-disabled="true"]{opacity:.65}
.section-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 7px}
.section-tabs:has(button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.section-tabs:has(button:nth-child(3)) .game-button{padding:0 3px;font-size:11px;letter-spacing:0}
.section-status{min-height:0;margin:0;text-align:center;color:#55d36b;font:700 12px/1.35 Verdana,sans-serif}
.section-status:not(:empty){margin-top:6px;padding:6px;border:1px solid #34583b;border-radius:6px;background:#1f2c22}
.section-row{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:6px 2px;border-bottom:1px solid #464749;font:13px/1.25 Verdana,sans-serif}
.section-row:last-child{border-bottom:0}.section-row img{width:36px;height:36px;object-fit:contain}.section-row strong{color:#e4c56d}.section-row .game-button{min-height:28px;margin:0;padding:0 8px;font-size:11px}
.section-page .bottom-nav{margin-top:8px}
.section-page #section-return[hidden]{display:none}
.skirmish-nearest,.skirmish-buffs,.skirmish-schedule{padding:8px;margin:0 0 7px;border:1px solid #3b3c3e;border-radius:7px;background:#292929;box-shadow:0 1px 2px #0008}
.skirmish-nearest{display:grid;grid-template-columns:48px 1fr;gap:3px 8px;align-items:center}
.skirmish-nearest h2,.skirmish-schedule h2{grid-column:1/-1;margin:0 0 3px;color:#e5e5e2;text-align:center;font:700 16px/1.2 "Trebuchet MS",Verdana,sans-serif}
.skirmish-icon{grid-row:2/5;width:46px;height:46px;border:1px solid #555;border-radius:5px;background:#17191a url('assets/menu-tiles.png') 100% 0/400% 200% no-repeat}
.skirmish-event-title{color:#38cce2;font:700 14px/1.2 Verdana,sans-serif}
.skirmish-countdown{margin:0;color:#e5e5e2;font:700 12px/1.35 Verdana,sans-serif}
.skirmish-countdown strong{color:#e7c66e}.skirmish-countdown span{color:#aaa;font-weight:400}
.skirmish-nearest .game-button{display:flex;align-items:center;justify-content:center;grid-column:1/-1;width:100%;margin-top:3px;text-decoration:none}
.skirmish-refresh{min-height:30px!important}
.skirmish-buffs h2{margin:0;color:#e5e5e2;text-align:center;font:700 15px/1.2 "Trebuchet MS",Verdana,sans-serif}
.skirmish-buffs>p{margin:3px 0 7px;color:#bcbcbc;text-align:center;font:12px/1.3 Verdana,sans-serif}
.skirmish-buff-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.skirmish-buff-options>div>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%}
.skirmish-buff-options>div>span{display:flex;align-items:center;justify-content:center;gap:4px;margin:4px 0;color:#b6b6b6;font:14px/19px Verdana,sans-serif}
.skirmish-buff-options img,.skirmish-glory img{width:19px;height:19px;object-fit:contain;vertical-align:middle}
.skirmish-glory{display:flex;align-items:center;justify-content:center;gap:4px;margin:3px 0;color:#999;font:12px/18px Verdana,sans-serif}
.skirmish-glory strong{color:#f4d465;font-weight:400;font-variant-numeric:tabular-nums}
.skirmish-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.skirmish-schedule h2{grid-column:1/-1}
.skirmish-round{display:grid;grid-template-columns:40px 1fr;gap:6px;align-items:center;min-width:0;padding:5px;border:1px solid #404244;border-radius:5px;background:#232527}
.skirmish-round img{width:38px;height:38px;object-fit:cover;border-radius:4px}
.skirmish-round div{display:grid;gap:2px;min-width:0}.skirmish-round strong{color:#38cce2;font:700 12px/1.2 Verdana,sans-serif}.skirmish-round span{color:#d5d5d5;font:11px/1.25 Verdana,sans-serif}
.skirmish-past{display:flex;align-items:center;justify-content:center;box-sizing:border-box;grid-column:1/-1;width:100%;margin-top:2px;text-decoration:none}
.skirmish-history{display:grid;gap:7px}
.skirmish-history-card{padding:8px}
.skirmish-history-card header{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center}
.skirmish-history-card header img{width:46px;height:46px;object-fit:cover;border:1px solid #555;border-radius:5px}
.skirmish-history-card h2{margin:0;color:#35c5db;font-size:15px;line-height:17px}
.skirmish-history-card header p{margin:2px 0;color:#aaa;font-size:11px}
.skirmish-history-card h3{margin:7px 0 3px;color:#20c335;text-align:center;font-size:12px}
.skirmish-history-list{margin:0;padding:0;list-style:none}
.skirmish-history-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;gap:5px;padding:4px 3px;border-bottom:1px solid #444;color:#ddd;font-size:11px}
.skirmish-history-list b{color:#f4d465}.skirmish-history-list em{color:#35c5db;font-style:normal}
.skirmish-history-total{margin:6px 0 0;color:#aaa;text-align:center;font-size:11px}.skirmish-history-total strong{color:#e9eaec}
.operation-nearest,.operation-boost,.operation-schedule{margin:0 0 7px;padding:8px;border:1px solid #3b3c3e;border-radius:7px;background:#292929;box-shadow:0 1px 2px #0008}
.operation-nearest{display:grid;grid-template-columns:52px 1fr;gap:3px 8px;align-items:center}
.operation-nearest h2,.operation-schedule h2{grid-column:1/-1;margin:0 0 4px;color:#e9eaec;text-align:center;font:700 15px/18px "Trebuchet MS",Verdana,sans-serif}
.operation-nearest>img{grid-row:2/5;width:50px;height:50px;object-fit:cover;border:1px solid #555;border-radius:5px}
.operation-nearest>div{display:grid;gap:1px}.operation-nearest strong,.operation-row strong{color:#35c5db;font:700 15px/17px "Trebuchet MS",Verdana,sans-serif}
.operation-nearest p{margin:0;color:#e9eaec;font:700 14px/18px Arial,Helvetica,sans-serif}.operation-nearest p b{color:#f4d465}.operation-nearest p span{color:#999;font-weight:400}
.operation-nearest small,.operation-row small{color:#aaa;font:400 12px/14px Arial,Helvetica,sans-serif}
.operation-nearest .game-button{display:flex;align-items:center;justify-content:center;grid-column:1/-1;width:100%;margin-top:3px;text-decoration:none}
.operation-boost{text-align:center}.operation-boost h2{margin:0 0 3px;color:#e9eaec;font:700 15px/18px "Trebuchet MS",Verdana,sans-serif}.operation-boost>p{margin:3px 0;line-height:18px}
.operation-boost .battles-boost-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.operation-boost .battles-boost-options button{width:100%}
.operation-boost .battles-boost-options>div>span{display:flex;align-items:center;justify-content:center;gap:4px;margin:4px 0;color:#b6b6b6;font:14px/19px Verdana,sans-serif}
.operation-boost img{width:19px;height:19px;object-fit:contain}.operation-boost .battles-glory{display:flex;align-items:center;justify-content:center;gap:4px;color:#999;font-size:12px}.operation-boost .battles-glory strong{color:#f4d465;font-weight:400;font-variant-numeric:tabular-nums}
.operation-schedule{display:grid;gap:4px}.operation-row{display:grid;grid-template-columns:45px 1fr;gap:7px;align-items:center;padding:4px 0;border-bottom:1px solid #414244}.operation-row:last-of-type{border-bottom:0}
.operation-row>img{width:43px;height:43px;object-fit:cover;border:1px solid #555;border-radius:5px}.operation-row>div{display:grid;gap:1px;min-width:0}.operation-row span{color:#e9eaec;font:700 14px/18px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.operation-past{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin-top:3px;text-decoration:none}.operation-note{margin:0 0 7px;padding:7px 9px;border:1px solid #34583b;border-radius:7px;background:#202820;color:#20c335;text-align:center;font:400 14px/18px Arial,Helvetica,sans-serif}
.operation-history{display:grid;gap:7px}
.operation-history-card{overflow:hidden;padding:0}
.operation-history-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;padding:7px;border-bottom:1px solid #454648}
.operation-history-head img{width:56px;height:50px;object-fit:cover;border:1px solid #555;border-radius:5px}
.operation-history-head h2{margin:0;color:#35c5db;font-size:15px;line-height:17px}
.operation-history-head p{margin:2px 0;color:#aaa;font-size:11px;line-height:14px}
.operation-result{margin:7px 8px 2px;color:#ee4545;text-align:center;font-size:14px;font-weight:700}
.operation-result.victory{color:#20c335}
.operation-reason{margin:0 8px 7px;color:#aaa;text-align:center;font-size:11px}
.operation-leaders{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 8px 7px}
.operation-leaders h3{margin:0 0 3px;color:#20c335;text-align:center;font-size:12px;line-height:15px}
.operation-leaders ol{margin:0;padding:0;list-style:none}
.operation-leaders li{display:flex;justify-content:space-between;gap:5px;padding:3px 0;border-bottom:1px solid #444;color:#ddd;font-size:10px;line-height:13px}
.operation-leaders li strong{color:#f4d465;white-space:nowrap}
.operation-totals{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px 8px;border-top:1px solid #454648;background:#242526;color:#aaa;text-align:center;font-size:10px;line-height:13px}
.operation-totals strong{display:block;color:#e9eaec;font-size:12px}
@media(max-width:390px){.section-hero{height:145px}.section-card h2{font-size:15px}.section-card p{font-size:12px}}