*{box-sizing:border-box}body{margin:0;background:#f3f0e8;color:#253f43;font:16px/1.5 system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:30px 24px}header{padding-bottom:20px;border-bottom:2px solid #a8b8b7}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8e6245;font-weight:800}h1{font:700 clamp(42px,6vw,68px)/1.05 Georgia,serif;margin:12px 0}h2{font:700 25px/1.2 Georgia,serif;margin:0 0 12px}p{margin:8px 0}.brief{padding:22px 0;max-width:950px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button,select{font:700 14px system-ui;border:1px solid #9bb1ae;background:#fffdf6;border-radius:9px;padding:12px;color:#24524e;min-height:44px}button{cursor:pointer}button:hover{background:#e1eeea}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c47642;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat,.sector,.web,#result{padding:20px;background:#fffdf7;border:1px solid #cad5ce;border-radius:14px}.stat strong{display:block;font-size:26px}.stat small{font-size:12px}.bad{color:#a4422d}.good{color:#31705a}#feedback{background:#e5eade;border-left:4px solid #7d9b7c;padding:12px 18px;margin:18px 0}.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sector{padding:18px}.art{height:180px;width:150px;margin:auto;background-image:url('sectors.webp');background-size:300% 100%;border-radius:12px}.sector h2{margin-top:14px}.meter{height:13px;background:#ece8dc;border-radius:8px;overflow:hidden}.fill{height:100%;background:#418574}.fill.over{background:#b85337}.metric{font-size:14px;margin:8px 0 16px}label{display:block;font-weight:700;margin:12px 0 8px}select{width:100%}input{width:100%;height:36px;accent-color:#277c70}.note{font-size:13px;color:#5d7370}.web{margin-top:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:center;padding:10px;border:1px solid #dae0d4}th{background:#e9eee3}#flows{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.flow{background:#e5eee9;border-radius:7px;padding:8px;font-size:12px}.dispatch{display:flex;gap:20px;align-items:center;margin:24px 0}.dispatch>div{flex:1}#ship{background:#216a60;color:white}#result{background:#dcebdc;margin-bottom:20px}#result button{margin:10px 8px 0 0}footer{font-size:12px;color:#697b75;margin-top:24px}@media(max-width:680px){main{padding:20px 14px}.stats{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:center}.stat strong{font-size:24px}.sectors{grid-template-columns:1fr}.sector{display:grid;grid-template-columns:100px 1fr;column-gap:16px}.art{width:100px;height:150px;grid-row:1/5}.sector h2{font-size:22px}.sector label,.sector select,.sector input,.sector .note{grid-column:1/3}.metric{font-size:13px}.web{padding:14px}th,td{padding:8px 3px;font-size:12px}.dispatch{align-items:stretch;flex-direction:column}}