/* Sudan Builders v2.3.0 — three distinctive worlds + compact, responsive instruments.
   Additive styles; existing controls and data models remain untouched. */
.sb-app.sb22-theme{--sb23-forest:#17654c;--sb23-brick:#943f32;--sb23-gold:#c7a164;--sb23-ink:#183f33}
.sb-app.sb22-theme .sb2-header::before,.sb-app.sb22-theme .sb2-header::after{display:none!important;content:none!important}
.sb-app.sb22-theme .sb20-stage-header{background:linear-gradient(115deg,#fff 58%,#f1f6f0)!important}
.sb-app.sb22-theme .sb20-visual{background:#fff;border-radius:18px!important}
.sb-app.sb22-theme .sb20-world{border:1px solid #b8caba!important;box-shadow:inset 0 0 28px rgba(31,72,54,.05),0 8px 22px rgba(28,64,46,.06)}
.sb-app.sb22-theme .sb20-world.village{background:linear-gradient(135deg,#eff1d5,#bdcfa5)!important}
.sb-app.sb22-theme .sb20-world.town{background:linear-gradient(135deg,#ebebe1,#c3d1cc)!important}
.sb-app.sb22-theme .sb20-world.neighborhood{background:linear-gradient(135deg,#eef2e9,#c5dacc)!important}
.sb-app.sb22-theme .sb20-world-svg{transform-origin:50% 50%;transition:transform .22s ease!important}
.sb-app.sb22-theme .sb23-house-urban{filter:drop-shadow(3px 6px 2px rgba(60,68,62,.21))}
.sb-app.sb22-theme .sb23-house-neighborhood{filter:drop-shadow(2px 5px 3px rgba(45,72,59,.16))}
.sb-app.sb22-theme .sb20-dwelling.sb23-focus-flash{filter:drop-shadow(0 0 8px #e5b450) brightness(1.1)}
.sb-app.sb22-theme .sb20-dwelling.is-current{filter:drop-shadow(0 0 4px #d8b879)}
.sb-app.sb22-theme .sb23-map-controls{inset-inline-end:auto!important;left:11px!important;right:auto!important;top:11px!important;gap:4px!important;flex-wrap:nowrap!important;background:rgba(255,255,251,.93);padding:4px!important;border:1px solid #e7e5d7;border-radius:12px;box-shadow:0 7px 19px rgba(35,62,45,.12)}
.sb-app.sb22-theme .sb23-map-controls button{width:30px!important;height:30px!important;padding:2px!important;display:grid;place-items:center;background:#fff!important;border-color:#e1e8de!important;box-shadow:none!important;font-size:17px!important;line-height:1!important;border-radius:8px!important;min-height:0!important}
.sb-app.sb22-theme .sb23-map-controls [data-action=world-toggle]{width:auto!important;min-width:42px!important;font-size:10px!important;color:#fff!important;background:#1b7758!important;border-color:#1b7758!important;padding:3px 7px!important}
.sb-app.sb22-theme .sb23-map-controls button:hover{border-color:#bdac79!important;background:#f7f4e9!important}
.sb-app.sb22-theme .sb23-map-controls [data-action=world-toggle]:hover{background:#145d45!important;color:#fff!important}
.sb-app.sb22-theme .sb20-map-caption{max-width:calc(100% - 230px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sb-app.sb22-theme .sb20-map-caption span{white-space:nowrap}
.sb-app.sb22-theme .sb20-world .sb20-center{backdrop-filter:blur(6px)}
/* Visibly different three choices before entering the community world. */
.sb-app.sb22-theme .sb23-env-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:3px 0 5px!important}
.sb-app.sb22-theme .sb23-env-tile{border:1px solid #dce5dd;background:#fbfcfa;border-radius:13px;padding:7px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-width:0;min-height:76px;cursor:pointer;transition:border-color .17s ease,background .17s ease,transform .17s ease}
.sb-app.sb22-theme .sb23-env-tile.active{background:#eaf5ec;border-color:#34936b;box-shadow:inset 0 0 0 1px #5b9f7a}
.sb-app.sb22-theme .sb23-env-tile:hover{transform:translateY(-2px);border-color:#6ba88b}
.sb-app.sb22-theme .sb23-env-tile strong{font-size:12px;color:#23493a;line-height:1.3}
.sb-app.sb22-theme .sb23-env-tile small{font-size:9px;color:#77877b;line-height:1.4;text-align:center}
.sb-app.sb22-theme .sb23-env-picture{display:grid;place-items:center;height:28px;width:34px;line-height:1;font-size:25px;text-shadow:0 2px 3px #163b2520}
.sb-app.sb22-theme .sb23-rural{color:#418463;background:linear-gradient(#f1ecd0,#cbe0be);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}
.sb-app.sb22-theme .sb23-suburb{color:#9e6a51;background:#e6eee2;border-radius:5px}
.sb-app.sb22-theme .sb23-city{color:#377c7d;background:#deeced;border-radius:5px}
.sb-app.sb22-theme .sb20-welcome-form{gap:6px!important}
.sb-app.sb22-theme .sb20-welcome-form input,.sb-app.sb22-theme .sb20-welcome-form select{min-height:42px!important}
.sb-app.sb22-theme .sb20-control,.sb-app.sb22-theme .sb20-visual{min-width:0!important}
.sb-app.sb22-theme .sb20-control-head{margin-bottom:2px!important}
.sb-app.sb22-theme .sb20-control-actions{gap:6px!important}
.sb-app.sb22-theme .sb20-people-grid .sb2-person:focus-within{outline:2px solid #62ac88;outline-offset:0}
.sb-app.sb22-theme .sb2-reset{background:#8d3a2d!important;border-color:#a75b4d!important;color:#fff!important}
/* Use the large map as a living interactive area, not a giant text card. */
@media(min-width:1100px){
 .sb-app.sb22-theme .sb20-stage-grid{grid-template-columns:minmax(350px,.77fr) minmax(0,1.23fr)!important}
 .sb-app.sb22-theme .sb20-world{aspect-ratio:1.80!important}
 .sb-app.sb22-theme .sb20-control{min-height:0!important}
 .sb-app.sb22-theme .sb20-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:260px!important}
 .sb-app.sb22-theme .sb20-visual-top{margin-bottom:6px!important}
}
@media(max-width:780px){
 .sb-app.sb22-theme .sb20-stage-header{padding:8px 10px!important;margin-bottom:5px!important}
 .sb-app.sb22-theme .sb20-visual{padding:7px!important}
 .sb-app.sb22-theme .sb20-visual-top{margin-bottom:5px!important}
 .sb-app.sb22-theme .sb20-control{padding:8px!important;gap:5px!important}
 .sb-app.sb22-theme .sb20-control-head h2{font-size:16px!important}
 .sb-app.sb22-theme .sb20-control-head .sb20-count{font-size:16px!important}
 .sb-app.sb22-theme .sb22-lesson{padding:5px 7px!important;margin:0!important}
 .sb-app.sb22-theme .sb20-family-ribbon{margin-top:0!important;margin-bottom:4px!important}
 .sb-app.sb22-theme .sb20-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:198px!important;overflow-y:auto!important;overflow-x:hidden!important;gap:5px!important;align-content:start!important}
 .sb-app.sb22-theme .sb20-people-grid .sb2-person{padding:6px 7px!important;min-height:43px!important;gap:4px!important}
 .sb-app.sb22-theme .sb20-people-grid .sb2-person-info b{font-size:11px!important}
 .sb-app.sb22-theme .sb20-people-grid .sb2-person-info small{font-size:9px!important}
 .sb-app.sb22-theme .sb20-people-grid .sb2-person-action{min-height:27px!important;padding:3px 5px!important;font-size:9px!important}
 .sb-app.sb22-theme .sb20-control-actions button{min-height:33px!important;padding:5px!important}
 .sb-app.sb22-theme .sb20-control-footer{min-height:31px!important}
 .sb-app.sb22-theme .sb20-world{min-height:215px!important;aspect-ratio:1.52!important}
 .sb-app.sb22-theme .sb23-map-controls{top:6px!important;left:6px!important;padding:3px!important;gap:3px!important}
 .sb-app.sb22-theme .sb23-map-controls button{width:27px!important;height:27px!important;font-size:15px!important}
 .sb-app.sb22-theme .sb23-map-controls [data-action=world-toggle]{min-width:36px!important;font-size:9px!important}
 .sb-app.sb22-theme .sb20-map-caption{max-width:calc(100% - 190px);top:7px!important;right:7px!important;left:auto!important;padding:4px 5px!important;font-size:9px!important}
 .sb-app.sb22-theme .sb20-map-caption span:nth-child(2){display:none!important}
 .sb-app.sb22-theme .sb22-world-progress{margin-top:5px!important}
 .sb-app.sb22-theme .sb23-env-grid{gap:5px;margin-bottom:4px!important}
 .sb-app.sb22-theme .sb23-env-tile{min-height:60px!important;padding:5px 3px!important}
 .sb-app.sb22-theme .sb23-env-picture{height:21px;width:27px;font-size:19px}
 .sb-app.sb22-theme .sb23-env-tile strong{font-size:11px}
 .sb-app.sb22-theme .sb23-env-tile small{display:none!important}
 .sb-app.sb22-theme .sb20-welcome-intro h1{line-height:1.23!important}
 .sb-app.sb22-theme .sb20-welcome-form{padding:9px!important}
 .sb-app.sb22-theme .sb20-welcome-form input,.sb-app.sb22-theme .sb20-welcome-form select{min-height:40px!important}
 .sb-app.sb22-theme .sb20-mobile-tabs{position:sticky;top:0;z-index:12;background:#f6f8f5;border-radius:11px;padding:3px}
}
@media(max-width:359px){
 .sb-app.sb22-theme .sb20-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sb-app.sb22-theme .sb20-people-grid .sb2-person{padding:4px!important}
 .sb-app.sb22-theme .sb20-people-grid .sb2-person-action{font-size:8px!important;padding:3px 4px!important}
 .sb-app.sb22-theme .sb23-map-controls button{width:25px!important;height:25px!important}
}
@media(prefers-reduced-motion:reduce){.sb-app.sb22-theme .sb20-world-svg,.sb-app.sb22-theme .sb23-env-tile{transition:none!important}}