.world-tracks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.world-track{min-width:0;display:flex;flex-direction:column;text-align:left;padding:14px;background:#101b25e8;border-radius:8px}.world-track.selected{border-color:#e8bd70;background:#27323bdc}.track-country{display:flex;align-items:center;gap:7px;font-size:14px;color:#d7dfe3;width:100%;flex-wrap:wrap}.track-country b{font-size:14px;border:1px solid #ffffff30;padding:4px}.track-country em{font-style:normal;font-size:12px;margin-left:auto;color:#e8bd70}.world-track svg{width:100%;height:90px;color:#9aabb5;margin:8px 0}.world-track.selected svg{color:#eed5a2}.world-track>strong{font-size:16px;margin:2px 0 7px}.world-track>small{font-size:14px;line-height:1.5;color:#a8b7c1}.track-distance{font-size:12px;color:#d5bd90;display:block;margin-top:12px;letter-spacing:.5px}
body.workshop-playing #menu,body.workshop-playing #shade,body.workshop-playing .car-caption{visibility:hidden}#workshop-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;width:min(390px,calc(100vw - 32px));max-width:none;padding:24px;background:#0b141eea;border-color:#a88c58;box-shadow:0 15px 45px #0007;max-height:calc(100dvh - 40px);border-radius:10px}#workshop-dialog::backdrop{background:transparent;backdrop-filter:none}#workshop-dialog h2{font-size:25px;margin:0}#workshop-dialog p{margin:10px 0;font-size:14px}#workshop-dialog progress{height:5px;width:100%;accent-color:#e8bd70}#workshop-dialog [data-phase]{color:#e8bd70;font-size:16px}#workshop-dialog .service-product{height:90px;width:65px;object-fit:contain;float:right}#workshop-dialog .operation-results{display:grid;gap:10px;margin-top:18px}.operation-results>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.operation-results b{font-weight:500;color:#b9e4d4;white-space:nowrap}.operation-results small{color:#acb9c2}.operation-actions{display:flex;gap:10px;clear:both}.operation-actions button{flex:1;min-height:44px;font-size:14px}.operation-actions [data-skip]{background:#e8bd70;color:#152024;border-color:#e8bd70}
@media(max-width:760px) and (orientation:portrait){#workshop-dialog{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:18px;max-height:49dvh}.world-track{padding:11px}.world-track>strong{font-size:15px}.world-track svg{height:75px}.track-country em{margin-left:0;width:100%}}
@media(max-height:540px) and (orientation:landscape){#workshop-dialog{right:12px;bottom:12px;max-height:calc(100dvh - 24px);width:35vw;padding:16px}.world-tracks{grid-template-columns:1fr}.world-track svg{height:65px}#workshop-dialog h2{font-size:20px}#workshop-dialog .service-product{height:60px}#workshop-dialog .operation-results{gap:6px}}
@media(max-width:350px){.world-tracks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.world-track{transition:none}}

.world-menu .car-caption{display:none}
.difficulty-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0;font-size:16px}.difficulty-control select,.difficulty-settings select{min-height:44px;padding:8px 12px;min-width:130px;background:#101b25;color:#f1ede5;border:1px solid #b99c64;border-radius:5px;font:inherit}.difficulty-settings label{display:flex;justify-content:space-between;gap:12px;align-items:center}.difficulty-settings{margin-bottom:18px}
#progress-dialog{width:min(540px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 40px);padding:24px;background:#101923;color:#e8edf1;border:1px solid #a88c58;border-radius:10px;overflow:auto}#progress-dialog::backdrop{background:#03070bd6}#progress-dialog h2{font-size:26px;margin:0 0 18px}#progress-dialog p{font-size:16px;line-height:1.6}#progress-dialog .note{font-size:14px;color:#b3bfca}#progress-dialog .save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}#progress-dialog button{min-height:44px;font-size:14px;white-space:normal}#progress-dialog [data-import-preview]{margin-top:16px;padding:16px;border:1px solid #c8ac70}#progress-dialog [data-save-message]{color:#eed5a2;font-size:14px}#progress-dialog [data-save-close]{width:100%;position:sticky;bottom:0}#progress-dialog [data-import-preview][hidden]{display:none}
@media(max-width:400px){#progress-dialog{padding:18px}#progress-dialog .save-actions{grid-template-columns:1fr}}

#workshop-dialog .operation-actions{position:sticky;bottom:16px;padding-top:10px;padding-bottom:2px;background:#0b141ef5;box-shadow:0 -8px 12px #0b141ee8}.operation-results span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px) and (orientation:portrait){#workshop-dialog .service-product{height:60px;width:44px}#workshop-dialog p{margin:8px 0}#workshop-dialog .operation-results{margin-top:12px;gap:8px}}

#workshop-dialog .service-product.oil-product-image{width:auto;object-position:center bottom}
/* Workshop choreography uses a compact three-stage status panel. */
#workshop-dialog{border-radius:4px;border:1px solid #c8ad6a77;border-top:2px solid #dcc18a;background:linear-gradient(145deg,#111b25f5,#090f17f2)}#workshop-dialog .operation-steps{display:flex;gap:8px;margin:18px 0 12px}.operation-steps span{flex:1;border-top:3px solid #ffffff20;padding-top:8px;color:#87939e;font-size:12px;letter-spacing:2px}.operation-steps span.active{border-color:#e6c17d;color:#ffe0a3}.operation-steps span.complete{border-color:#9bbcaf;color:#b9e4d4}#workshop-dialog [data-phase]{min-height:24px;line-height:1.4}#workshop-dialog progress{height:4px}body.workshop-playing #controls-toggle,body.workshop-playing #game-menu-toggle{visibility:hidden}
@media(max-height:540px) and (orientation:landscape){#workshop-dialog .operation-steps{margin:10px 0 8px}#workshop-dialog .operation-steps span{padding-top:4px}}