.progress-badge{position:absolute;top:107px;left:18px;z-index:4;width:175px;text-align:left;padding:10px 13px;border:1px solid #ffffff70;border-radius:13px;background:#f7f3e4ed;color:#37523a;box-shadow:0 5px 20px #192f2325;cursor:pointer}.progress-badge span{font-size:11px;letter-spacing:1px;font-weight:800}.progress-badge small{display:block;font-size:11px;margin:4px 0 6px}.progress-badge i{display:block;height:4px;border-radius:3px;background:linear-gradient(to right,#648454 var(--progress),#d8ddc8 var(--progress))}
.tutorial-card{position:absolute;left:18px;bottom:138px;z-index:4;width:min(300px,calc(100vw - 36px));padding:17px;border-radius:17px;background:#f8f5e9f5;color:#3a503b;border:1px solid #fff9;box-shadow:0 8px 32px #18291c30}.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-top>span{font-size:10px;font-weight:800;letter-spacing:1px}.tutorial-top .action{min-height:24px;padding:3px 8px;font-size:11px}.tutorial-card h3{font-size:21px;margin:10px 0 7px}.tutorial-card p{font-size:12px;line-height:1.6;margin:0 0 10px}.tutorial-card .action{font-size:11px;padding:8px 10px}.guide-dots{display:flex;gap:5px;margin:12px 0}.guide-dots i{flex:1;height:4px;border-radius:3px;background:#dce0cd}.guide-dots .done{background:#688454}.tutorial-card .item-actions{flex-wrap:wrap;margin-bottom:0}
.journey-level{border-radius:16px;padding:20px;background:linear-gradient(135deg,#4d714b,#304d38);color:#fff5dd;margin:0 0 18px}.journey-level>span{font-size:11px;letter-spacing:2px}.journey-level h3{margin:6px 0;font-size:30px}.journey-level p{margin:0;font-size:12px;color:#e2e9ce}.goal-guide{border:1px solid #d9dfc8;background:#f9f7ef;padding:18px;border-radius:15px}.goal-guide h3{margin:0 0 12px}.goal-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px}.goal-guide li{color:#929881}.goal-guide .finished{color:#5f7e4e}.goal-guide .current{font-weight:800;color:#3a513c}.goal-guide p,.order-help{font-size:12px;line-height:1.65;color:#6b745e}.goal-complete{color:#56754e;font-weight:700;font-size:12px}
.customer-orders{display:grid;gap:14px}.customer-order{padding:16px;border:1px solid #dbe0ce;border-radius:16px;background:#fbf9f1}.customer-head{display:flex;align-items:center;gap:12px}.customer-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e4e9d6;font-size:26px}.customer-head h3{margin:0;font-size:18px}.customer-head small{font-size:11px;color:#77826b}.order-items{margin:13px 0;display:grid;gap:6px}.order-items>div,.unlock-list>div{display:flex;align-items:center;gap:9px;font-size:12px}.order-items img,.unlock-list img{width:36px;height:36px;object-fit:cover;border-radius:8px}.order-items b,.unlock-list b{margin-left:auto;font-size:11px;white-space:nowrap}.order-items .enough b{color:#5c7a48}.order-reward{font-weight:800;color:#977234;display:flex;justify-content:space-between;font-size:13px}.order-reward span{color:#5c7a48}.customer-order>.action{width:100%}.unlock-list{display:grid;gap:10px}.unlock-list>div{padding:9px;background:#edeee4;border-radius:10px;color:#929882}.unlock-list>.available{color:#405c3f;background:#e9eedb}.unlock-list small{display:block;margin-top:3px;font-size:10px}.unlock-icon{width:36px;text-align:center;font-size:26px}.transaction-busy .trade-buttons .action,.transaction-busy .customer-order>.action,.transaction-busy #confirmPlacement{opacity:.55;pointer-events:none}
[hidden].progress-badge,[hidden].tutorial-card{display:none}.account-locked .progress-badge,.account-locked .tutorial-card{display:none}
@media(max-width:760px){.progress-badge{top:151px;left:10px;width:148px;padding:7px 10px}.tutorial-card{left:10px;bottom:124px;width:min(280px,calc(100vw - 90px));padding:12px}.tutorial-card h3{font-size:17px}.tutorial-card p{font-size:11px}.tutorial-card .action{font-size:10px}.toolbar{max-width:calc(100vw - 20px);overflow-x:auto;flex-wrap:nowrap}.toolbar button{flex-shrink:0}}
@media(max-height:540px){.tutorial-card{bottom:94px;width:250px;padding:10px}.tutorial-card p{font-size:10px;line-height:1.4}.tutorial-card h3{font-size:16px;margin:4px 0}.tutorial-card .item-actions .soft{display:none}.progress-badge{top:99px}}