/* SafaSoch Game World V11.2 — visual unification with safasoch.com */
:root{--ss-green:#032C23;--ss-green2:#032C23;--ss-cream:#F5F0E6;--ss-paper:#FBF8F1;--ss-ink:#1B1B1B;--ss-muted:#625D56;--ss-taupe:#8C8478;--ss-line:rgba(140,132,120,.32);--ss-gold:#D9A441;--ss-terracotta:#B5502D}
.game-topbar{height:68px!important;padding:0 20px!important;background:rgba(248,245,237,.97)!important;border-bottom:1px solid var(--ss-line)!important;color:var(--ss-green)!important;box-shadow:0 5px 18px rgba(24,38,31,.05)!important;backdrop-filter:blur(16px)!important}
.game-brand{gap:12px!important;color:var(--ss-green)!important}.game-brand img{width:116px!important;height:auto!important}.game-brand span{color:var(--ss-green)!important;font-weight:900!important;letter-spacing:.13em!important;border-left:1px solid #cfc9bc;padding-left:12px!important}
.top-center{color:var(--ss-green)!important}.status-dot{background:#2c8a61!important;box-shadow:0 0 0 4px rgba(44,138,97,.13)!important}.top-btn{background:#fffdf8!important;color:var(--ss-green)!important;border:1px solid #cfc9bc!important;border-radius:999px!important;font-weight:900!important}.top-btn:hover{background:var(--ss-green)!important;color:#fff!important}
.game-stage{top:68px!important}
.start-overlay{inset:68px 0 0!important;background:linear-gradient(135deg,#f6f1e6 0%,#fffdf8 58%,#e6eee8 100%)!important;color:var(--ss-ink)!important;padding:30px!important}
.start-grid{max-width:1180px!important;grid-template-columns:.9fr 1.1fr!important;gap:34px!important;align-items:center!important}
.start-copy .eyebrow{color:var(--ss-green2)!important;font-weight:900!important;letter-spacing:.15em!important}.start-copy h1{font:800 clamp(44px,5.6vw,76px)/.94 Georgia,serif!important;letter-spacing:-.045em!important;color:var(--ss-ink)!important;margin:12px 0 18px!important}.start-copy h1 em{display:block!important;color:var(--ss-green)!important;font-style:normal!important}.start-copy>p:not(.eyebrow){color:var(--ss-muted)!important;font-size:16px!important;line-height:1.58!important;max-width:58ch!important}.start-copy>small{color:#718078!important;line-height:1.45!important}
.feature-row{gap:7px!important}.feature-row span{background:#e5ede7!important;color:var(--ss-green)!important;border:1px solid #cad8cf!important;border-radius:999px!important;padding:8px 11px!important;font-size:8px!important;letter-spacing:.1em!important;font-weight:900!important}
.primary-game{background:var(--ss-green)!important;color:#fff!important;border:1px solid var(--ss-green)!important;border-radius:999px!important;box-shadow:none!important}.primary-game:hover{background:#0d503f!important}.secondary-game{background:#fffdf8!important;color:var(--ss-green)!important;border:1px solid var(--ss-green)!important;border-radius:999px!important}
.cinematic-showcase{border-radius:22px!important;border:1px solid #d0cabc!important;box-shadow:0 20px 55px rgba(30,45,38,.15)!important;background:#dce7df!important}.cinematic-showcase:after{background:linear-gradient(90deg,rgba(7,59,46,.12),transparent 38%,rgba(7,59,46,.05))!important}.showcase-card{background:rgba(255,253,248,.94)!important;border:1px solid #d5cec0!important;color:var(--ss-green)!important}.showcase-card small{color:#6f7c75!important}

/* Keep the city itself immersive; unify menus/panels to the main site. */
.game-panel,.bot-panel{background:var(--ss-paper)!important;color:var(--ss-ink)!important;border:1px solid var(--ss-line)!important;box-shadow:0 24px 70px rgba(11,42,31,.22)!important}
.panel-head{border-bottom-color:var(--ss-line)!important}.panel-head small,.panel-intro,.safe-note{color:var(--ss-muted)!important}.panel-head h2,.panel-head strong{color:var(--ss-ink)!important}.panel-head>button,[data-close]{background:#f1ece1!important;color:var(--ss-green)!important;border:1px solid #d9d1c3!important}
.profile-form input,.course-search,.bot-form input,#teamCodeInput{background:#fff!important;color:var(--ss-ink)!important;border:1px solid #d4cdbf!important}.profile-form label,.hero-picker>span,.style-row>span{color:var(--ss-green)!important}.cloud-account,.account-card,.shop-balance,.garage-preview,.home-progress{background:#f5f0e6!important;border-color:#d8d1c4!important;color:var(--ss-ink)!important}.cloud-account span,.cloud-account small,.account-card p{color:var(--ss-muted)!important}
.mission-tabs button,.arcade-grid button,.travel-card,.achievement-card,.course-card,.vehicle-card,.decor-card,.shop-item{border-color:#d6d0c4!important}.mission-tabs button{background:#f1ece2!important;color:var(--ss-green)!important}.mission-tabs button.active{background:var(--ss-green)!important;color:#fff!important}.course-card,.vehicle-card,.decor-card,.shop-item,.travel-card,.achievement-card{background:#f7f3ea!important;color:var(--ss-ink)!important}.course-card small,.vehicle-card small,.decor-card small,.shop-item small,.travel-card small,.achievement-card small{color:var(--ss-muted)!important}

@media(max-width:760px){
 .game-topbar{height:56px!important;padding:0 10px!important}.game-stage{top:56px!important}.start-overlay{inset:56px 0 0!important;padding:10px!important;overflow:auto!important}.game-brand img{width:98px!important}.game-brand span{display:none!important}.top-btn{min-height:38px!important;padding:7px 9px!important}
 .start-grid{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;min-height:calc(100dvh - 76px)!important}.cinematic-showcase{order:1!important;width:100%!important;height:34vh!important;min-height:205px!important;margin:0!important}.start-copy{order:2!important;width:100%!important;padding:4px 4px calc(16px + env(safe-area-inset-bottom))!important}.start-copy h1{font-size:38px!important;margin:7px 0 10px!important}.start-copy>p:not(.eyebrow){font-size:12px!important;line-height:1.45!important}.feature-row{margin:10px 0!important}.start-actions{margin:12px 0 6px!important}.start-actions button{min-height:48px!important}.start-copy>small{font-size:8px!important}
 .game-panel#profilePanel{background:var(--ss-paper)!important;color:var(--ss-ink)!important}.game-panel#profilePanel .panel-head{background:rgba(255,253,248,.98)!important;border-bottom-color:var(--ss-line)!important}.game-panel#profilePanel .panel-head h2{color:var(--ss-ink)!important}.game-panel#profilePanel .profile-save{background:var(--ss-green)!important;box-shadow:0 -10px 25px rgba(255,253,248,.94)!important}
}
@media(max-width:430px){.start-copy h1{font-size:34px!important}.cinematic-showcase{height:30vh!important;min-height:185px!important}.feature-row span{padding:6px 8px!important;font-size:6.5px!important}}

/* V11.2.1 ONE-DESIGN refinement */
.game-topbar{height:62px!important;padding:0 max(16px,calc((100vw - 1240px)/2))!important;background:rgba(249,246,238,.98)!important;border-bottom:1px solid var(--ss-line)!important;box-shadow:none!important}
.game-stage{top:62px!important}.start-overlay{inset:62px 0 0!important;padding:24px!important}
.game-brand img{width:108px!important}.game-brand span{font-family:Inter,system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.12em!important}
.top-center b,.top-btn{font-family:Inter,system-ui,sans-serif!important}.top-btn{min-height:38px!important;padding:0 12px!important}
.start-grid{max-width:1240px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:28px!important}
.start-copy h1{font-size:clamp(42px,4.8vw,64px)!important;line-height:.96!important;margin:9px 0 14px!important}
.start-copy>p:not(.eyebrow){font-size:14px!important;line-height:1.5!important}.feature-row{margin:14px 0!important}.start-actions{margin:14px 0 8px!important}.start-actions button{min-height:44px!important}
.cinematic-showcase{min-height:390px!important;max-height:560px!important}.cinematic-showcase img{width:100%!important;height:100%!important;object-fit:cover!important}
.game-panel,.bot-panel{border-radius:18px!important}.panel-head h2{font-family:Georgia,"Times New Roman",serif!important;font-size:30px!important;line-height:1!important}

@media(max-width:760px){
 .game-topbar{height:56px!important;padding:0 10px!important}.game-stage{top:56px!important}.start-overlay{inset:56px 0 0!important;padding:8px 10px calc(12px + env(safe-area-inset-bottom))!important}
 .top-center{display:none!important}.game-brand img{width:96px!important}.top-actions{gap:5px!important}.top-actions #botBtn{display:none!important}.top-btn{min-height:38px!important;padding:0 9px!important;font-size:9px!important}
 .start-grid{display:flex!important;flex-direction:column!important;gap:9px!important;min-height:0!important;padding:0!important}.cinematic-showcase{order:1!important;width:100%!important;height:230px!important;min-height:230px!important;max-height:230px!important;border-radius:16px!important}.start-copy{order:2!important;padding:4px 3px 10px!important}.start-copy h1{font-size:34px!important;line-height:.98!important;margin:6px 0 9px!important}.start-copy>p:not(.eyebrow){font-size:12px!important;line-height:1.42!important}.feature-row{margin:9px 0!important;gap:5px!important}.feature-row span{padding:6px 8px!important;font-size:6.5px!important}.start-actions{display:grid!important;grid-template-columns:1fr!important;margin:10px 0 5px!important}.start-actions button{width:100%!important;min-height:46px!important}.start-copy>small{font-size:7.5px!important}
 .game-panel#profilePanel{inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
 .game-panel#profilePanel .panel-head{position:sticky!important;top:0!important;z-index:20!important;padding-top:calc(14px + env(safe-area-inset-top))!important}.game-panel#profilePanel .profile-layout{display:block!important}.game-panel#profilePanel .avatar-lab{display:none!important}.game-panel#profilePanel .profile-save{position:sticky!important;bottom:0!important;z-index:25!important}
}
@media(max-width:430px){.cinematic-showcase{height:205px!important;min-height:205px!important;max-height:205px!important}.start-copy h1{font-size:31px!important}}


/* V11.2 FINAL — exact Safa Soch palette + shared visual language */
:root{--ss-green:#032C23;--ss-green2:#032C23;--ss-cream:#F5F0E6;--ss-paper:#FBF8F1;--ss-ink:#1B1B1B;--ss-muted:#625D56;--ss-taupe:#8C8478;--ss-line:rgba(140,132,120,.32);--ss-gold:#D9A441;--ss-terracotta:#B5502D}
html,body{background:#F5F0E6!important;color:#1B1B1B!important}
.game-topbar{background:rgba(245,240,230,.98)!important;border-bottom-color:var(--ss-line)!important;color:#032C23!important}
.game-brand,.game-brand span,.top-center{color:#032C23!important}
.status-dot{background:#D9A441!important;box-shadow:0 0 0 4px rgba(217,164,65,.18)!important}
.top-btn{background:#FBF8F1!important;color:#032C23!important;border-color:var(--ss-line)!important}
.top-btn:hover{background:#032C23!important;color:#F5F0E6!important}
.start-overlay{background:linear-gradient(135deg,#F5F0E6 0%,#FBF8F1 62%,#E8ECE9 100%)!important;color:#1B1B1B!important}
.start-copy .eyebrow{color:#B5502D!important}
.start-copy h1{color:#1B1B1B!important}.start-copy h1 em{color:#032C23!important}
.start-copy>p:not(.eyebrow),.start-copy>small{color:rgba(27,27,27,.68)!important}
.feature-row span{background:#E8ECE9!important;color:#032C23!important;border-color:var(--ss-line)!important}
.primary-game{background:#D9A441!important;color:#032C23!important;border-color:#D9A441!important;box-shadow:none!important}
.primary-game:hover{background:#C38E2F!important;color:#032C23!important}
.secondary-game{background:#FBF8F1!important;color:#032C23!important;border-color:#032C23!important}
.cinematic-showcase{background:#E8ECE9!important;border-color:var(--ss-line)!important;box-shadow:none!important}
.showcase-card{background:rgba(251,248,241,.95)!important;border-color:var(--ss-line)!important;color:#032C23!important}
.showcase-card .gem-shape,.gem-shape{filter:none!important}
.showcase-card small{color:#8C8478!important}
.game-panel,.bot-panel{background:#FBF8F1!important;color:#1B1B1B!important;border-color:var(--ss-line)!important;box-shadow:0 20px 55px rgba(3,44,35,.16)!important}
.panel-head h2,.panel-head strong{color:#032C23!important}
.panel-head small,.panel-intro,.safe-note{color:#8C8478!important}
.panel-head>button,[data-close]{background:#F5F0E6!important;color:#032C23!important;border-color:var(--ss-line)!important}
.profile-form input,.course-search,.bot-form input,#teamCodeInput{background:#F5F0E6!important;color:#1B1B1B!important;border-color:var(--ss-line)!important}
.profile-form label,.hero-picker>span,.style-row>span{color:#032C23!important}
.cloud-account,.account-card,.shop-balance,.garage-preview,.home-progress{background:#F5F0E6!important;border-color:var(--ss-line)!important;color:#1B1B1B!important}
.mission-tabs button{background:#F5F0E6!important;color:#032C23!important;border-color:var(--ss-line)!important}.mission-tabs button.active{background:#032C23!important;color:#F5F0E6!important}
.course-card,.vehicle-card,.decor-card,.shop-item,.travel-card,.achievement-card{background:#F5F0E6!important;color:#1B1B1B!important;border-color:var(--ss-line)!important}
.quest-card button,.nearby button,.action-button{accent-color:#D9A441}
.game-panel#profilePanel .profile-save{background:#D9A441!important;color:#032C23!important}
@media(max-width:760px){
 .game-panel#profilePanel{background:#FBF8F1!important}
 .game-panel#profilePanel .panel-head{background:rgba(245,240,230,.98)!important;border-bottom-color:var(--ss-line)!important}
 .game-panel#profilePanel .profile-save{background:#D9A441!important;color:#032C23!important;box-shadow:0 -10px 25px rgba(245,240,230,.94)!important}
}