#companySetup{width:720px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:clamp(24px,5vw,48px);overflow:auto;background:radial-gradient(ellipse at top right,#36563e 0,transparent 65%),#172c36;border-color:#719363}
#companySetup::backdrop{background:#0c1b24ed;backdrop-filter:blur(12px)}
.topbar .brand{min-width:0;max-width:40%}
.topbar .brand-icon{flex-shrink:0}
.brand-label{min-width:0}
#brandCompanyName{display:block;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#companyName{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-welcome-brand{display:flex;align-items:center;gap:12px;font-family:'Bondis Flecha',Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:2px;margin-bottom:34px;color:#d2e9ad}
.company-welcome-brand .brand-icon{font-size:30px}
#companySetup .eyebrow{color:#bfdc9e;letter-spacing:2px;font-size:10px}
#companySetup h1{font-family:'Bondis Flecha',Manrope,sans-serif;font-size:clamp(28px,5vw,42px);line-height:1.15;letter-spacing:-1.3px;margin:14px 0 18px;max-width:540px}
#companySetup p{font-size:14px;line-height:1.7}
#companySetup label{display:block;font-size:13px;font-weight:600;margin:26px 0 10px}
#companySetup input{font-size:18px;padding:16px;border-color:#789b6d;background:#10242c;border-radius:8px}
#companySetup input:focus-visible{outline:2px solid #c0df9f;outline-offset:3px}
.company-name-help{display:block;color:#a5bdc5;font-size:11px;margin-top:10px}
#companyNameError{min-height:20px;color:#ffb8a8;font-size:12px;margin-top:8px}
.company-ranking-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.company-ranking-preview article{padding:16px 12px;border:1px solid #6f95614d;border-radius:8px;background:#0d20254d}
.company-ranking-preview b{display:block;color:#d2e9ad;font-size:13px;margin-bottom:8px}
.company-ranking-preview span{font-size:11px;line-height:1.6;color:#a5bdc5}
#companySetup .company-ranking-note{font-size:11px;margin:0 0 24px}
#companySetup .primary{font-size:15px;padding:16px}
.game-mode-choice{border:0;padding:0;margin:22px 0}
.game-mode-choice[hidden]{display:none}
.game-mode-choice legend{font-size:14px;font-weight:700;margin-bottom:12px;color:#d2e9ad}
.game-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#companySetup .game-mode-card{display:flex;gap:12px;align-items:flex-start;margin:0;padding:18px;border:1px solid #537078;border-radius:12px;background:#10242c;cursor:pointer}
#companySetup .game-mode-card:has(input:checked){border-color:#b4ec73;background:#2c473c;box-shadow:0 0 0 1px #b4ec73}
#companySetup .game-mode-card input{width:18px;height:18px;margin:3px 0 0;padding:0;flex-shrink:0;accent-color:#b4ec73}
.game-mode-card b{display:block;font-size:18px;color:#d2e9ad;margin-bottom:8px}
.game-mode-card strong{display:block;font-size:12px;margin-bottom:8px}
.game-mode-card small{display:block;font-size:12px;color:#b7cbd0;line-height:1.65}
#companySetup .game-mode-note{font-size:11px;color:#a5bdc5;margin:12px 0 0}
.game-mode-badge{font-size:10px;color:#b4ec73;border:1px solid #6f9561;border-radius:5px;padding:3px 7px}
@media(max-width:700px){.game-mode-badge{font-size:8px;padding:2px 5px}.topbar{gap:8px}}
body[data-game-mode="basic"] .advanced-only,
body[data-game-mode="basic"] [data-layer="demand"],
body[data-game-mode="basic"] [data-layer="traffic"],
body[data-game-mode="basic"] .map-tabs,
body[data-game-mode="basic"] #dispatchButton{display:none!important}
@media(max-width:560px){.game-mode-options{grid-template-columns:1fr}#companySetup .game-mode-card{padding:14px}.company-welcome-brand{margin-bottom:18px}.company-ranking-preview{display:none}}
@media(max-width:480px){.company-ranking-preview{grid-template-columns:1fr}.company-ranking-preview article{padding:12px}.company-welcome-brand{margin-bottom:24px}}
body:not([data-game-mode="basic"]) .basic-only{display:none!important}