*{box-sizing:border-box}body{margin:0;background:#f5f0e4;color:#294e40;font:15px system-ui}header{padding:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fffaf0;border-bottom:1px solid #d8cfb9}header b{font-size:24px}header span{margin-right:auto}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;max-width:1500px;margin:auto;gap:20px;padding:20px}#warehouse{align-self:start;width:100%;aspect-ratio:800/540;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #294e4020}canvas{display:block}aside{background:#fffaf0;padding:20px;border-radius:20px}button{cursor:pointer;border:0;border-radius:9px;background:#294e40;color:#fff;padding:11px;margin:4px;font:inherit;min-height:42px}button:hover{background:#42735b}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}small{display:block;margin:5px 0;font-size:12px}article{border-bottom:1px solid #e5ddcb;padding:8px 0}p{line-height:1.7}footer{padding:16px;text-align:center;color:#a05c24}@media(max-width:750px){main{grid-template-columns:1fr;padding:8px;gap:10px}header{padding:12px;gap:6px}header b{font-size:20px}aside{padding:14px}button{font-size:13px}}#guide{padding:12px 20px;background:#ffe4ac;line-height:1.7}#guide:empty{display:none}button:focus-visible{outline:3px solid #ed9d42;outline-offset:3px}#career{max-width:1460px;margin:16px auto 0;padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#e7ecdb;border-radius:18px}#career h2{margin:6px 0}#career p{margin:8px 0}progress{width:100%;height:16px;accent-color:#397053}.badge{display:inline-block;border:1px solid #b7bba9;border-radius:20px;padding:6px 10px;margin:3px;opacity:.6}.badge.earned{background:#ffe0a0;opacity:1;border-color:#d9a34e}.market{background:#f6e6c5;padding:10px;border-radius:10px}dialog{position:fixed;top:15%;max-width:90vw;border:2px solid #294e40;border-radius:20px;box-shadow:0 10px 80px #0005;z-index:20}select{padding:8px;border-radius:8px;border:1px solid #a7b7a3}@media(max-width:750px){#career{margin:8px;grid-template-columns:1fr;padding:16px;gap:10px}}#play-area{min-width:0}#coach{background:#fff8e8;border:2px solid #d7a34b;padding:20px;border-radius:18px;margin-bottom:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#coach h2{margin:5px 0;font-size:23px}#coach p{margin:4px 0;max-width:600px}#coach small{letter-spacing:1px;color:#8c692f}#next-action{background:#c8792d;font-size:17px;padding:16px 22px;box-shadow:0 4px #94531d;margin-left:auto}#next-action:disabled{box-shadow:none}.flow{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px}.flow span{padding:7px;border-radius:7px;background:#eae8db}.flow span.current{background:#294e40;color:#fff;font-weight:700}.flow i{font-style:normal;color:#9c9a8a}#message{position:sticky;bottom:0;background:#fff3d7;border-top:1px solid #ddc592;z-index:15;min-height:40px}#message:empty{display:none}@media(max-width:750px){#coach{padding:14px}#coach h2{font-size:20px}#next-action{width:100%;margin:0}.flow{gap:4px}.flow span{padding:5px}}#guide{display:none!important}body{padding-bottom:105px}#action-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff8e9;box-shadow:0 -5px 24px #294e4022;border-top:2px solid #d8af62;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 22px}#action-dock small{margin:4px 0;color:#6c785f}#action-dock button{background:#bd7229;flex-shrink:0;font-weight:700}#message{bottom:90px;pointer-events:none}@media(max-width:750px){body{padding-bottom:145px}#action-dock{padding:9px 12px;gap:8px}#action-dock strong{font-size:13px}#action-dock small{display:none}#action-dock button{font-size:13px;max-width:54%;white-space:normal}#message{bottom:80px}}#contracts{max-width:1460px;margin:20px auto;padding:24px;background:#fff8e8;border:1px solid #dbcba7;border-radius:18px}.challenge-heading h2{margin:4px 0 16px}.challenge-heading h2 small{display:inline;font-size:13px}.challenge-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.challenge-cards article,.active-contract{border:1px solid #d5d9c3;background:#eef0df;padding:18px;border-radius:14px}.challenge-cards article h3{margin:0}.challenge-cards button{display:block;margin:14px 0 0}.contract-live{background:#e6eddb;border-radius:6px;padding:7px;color:#315d4b!important}@media(max-width:750px){#contracts{margin:10px;padding:16px}.challenge-cards{grid-template-columns:1fr}}.challenge-shortcut{flex-basis:100%;border-bottom:1px solid #e2d4b4;padding-bottom:8px}.challenge-shortcut button{margin:0;background:#587654;font-size:13px;padding:8px 12px}.receipt-table{overflow-x:auto}#receipt-review{max-width:min(640px,94vw);font-size:14px}#receipt-review table{width:100%;border-collapse:collapse}#receipt-review th,#receipt-review td{padding:9px 6px;border-bottom:1px solid #c8cfb9;text-align:left}#receipt-review p{max-width:580px}#pick-review{max-width:min(610px,94vw)}#pick-review label{display:block;margin:12px 0}#pick-review select{display:block;width:100%;margin-top:5px}#pick-feedback{color:#a0472c}.parcel-check{background:#eef0df;padding:12px;border-radius:9px}.parcel-check label{display:block;margin:10px 0}.parcel-check input{width:130px;padding:8px}.parcel-check p{font-size:13px}#label-review{max-height:85vh;overflow:auto;max-width:min(620px,94vw)}#parcel-feedback{color:#a0472c}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#dfe9d1,transparent 60%),#f5f0e4}.login-card{width:min(440px,100%);background:#fffaf0;border:1px solid #d5d8bd;padding:32px;border-radius:24px;box-shadow:0 18px 60px #294e4020}.login-card h1{font-size:27px}.login-card label{display:block;margin:18px 0}.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #a7b7a3;border-radius:9px;font:inherit}.login-card form button{width:100%;margin:6px 0}.login-card small{line-height:1.6}.login-card #login-error{color:#a0472c;min-height:24px}body:has(.login-page){padding:0}#journal{max-width:1460px;margin:20px auto;padding:24px;background:#fffaf0;border-radius:18px}.journal-table{overflow:auto;max-height:300px}.journal-table table{width:100%;border-collapse:collapse;font-size:13px}.journal-table th,.journal-table td{padding:10px;text-align:left;border-bottom:1px solid #dce0ce}.journal-table th{position:sticky;top:0;background:#e7ecdb}dialog:has(table){width:min(1100px,95vw);max-height:85vh;overflow:auto}dialog table{font-size:12px;border-collapse:collapse}dialog td{padding:8px;border-bottom:1px solid #ccd5bc;max-width:300px;overflow-wrap:anywhere}#tracking-dialog{width:min(900px,94vw);max-height:85vh;overflow:auto}#tracking-dialog article{padding:12px;background:#edf0e3;border-radius:10px;margin:10px 0}#tracking-dialog small{overflow-wrap:anywhere}#consignments{width:min(1150px,96vw);max-height:85vh;overflow:auto}#consignments th{white-space:nowrap}
