#assaultPanel{width:100%;max-width:1150px;margin:15px auto;color:#e8e8e1}
#assaultPanel .assaultHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#101c2be8;border:1px solid #778988;border-radius:8px;margin-bottom:10px}
#assaultPanel h1{font-size:25px!important;margin:4px 0!important}
#assaultPanel h2{font-size:19px!important;margin:5px 0 10px!important}
#assaultPanel button{position:static!important;transform:none!important;height:auto!important;min-height:36px!important;padding:7px 11px!important;font:13px Arial!important;line-height:1.35!important;border-radius:5px!important;white-space:normal}
#assaultPanel button:disabled{opacity:.45;cursor:default}
#assaultPanel button:focus-visible{outline:2px solid #ffe6a9;outline-offset:3px}
#assaultPanel p{font:13px/1.55 Arial;margin:9px 0}
#assaultPanel small{font:11px/1.4 Arial}
#assaultPanel .assaultPrepare{padding:16px;border:1px solid #627880;background:#10202ce8;border-radius:8px}
#assaultPanel .assaultSelected,#assaultPanel .assaultRoster,#assaultPanel .assaultHand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}
#assaultPanel .assaultSelected button,#assaultPanel .assaultRoster button,#assaultPanel .assaultHand button{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;background:#172c3b;border:1px solid #5a737c;padding:7px!important}
#assaultPanel .assaultSelected{min-height:68px;padding:8px;background:#263130;border:1px solid #c2ab70;border-radius:6px}
#assaultPanel .assaultSelected button{border-color:#c5aa70}
#assaultPanel .assaultRoster button[aria-pressed=true],#assaultPanel .assaultHand button[aria-pressed=true]{border-color:#f6dc95;background:#354b4c;box-shadow:inset 0 0 12px #ffe09720}
#assaultPanel .assaultSelected img,#assaultPanel .assaultRoster img,#assaultPanel .assaultHand img{width:35px;height:52px;object-fit:contain}
#assaultPanel .assaultSelected span,#assaultPanel .assaultRoster span,#assaultPanel .assaultHand span{flex:1;min-width:0;font-size:12px}
#assaultPanel .assaultSelected small,#assaultPanel .assaultRoster small,#assaultPanel .assaultHand small{display:block;font-size:10px;color:#bbced6;margin-top:3px}
#assaultPanel .assaultOptions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:16px 0}
#assaultPanel label{display:grid;gap:5px;font-size:12px;flex:1;min-width:130px}
#assaultPanel select{min-height:36px;width:100%;background:#172b39;color:#eee;border:1px solid #758a94;border-radius:5px;padding:6px}
#assaultPanel details{padding:8px 11px;background:#0c1a27;border:1px solid #4c646d;border-radius:5px;margin:10px 0}
#assaultPanel summary{color:#e9d290;font-size:12px;cursor:pointer}
#assaultPanel .assaultEncounter{border:1px solid #8c805a;border-radius:9px;background:#101d2a;overflow:hidden}
#assaultPanel .assaultScore{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 13px;background:#0c1723}
#assaultPanel .assaultScore>div{display:grid;grid-template-columns:auto auto;gap:3px 12px;width:35%;font-size:11px;color:#a9dfff}
#assaultPanel .assaultScore>div:last-child{color:#ffb3a0}
#assaultPanel .assaultScore>div>span{text-align:right}
#assaultPanel .assaultScore progress{grid-column:1/-1;grid-row:2;width:100%;height:5px!important;accent-color:#88d7ed;border:0;margin:2px 0}
#assaultPanel .assaultScore>div:last-child progress{accent-color:#dc8d80}
#assaultPanel .assaultScore>strong{font-size:20px;color:#f1ddaf}
#assaultPanel .assaultStage{position:relative!important;isolation:isolate;width:100%;aspect-ratio:1000/560;overflow:hidden;background:#111c2b;cursor:crosshair;touch-action:manipulation}
#assaultPanel .assaultLoading{position:absolute;inset:0;background:#10212f;display:grid;place-items:center;color:#efdca3;z-index:4}
#assaultPanel .assaultLaneButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 13px;border-top:1px solid #7c744f}
#assaultPanel .assaultLaneButtons button{background:#233944;border:1px solid #6a9697;min-height:40px!important}
#assaultPanel .assaultLaneButtons button[aria-pressed=true]{background:#35594f;border-color:#a2ddc3}
#assaultPanel .assaultNotice{margin:0!important;padding:6px 14px;min-height:29px;color:#eddfb2;font-size:12px}
#assaultPanel .assaultEnergy{display:flex;align-items:center;gap:13px;padding:9px 13px;color:#aacfe6;font-size:12px}
#assaultPanel .assaultEnergy progress{flex:1;height:6px!important;width:100%;accent-color:#89b2ef;border:0}
#assaultPanel .assaultHand{padding:0 13px;margin:2px 0 10px}
#assaultPanel .assaultHand b{display:block;font-size:11px;color:#e6d297;margin-top:2px}
#assaultPanel .unavailable{filter:saturate(.5);opacity:.7}
#assaultPanel .assaultControls{display:flex;flex-wrap:wrap;gap:8px;padding:9px 13px;border-top:1px solid #354d59}
#assaultPanel .assaultControls button{background:#192f3a;border:1px solid #778c8d;font-size:12px!important}
#assaultPanel .assaultControls [data-assault-power][aria-pressed=true]{border-color:#f0d68b;background:#4d4530}
#assaultPanel .assaultHint{padding:0 13px;font-size:11px;color:#b4c6cc}
#assaultPanel .assaultJournal{margin:12px}
#assaultPanel .assaultJournal p{border-bottom:1px solid #2c454e;padding-bottom:5px;font-size:12px}
#assaultPanel .assaultResult{margin:12px;padding:14px;border:1px solid #b6a06b;border-radius:6px;background:#20333b}
#assaultPanel .assaultResult button{margin:4px 8px 0 0}
body[data-page=assault] #dailyMissions,body[data-page=assault] .localLink{display:none!important}
.arenaOption[data-mode-card=assault]{grid-column:span 2}
@media(max-width:760px){
 #assaultPanel .assaultRoster{grid-template-columns:repeat(2,minmax(0,1fr))}
 #assaultPanel .assaultSelected{grid-template-columns:repeat(3,minmax(0,1fr))}
 #assaultPanel .assaultHand{gap:5px;padding:0 7px}
 #assaultPanel .assaultHand button{display:grid;justify-items:center;text-align:center;padding:5px 2px!important}
 #assaultPanel .assaultHand img{width:28px;height:39px}
 #assaultPanel .assaultHand span{font-size:10px}
 #assaultPanel .assaultHand small{font-size:9px}
 #assaultPanel .assaultEnergy{flex-wrap:wrap;gap:7px}
 #assaultPanel .assaultEnergy small{width:100%}
 #assaultPanel .assaultControls button{flex:1 1 40%}
 #assaultPanel h1{font-size:21px!important}
 .arenaOption[data-mode-card=assault]{grid-column:1/-1}
}

/* Siege field presentation, October 2026. Everything remains scoped to this mode. */
#assaultPanel{max-width:1180px}
#assaultPanel .assaultHeading{background:linear-gradient(105deg,#14242bea,#242d2bd9);border-color:#8f8c6a66;padding:8px 13px}
#assaultPanel .assaultHeading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#c9bc8e}
#assaultPanel .assaultEncounter{display:flex;flex-direction:column;background:linear-gradient(#112029,#101b22);border-color:#9a947158;box-shadow:0 18px 55px #0005}
#assaultPanel .assaultScore{order:0;background:#101d23;padding:7px 14px}
#assaultPanel .assaultScore>strong{font:600 18px Arial;letter-spacing:1px}
#assaultPanel .assaultScore>div{grid-template-columns:1fr auto;width:32%;font-size:10px}
#assaultPanel .assaultStage{order:1;align-self:center;width:min(100%,calc((100svh - 292px)*1.7857));min-width:min(100%,600px);aspect-ratio:1000/560;background:#35413b;border-top:1px solid #c6be8b38;border-bottom:1px solid #c6be8b38}
#assaultPanel .assaultLaneButtons{order:2;margin:0 auto;width:min(100%,820px);padding:6px 12px;border:0;gap:6px}
#assaultPanel .assaultLaneButtons button{min-height:30px!important;padding:4px 8px!important;font-size:11px!important;background:#1c3035;border-color:#78918c66;letter-spacing:.3px}
#assaultPanel .assaultEnergy{order:3;padding:5px 13px;gap:12px}
#assaultPanel .assaultEnergy b{font-size:11px;white-space:nowrap;color:#d9c894}
#assaultPanel .assaultEnergy progress{height:5px!important;accent-color:#cdb67e;border-radius:8px;overflow:hidden}
#assaultPanel .assaultEnergy progress::-webkit-progress-bar{background:#293b41}
#assaultPanel .assaultEnergy progress::-webkit-progress-value{background:linear-gradient(90deg,#798e8c,#d8bd7b)}
#assaultPanel .assaultNotice{order:4;min-height:25px;font-size:11px;padding:3px 13px;color:#c7d6cf;background:#09151b55}
#assaultPanel .assaultHand{order:5;margin:5px 0;padding:0 12px;gap:6px}
#assaultPanel .assaultHand button{background:linear-gradient(120deg,#26373d,#12242c);border-color:#81918d66;min-height:67px!important;transition:border-color .15s,background .15s}
#assaultPanel .assaultHand img{width:43px;height:53px;filter:drop-shadow(0 3px 3px #0006)}
#assaultPanel .assaultHand button[aria-pressed=true]{background:linear-gradient(120deg,#455345,#20363a);border-color:#dac78f;box-shadow:inset 0 1px #f3e2af44}
#assaultPanel .assaultControls{order:6;padding:6px 12px;gap:7px;border-color:#7a8b802e}
#assaultPanel .assaultControls button{min-height:31px!important;padding:4px 10px!important;font-size:11px!important;background:#172b31;border-color:#788e8766}
#assaultPanel .assaultControls [data-assault-power]{margin-right:auto;color:#e4c997;border-color:#c5ac7466}
#assaultPanel .assaultHint{order:7;margin:3px 0 6px;font-size:10px;color:#9bafad}
#assaultPanel [data-assault-result]{order:8}
#assaultPanel .assaultJournal{order:9;margin:5px 12px 10px}
body[data-page=assault]{background-color:#162129}
@media(max-width:760px){
 #assaultPanel .assaultStage{width:100%;min-width:0}
 #assaultPanel .assaultHeading{padding:7px 10px}
 #assaultPanel .assaultHeading h1{font-size:20px!important}
 #assaultPanel .assaultHand button{gap:2px;min-height:92px!important}
 #assaultPanel .assaultHand img{width:32px;height:42px}
 #assaultPanel .assaultHand small{font-size:9px}
 #assaultPanel .assaultEnergy{flex-wrap:nowrap}
 #assaultPanel .assaultEnergy small{width:auto;font-size:9px}
 #assaultPanel .assaultControls button{flex:0 1 auto}
 #assaultPanel .assaultControls [data-assault-power]{flex:1 1 100%;margin:0}
}