.mission{max-width:720px;margin:30px auto;padding:0 20px 60px}.mission header{display:flex;align-items:center;gap:24px;margin:30px 0}.mission header img{object-fit:contain;max-height:130px}.mission h1{font-size:clamp(26px,5vw,38px);margin:8px 0}.mission p{line-height:1.5}.mission section{padding:24px;border:1px solid var(--line,#ddd);border-radius:22px;background:var(--card,#fff)}.mission button,.mission select,.mission input{font:inherit;min-height:46px;border-radius:12px;padding:10px 14px;border:1px solid #8ba3bc}.mission button{background:#255f9e;color:white;font-weight:700;cursor:pointer}.mission button.secondary{background:transparent;color:var(--text,#234)}.mission button:disabled{opacity:.5;cursor:default}.mission button:focus-visible,.mission a:focus-visible{outline:3px solid #e4ae34;outline-offset:3px}.mission label{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.mission [hidden]{display:none!important}.mission-meta,.mission-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mission progress{width:100%;height:10px;accent-color:#dcae3f;margin:16px 0}.mission #missionBoard{max-width:480px;margin:auto;touch-action:manipulation}.mission #missionMoveForm{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mission input{width:100px}.mission-score{font-size:30px;font-weight:800}.mission-note{font-size:12px;color:var(--muted,#667)}.mission #missionStatus{min-height:48px;font-weight:600}.mission .selected-square{box-shadow:inset 0 0 0 4px #f3ba38}.mission #missionResult button{margin:8px 8px 12px 0}@media(max-width:520px){.mission{padding:0 12px 40px}.mission section{padding:14px}.mission header{gap:12px}.mission header img{width:65px}.mission-actions button{flex:1}}
