.mission-cockpit{position:relative;margin:30px 0;padding:clamp(20px,3vw,36px);border:1px solid #d9ddd8;border-radius:26px;background:#f7f8f5;color:#16201b;box-shadow:0 16px 45px #10201712;scroll-margin-top:20px}.mission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mission-head h2{max-width:760px;margin:.2rem 0 .45rem;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}.mission-head p{margin:.25rem 0;color:#58615c}.mission-head button,.mission-detail button,.mission-mobile-nav button{border:1px solid #b8c3ba;border-radius:999px;background:#fff;color:#17251e;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer}.mission-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0 16px}.mission-summary article{padding:15px 17px;border:1px solid #dde2dc;border-radius:17px;background:#fff}.mission-summary small{display:block;color:#68736d;font-size:.7rem;font-weight:800;letter-spacing:.08em}.mission-summary strong{font-size:1.65rem}.mission-tools{display:grid;grid-template-columns:1fr 180px 150px;gap:10px;margin-bottom:17px}.mission-tools label{display:grid;gap:6px;color:#4e5953;font-size:.75rem;font-weight:800}.mission-tools input,.mission-tools select{width:100%;box-sizing:border-box;border:1px solid #cdd5cf;border-radius:12px;background:#fff;color:#152019;padding:11px;font:inherit}.mission-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mission-card{min-width:0;border:1px solid #d9dfda;border-radius:18px;background:#fff;padding:17px;text-align:left;color:inherit;cursor:pointer;transition:transform .15s,border-color .15s}.mission-card:hover,.mission-card:focus-visible{transform:translateY(-2px);border-color:#789985}.mission-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-badge{border-radius:999px;background:#e9efe9;padding:5px 8px;color:#365342;font-size:.68rem;font-weight:900;letter-spacing:.05em}.mission-card[data-attention="true"]{border-color:#cb9f49;background:#fffcf3}.mission-card[data-attention="true"] .mission-badge{background:#f7dfae;color:#714c0d}.mission-card h3{margin:15px 0 6px;font-size:1.05rem}.mission-card p{margin:0;color:#59645e;font-size:.88rem;line-height:1.45}.mission-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0ec;color:#6c756f;font-size:.72rem}.mission-empty{grid-column:1/-1;padding:40px;border:1px dashed #bdc8bf;border-radius:17px;text-align:center}.mission-detail{position:absolute;z-index:5;inset:0;overflow:auto;border-radius:26px;background:#f7f8f5;padding:clamp(20px,3vw,36px)}.mission-detail-bar{display:flex;justify-content:space-between;align-items:center}.mission-detail-bar span{color:#6b756f;font-size:.7rem;font-weight:900;letter-spacing:.12em}.mission-detail h2{margin:22px 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}.mission-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}.mission-meta span{border-radius:999px;background:#e5ece6;padding:7px 10px;font-size:.72rem;font-weight:800}.mission-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mission-detail-grid article,.mission-detail-section{border:1px solid #dce2dd;border-radius:16px;background:#fff;padding:17px}.mission-detail-grid small,.mission-detail-section>small{display:block;color:#6a756e;font-size:.68rem;font-weight:900;letter-spacing:.08em}.mission-detail-grid p{white-space:pre-wrap}.mission-detail-section{margin-top:12px}.mission-detail-section h3{margin:4px 0 12px}.mission-row{padding:11px 0;border-top:1px solid #edf0ed}.mission-row:first-of-type{border-top:0}.mission-row p{margin:4px 0;color:#536059}.mission-copy{margin-top:10px;border:0;border-radius:10px;background:#1d4f39!important;color:#fff!important}.mission-copy-status{display:block;margin-top:8px;color:#415248}.mission-copy-dialog{width:min(680px,calc(100% - 30px));border:0;border-radius:18px;padding:0}.mission-copy-dialog::backdrop{background:#17211bbb}.mission-copy-dialog form{display:grid;gap:12px;padding:22px}.mission-copy-dialog textarea{width:100%;min-height:280px;box-sizing:border-box;border:1px solid #aebcb2;border-radius:10px;padding:12px;font:14px/1.45 ui-monospace,monospace}.mission-mobile-nav{display:none}.mission-cockpit :focus-visible{outline:3px solid #d6a745;outline-offset:2px}
@media(max-width:980px){.mission-board{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mission-cockpit{margin:16px -10px 90px;padding:18px 14px;border-radius:20px}.mission-head{display:block}.mission-head>button{margin-top:12px}.mission-tools{grid-template-columns:1fr 1fr}.mission-tools label:first-child{grid-column:1/-1}.mission-board{grid-template-columns:1fr}.mission-detail{position:fixed;inset:0;z-index:1000;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px calc(82px + env(safe-area-inset-bottom));overscroll-behavior:contain}.mission-detail-grid{grid-template-columns:1fr}.mission-cockpit:target .mission-mobile-nav{display:flex;position:fixed;z-index:900;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;border:1px solid #cbd4cd;border-radius:17px;background:#fffffff2;padding:7px;box-shadow:0 10px 30px #18231b33}.mission-mobile-nav a,.mission-mobile-nav button{padding:9px 12px;color:#183024;text-decoration:none;font-size:.78rem}.mission-summary{gap:7px}.mission-summary article{padding:12px}.mission-summary strong{font-size:1.3rem}}