.mode-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mode-menu .mode-choice{padding:14px;gap:10px;width:100%;min-width:0;align-items:flex-start}
.mode-choice>span{min-width:0}
.mode-choice>svg{flex-shrink:0}
.mode-menu .mode-choice strong{font-size:20px;line-height:1.15}
.mode-choice small{margin-top:3px}
.skirmish-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.skirmish-options label{display:grid;gap:8px;font-weight:600;font-size:13px;min-width:0}
.skirmish-options label:last-child{grid-column:1/-1}
.skirmish-options select,.skirmish-options input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}
.tutorial-lessons{display:grid;gap:18px;margin:24px 0}
.tutorial-lesson{display:flex;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.tutorial-lesson>span{flex:0 0 28px;color:var(--accent);font:24px Georgia,serif}
.tutorial-lesson p{font-size:13px;line-height:1.65;color:var(--muted)}
.tutorial-lesson.done>span{color:#47704a}
.tutorial-chip strong{display:block}
.save-mode{font-size:12px;color:var(--accent)}
.tutorial-completion{text-align:center;padding:24px 0}
.tutorial-completion>svg{display:block;width:64px;height:64px;color:var(--accent);margin:0 auto 20px}
.tutorial-completion>p{max-width:580px;margin:20px auto;line-height:1.7;color:var(--muted)}
.tutorial-completion .modal-actions{justify-content:center;flex-wrap:wrap}
.start-screen .start-main{padding-top:22px;padding-bottom:22px;align-items:center}
.start-screen .start-copy h1{font-size:clamp(46px,5.2vw,68px);letter-spacing:-2px;margin:13px 0}
.start-screen .start-copy>p{max-width:420px;line-height:1.6}
.start-screen .start-actions{margin-top:18px;max-width:460px}
.start-actions>.continue-choice{padding:13px 18px}
@media(max-width:500px){.skirmish-options{grid-template-columns:1fr}.mode-choice strong{font-size:20px}.tutorial-lesson{gap:10px}}
@media(max-width:650px){.start-screen .start-main{padding:20px 18px}.start-screen .start-copy h1{font-size:48px}.mode-menu .mode-choice{padding:12px;gap:8px}.mode-menu .mode-choice strong{font-size:19px}.mode-menu .mode-choice>svg{width:18px;height:18px}.mode-menu .mode-choice small{line-height:1.45;font-size:10px}.start-actions>.continue-choice strong{font-size:21px}}

.game-screen .campaign-guidance:has(.tutorial-chip){display:flex}
.campaign-guidance .tutorial-chip small{display:block}
@media(max-width:600px){.campaign-guidance .tutorial-chip small:last-child{display:none}.tutorial-chip strong{font-size:11px;line-height:1.3}}