.combat-title{font-size:29px;margin:6px 0 0}.combat-lobby{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.combat-picker{padding:25px}.combat-picker h2,.combat-armory h2,.combat-guide h2,.rune-guide h2{font-size:18px;margin:0 0 17px}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:27px}.role-card{border:1px solid var(--line);background:#f7f5ed;border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:background .2s,border-color .2s}.role-card svg{height:123px;width:105px}.role-card strong{font-size:15px}.role-card span{font-size:12px;color:var(--muted)}.role-card small{font-size:10px;color:var(--muted)}.role-card.selected,.sector-card.selected{background:#e4ece0;border:2px solid #658361;padding:14px 9px}.sector-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sector-card{display:flex;flex-direction:column;gap:9px;padding:15px 10px;border:1px solid var(--line);border-radius:8px;background:#f8f5ee;text-align:left}.sector-card span{font-size:11px;line-height:1.6;color:var(--muted)}.play-start{width:100%;margin-top:24px;font-size:17px}.combat-note{font-size:12px;color:var(--muted);line-height:1.8}.combat-armory{padding:24px}.combat-armory>p{font-size:13px;line-height:1.8;color:var(--muted)}.gear-row{display:flex;flex-direction:column;gap:9px;padding:16px 0;border-bottom:1px solid var(--line)}.gear-row strong{font-size:14px}.gear-row small{color:var(--muted)}.gear-row span{font-size:12px;color:var(--muted)}.gear-row button{padding:9px}.armory-status{font-size:12px;color:var(--forest);margin-top:15px;line-height:1.8}.combat-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0}.combat-heading-actions{display:flex;gap:10px}.combat-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.arena-panel{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;align-self:start}.arena-hud{display:grid;grid-template-columns:1.25fr 1fr .8fr .8fr;gap:12px;padding:17px 20px;background:#e9ede3}.arena-hud>div{display:flex;flex-direction:column;gap:7px}.arena-hud span{font-size:10px;color:var(--muted)}.arena-hud b{font-size:12px}.health-track{background:#cdd6c4;border-radius:4px;height:6px;max-width:155px;overflow:hidden}.health-track i{display:block;width:100%;height:100%;background:#64875e}.arena-stage{position:relative;background:#2c4b3d}.arena-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;cursor:crosshair}.arena-stage canvas:focus{outline:none}.arena-overlay{position:absolute;inset:0;background:#13291fd1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.arena-overlay[hidden]{display:none}.arena-dialog{background:#f7f4eb;border:1px solid #d9d1b9;border-radius:12px;padding:25px;max-width:560px;width:100%;box-shadow:0 15px 50px #0004}.arena-dialog h2{font-size:23px;margin:9px 0}.arena-dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.upgrade-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.upgrade-options button{display:flex;flex-direction:column;text-align:left;gap:12px;padding:16px 12px;background:#e4ebdf;border:1px solid #8a9b7a;border-radius:8px}.upgrade-options span{font-size:12px;line-height:1.6;color:var(--muted)}.arena-message{padding:12px 18px;font-size:12px;line-height:1.7;min-height:45px;background:#f1eddf}.arena-controls{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.movement-pad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,35px);gap:5px;flex-shrink:0;touch-action:none}.movement-pad button{border:1px solid var(--line);background:#e9ecdf;border-radius:7px;color:var(--forest);font-size:20px;touch-action:none;user-select:none}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-down{grid-column:2;grid-row:2}.pad-right{grid-column:3;grid-row:2}.action-pad{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.action-pad button{font-size:12px;padding:12px 13px}.combat-sidebar{display:flex;flex-direction:column;gap:16px}.combat-guide,.rune-guide{padding:21px}.combat-guide p,.rune-guide p{font-size:12px;line-height:1.9;color:var(--muted)}.rune-guide{background:#eeecd9}.rune-guide button{width:100%;font-size:12px}.hero-play-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-play-actions .secondary{border-color:#c4c59d;color:#f0eccf;background:#2d4b3b88}.hero-play-actions .primary{font-size:15px}.combat-entry{border:1px solid var(--line);border-radius:12px;background:#e5ebdf;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:21px 0}.combat-entry h2{margin:0 0 7px;font-size:19px}.combat-entry p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}
@media(max-width:1100px){.combat-layout{grid-template-columns:minmax(0,1fr) 210px}.combat-guide,.rune-guide{padding:17px}.arena-controls{gap:10px;padding:13px}.action-pad{gap:6px}.action-pad button{font-size:11px;padding:10px}.combat-lobby{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:850px){.combat-layout,.combat-lobby{grid-template-columns:1fr}.combat-sidebar{display:grid;grid-template-columns:1fr 1fr}.combat-armory{display:grid;grid-template-columns:1fr 1fr;gap:14px}.combat-armory>h2,.combat-armory>.eyebrow,.combat-armory>p,.combat-armory>.armory-status{grid-column:1/-1}.gear-row{padding:12px}.combat-heading{align-items:flex-start}.combat-title{font-size:24px}}
@media(max-width:520px){.combat-picker{padding:17px}.role-cards{gap:7px}.role-card{padding:12px 6px;gap:8px}.role-card.selected{padding:11px 5px}.role-card strong{font-size:11px}.role-card span{font-size:10px;line-height:1.5}.role-card small{font-size:9px;line-height:1.5}.role-card svg{width:75px;height:95px}.sector-cards{gap:7px}.sector-card{padding:12px 7px}.sector-card.selected{padding:11px 6px}.sector-card strong{font-size:12px}.sector-card span{font-size:10px}.combat-heading{flex-direction:column;gap:12px}.combat-title{font-size:23px}.arena-hud{padding:12px 10px;gap:8px;grid-template-columns:1.1fr 1fr .8fr .8fr}.arena-hud b{font-size:10px}.arena-controls{align-items:center;gap:10px;padding:12px 9px}.movement-pad{grid-template-columns:repeat(3,31px);grid-template-rows:repeat(2,34px);gap:3px}.action-pad{gap:5px}.action-pad button{padding:9px 8px;font-size:10px}.arena-message{font-size:11px;padding:10px 12px}.combat-sidebar{grid-template-columns:1fr}.combat-armory{padding:17px;gap:8px}.arena-dialog{padding:14px}.arena-dialog h2{font-size:16px}.arena-dialog p{font-size:11px;margin:7px 0}.arena-overlay{padding:8px}.upgrade-options{gap:6px;margin-top:9px}.upgrade-options button{padding:10px 7px;gap:7px;font-size:11px}.upgrade-options span{font-size:10px}.arena-dialog .answer-actions button{font-size:11px;padding:10px}.combat-entry{padding:17px;flex-direction:column;align-items:flex-start}.hero-play-actions .primary{font-size:12px}.hero-play-actions .secondary{font-size:12px;padding:10px}}