*{box-sizing:border-box}body{margin:0;background:#f3efe7;color:#233e45;font:16px/1.5 system-ui,sans-serif}main{max-width:1140px;margin:auto;padding:30px 24px}header{padding-bottom:20px;border-bottom:2px solid #abb9b4}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#936e49}h1{font:700 clamp(40px,6vw,66px)/1.1 Georgia,serif;margin:10px 0}h2{font:700 25px/1.2 Georgia,serif;margin:0 0 12px}p{margin:8px 0}.brief{padding:24px 0}.brief p{max-width:900px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button{font:700 15px system-ui;color:#24504e;background:#fffdf6;border:1px solid #a8b8ad;border-radius:9px;padding:12px 16px;min-height:44px;cursor:pointer}button:hover{background:#e5eee6}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid #cc8846;outline-offset:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:18px;border:1px solid #ccd4c8;border-radius:12px;background:#fffdf6}.stat strong{display:block;font-size:28px}.stat span{font-size:12px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.crews{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.crew{text-align:left;padding:16px;background:#fffdf6;border:2px solid #c9d3c6;border-radius:14px}.crew.selected{border-color:#d0863f;background:#fff1d3}.crew strong{display:block;font:700 22px Georgia,serif}.crew p{font-size:13px;font-weight:400}.pair-art{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}.art{background-image:url('harbor.webp');background-size:400% 200%;width:78px;height:95px;border-radius:8px;flex-shrink:0}.pair-art span{font-size:24px}.pref{font-size:12px!important;line-height:1.7}.station{padding:14px;background:#fffdf6;border:1px solid #cbd6cd;border-radius:12px;margin-bottom:10px;display:flex;gap:12px;align-items:center}.station .art{width:64px;height:80px}.station strong{font:700 20px Georgia,serif}.station p{font-size:13px}.note{font-size:13px;color:#637a73}#feedback{padding:14px 18px;border-left:4px solid #7d9a86;background:#e6ecdf;border-radius:5px;margin:18px 0}.blockers,#result{padding:22px;border:1px solid #cbd5ca;background:#fffdf6;border-radius:14px;margin-top:20px}.blocker{padding:10px 0;border-top:1px solid #e1e4d9;font-size:14px}.blocker b{color:#954f35}.launch{display:flex;gap:20px;align-items:center;margin:24px 0}.launch p{font-size:14px;max-width:700px}#certify{background:#27675c;color:white}#result{background:#e0eddf;margin-bottom:20px}#result button{margin:10px 8px 0 0}.extreme{border-top:1px solid #bdcfbb;padding-top:12px;margin-top:12px}footer{font-size:12px;color:#6b7a70;margin-top:24px}@media(max-width:700px){main{padding:20px 14px}.layout{grid-template-columns:1fr}.crews{grid-template-columns:1fr}.crew{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.crew .pair-art{grid-column:2;grid-row:1/4;margin:0}.crew .pref{grid-column:1/3}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:24px}.stat span{font-size:10px}.launch{flex-direction:column;align-items:stretch}.art{width:65px;height:85px}.crew strong{font-size:21px}.station .art{width:62px;height:76px}}
