:root{--brainopia-map-ink:#18245a;--brainopia-map-purple:#6d32c9;--brainopia-map-blue:#168be8;--brainopia-map-gold:#ffc72f;--brainopia-map-pink:#ed4d9a;--brainopia-map-green:#39a95e;--brainopia-map-orange:#ef7c2d}
.brainopia-depth-map{position:relative;min-width:0}.brainopia-depth-map,.brainopia-depth-map *{box-sizing:border-box}.brainopia-depth-map-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:15px}.brainopia-depth-map-heading>div{min-width:0}.brainopia-depth-map-heading p{margin:0 0 5px;color:var(--brainopia-map-purple);font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.brainopia-depth-map-heading h2{display:flex;align-items:center;gap:.32em;margin:0;color:var(--brainopia-map-ink);font:950 clamp(25px,3.2vw,43px)/1 Changa,Arial,sans-serif;letter-spacing:-.025em}.brainopia-depth-map-heading>div>span{display:block;margin-top:7px;color:#657094;font-size:14px;font-weight:700;line-height:1.45}.brainopia-depth-map-heading>a{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:44px;border-radius:999px;padding:10px 17px;color:#fff!important;background:linear-gradient(135deg,var(--brainopia-map-purple),#9348e6);box-shadow:0 12px 26px rgba(109,50,201,.25);font-weight:900;text-decoration:none}.brainopia-depth-map-heading>a:hover,.brainopia-depth-map-heading>a:focus-visible{transform:translateY(-2px);outline:3px solid var(--brainopia-map-gold);outline-offset:3px}
.brainopia-depth-map-shell,.games-full-city-hero-map .games-full-city-visual,.games-full-campus-map-shell.brainopia-depth-map .games-full-campus-map{position:relative;overflow:hidden;border:8px solid #fff;border-radius:34px;background:#9bdcff;box-shadow:0 30px 75px rgba(22,72,135,.22)}
.brainopia-region-hero .brainopia-depth-map{z-index:2;margin:clamp(18px,3vw,30px) 0 clamp(30px,5vw,52px)}.brainopia-region-hero .brainopia-depth-map-heading p{color:#ffd84f}.brainopia-region-hero .brainopia-depth-map-heading h2,.brainopia-region-hero .brainopia-depth-map-heading>div>span{color:#fff}.brainopia-region-map-crop{position:relative;overflow:hidden;aspect-ratio:16/6.2;background-color:#9bdcff;background-image:url('/media/games/brainopia/world/brainopia-world-map-v1.png');background-repeat:no-repeat;background-position:var(--region-zoom-x) var(--region-zoom-y);background-size:190% auto}.brainopia-region-map-crop:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,36,90,.12),transparent 35%,transparent 65%,rgba(24,36,90,.12));content:"";pointer-events:none}.brainopia-region-map-marker{--marker-tone:var(--brainopia-map-purple);position:absolute;z-index:2;left:50%;top:50%;display:grid;min-width:185px;grid-template-columns:auto 1fr;gap:1px 10px;border:2px solid rgba(255,255,255,.96);border-radius:20px;padding:10px 14px;color:#fff!important;background:color-mix(in srgb,var(--marker-tone) 89%,#172354);box-shadow:0 15px 35px rgba(20,34,87,.35);text-decoration:none;transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease}.brainopia-region-map-marker>span{display:grid;grid-row:1/3;width:40px;height:40px;place-items:center;border-radius:13px;background:rgba(255,255,255,.18);font-size:23px}.brainopia-region-map-marker strong{font:900 18px/1.1 Changa,Arial,sans-serif;white-space:nowrap}.brainopia-region-map-marker small{color:rgba(255,255,255,.84);font-size:10px;font-weight:800;white-space:nowrap}.brainopia-region-map-marker:hover,.brainopia-region-map-marker:focus-visible{transform:translate(-50%,-56%) scale(1.05);box-shadow:0 21px 42px rgba(20,34,87,.48);outline:4px solid var(--brainopia-map-gold);outline-offset:3px}.brainopia-region-map-marker.is-blue{--marker-tone:var(--brainopia-map-blue)}.brainopia-region-map-marker.is-gold{--marker-tone:#ce8d00}.brainopia-region-map-marker.is-pink{--marker-tone:var(--brainopia-map-pink)}.brainopia-region-map-marker.is-orange{--marker-tone:var(--brainopia-map-orange)}.brainopia-region-map-marker.is-green{--marker-tone:var(--brainopia-map-green)}
.brainopia-depth-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:16px 0 0;padding:0;list-style:none}.brainopia-depth-rail:before{position:absolute;z-index:0;left:10%;right:10%;top:15px;height:3px;border-radius:3px;background:rgba(109,50,201,.16);content:""}.brainopia-depth-rail li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:#7a82a1;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brainopia-depth-rail li>span{display:grid;width:31px;height:31px;place-items:center;border:3px solid #e1e8f3;border-radius:50%;color:#747e9e;background:#fff;box-shadow:0 4px 12px rgba(24,36,90,.1)}.brainopia-depth-rail a,.brainopia-depth-rail strong,.brainopia-depth-rail em{color:inherit;font-style:normal;text-decoration:none}.brainopia-depth-rail a:hover,.brainopia-depth-rail a:focus-visible{color:var(--brainopia-map-purple);text-decoration:underline;text-underline-offset:4px}.brainopia-depth-rail .is-complete{color:#27884b}.brainopia-depth-rail .is-complete>span{border-color:#55bd76;color:#fff;background:#39a95e}.brainopia-depth-rail .is-current{color:var(--brainopia-map-purple)}.brainopia-depth-rail .is-current>span{border-color:#ffd84f;color:#fff;background:var(--brainopia-map-purple);box-shadow:0 0 0 5px rgba(255,216,79,.2)}.brainopia-region-hero .brainopia-depth-rail:before{background:rgba(255,255,255,.2)}.brainopia-region-hero .brainopia-depth-rail li{color:rgba(255,255,255,.7)}.brainopia-region-hero .brainopia-depth-rail .is-complete{color:#aaf0bc}.brainopia-region-hero .brainopia-depth-rail .is-current{color:#ffd84f}
.games-full-city-hero{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}.games-full-city-hero-map.brainopia-depth-map{order:2;width:100%;margin-top:clamp(28px,4vw,46px)}.games-full-city-hero-map.brainopia-depth-map .games-full-city-visual{padding:10px}.games-full-city-hero-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);column-gap:clamp(28px,5vw,72px);align-items:start;max-width:none;order:1}.games-full-city-hero-copy>.ybag-kicker,.games-full-city-hero-copy>h1,.games-full-city-hero-copy>.games-full-city-hero-summary,.games-full-city-hero-copy>.games-full-map-lens-tabs{grid-column:1}.games-full-city-hero-copy>.games-full-map-notice,.games-full-city-hero-copy>.games-full-city-status,.games-full-city-hero-copy>.brainopia-city-status,.games-full-city-hero-copy>.ybag-button{grid-column:2}.games-full-city-hero-copy>.games-full-map-notice{margin-top:0!important}.games-full-city-hero-copy>.games-full-city-status{align-self:end}.games-full-city-hero-copy>.brainopia-city-status{align-self:start;margin-top:10px}.games-full-city-hero-copy>.ybag-button{justify-self:start}.games-full-city-hero-map .brainopia-depth-rail{margin-bottom:3px}
.brainopia-city-status{display:grid;gap:3px;max-width:540px;margin-top:12px;border:1px solid rgba(102,56,184,.2);border-radius:14px;padding:10px 13px;background:rgba(255,255,255,.88);box-shadow:0 9px 22px rgba(16,36,92,.09)}.brainopia-city-status strong{color:#4c288c;font:900 14px/1.1 'Changa',Arial,sans-serif}.brainopia-city-status small{color:#5e6d84;font-size:11px;font-weight:750;line-height:1.4}.brainopia-city-status.is-complete{border-color:rgba(46,154,76,.3);background:rgba(239,252,241,.94)}.brainopia-city-status.is-complete strong{color:#23753a}.brainopia-city-status.is-building{border-color:rgba(246,164,0,.38);background:rgba(255,249,229,.95)}.brainopia-city-status.is-building strong{color:#8a5a00}
.games-full-campus-hero{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}.games-full-campus-map-shell.brainopia-depth-map{order:2;width:100%;overflow:visible;border:0;border-radius:0;padding:0;margin-top:clamp(28px,4vw,46px);background:transparent;box-shadow:none}.games-full-campus-map-shell.brainopia-depth-map .games-full-campus-map{box-sizing:border-box}.games-full-campus-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);column-gap:clamp(28px,5vw,72px);align-items:start;order:1}.games-full-campus-copy>.games-map-back,.games-full-campus-copy>.ybag-kicker,.games-full-campus-copy>h1,.games-full-campus-copy>.games-full-city-hero-summary,.games-full-campus-copy>.games-full-map-lens,.games-full-campus-copy>.games-full-map-lens-tabs{grid-column:1}.games-full-campus-copy>.games-full-campus-status,.games-full-campus-copy>.games-full-map-notice,.games-full-campus-copy>.games-full-campus-legend{grid-column:2}.games-full-campus-copy>.games-full-campus-status{margin-top:0}.games-full-campus-map-shell .brainopia-depth-rail{margin-bottom:2px}
@media(max-width:780px){.brainopia-depth-map-heading{align-items:flex-start;flex-direction:column;gap:13px}.brainopia-depth-map-heading>div{width:100%}.brainopia-depth-map-heading h2{flex-wrap:wrap;font-size:clamp(25px,8.4vw,36px)}.brainopia-depth-map-heading>a{width:100%;justify-content:center}.brainopia-depth-map-shell,.games-full-city-hero-map .games-full-city-visual,.games-full-campus-map-shell.brainopia-depth-map .games-full-campus-map{width:100%;border-width:5px;border-radius:23px}.brainopia-region-map-crop{aspect-ratio:1.18;background-size:250% auto}.brainopia-region-map-marker{min-width:0;max-width:calc(100% - 28px);padding:8px 10px}.brainopia-region-map-marker strong{font-size:15px}.brainopia-region-map-marker small{white-space:normal}.brainopia-depth-rail{width:100%;min-width:0}.brainopia-depth-rail li{min-width:0;font-size:8px;letter-spacing:.04em}.brainopia-depth-rail li>span{width:27px;height:27px}.brainopia-depth-rail:before{top:13px}.games-full-city-hero-copy,.games-full-campus-copy{display:block}.games-full-city-hero-map.brainopia-depth-map,.games-full-campus-map-shell.brainopia-depth-map{order:2}.games-full-campus-copy>.games-full-campus-status{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.brainopia-depth-map-heading>a,.brainopia-region-map-marker{transition:none}.brainopia-depth-map-heading>a:hover,.brainopia-region-map-marker:hover{transform:none}}

/* 0.234.0: public depth pages follow the map-first Brainopia landing flow. */
.brainopia-map-first-hero{padding:0 0 clamp(42px,6vw,78px);color:var(--brainopia-map-ink);background:linear-gradient(180deg,#eff9ff 0%,#f8f5ff 100%)}
.brainopia-map-first-hero:after{display:none}
.brainopia-map-first-hero>.games-frame{display:flex;flex-direction:column}
.brainopia-map-first-hero .brainopia-depth-map{order:4;margin:clamp(30px,4vw,48px) 0 0}
.brainopia-map-first-hero .games-full-map-breadcrumbs{order:1;margin:0 0 24px;color:#667293}
.brainopia-map-first-hero .games-full-map-breadcrumbs a{color:#176dc1}
.brainopia-map-first-hero .brainopia-region-hero-grid{order:2;color:var(--brainopia-map-ink)}
.brainopia-map-first-hero .brainopia-region-intro>p:not(.ybag-page-signal){color:#5f6c8c}
.brainopia-map-first-hero .brainopia-region-stats{order:3;color:var(--brainopia-map-ink)}
.brainopia-map-first-hero .brainopia-region-stats div{border-color:#d9e5f2;background:#fff;box-shadow:0 10px 26px rgba(22,72,135,.07)}
.brainopia-map-first-hero .brainopia-depth-map-heading{display:none}
.brainopia-map-first-hero .brainopia-depth-rail li{color:#7a82a1}
.brainopia-map-first-hero .brainopia-depth-rail .is-complete{color:#27884b}
.brainopia-map-first-hero .brainopia-depth-rail .is-current{color:var(--brainopia-map-purple)}
.brainopia-map-first-hero .brainopia-depth-rail:before{background:rgba(109,50,201,.16)}
.brainopia-map-first-hero .brainopia-region-hero-actions .games-primary-button{color:#fff;background:linear-gradient(135deg,var(--region-accent),var(--region-accent-dark))}
.brainopia-map-first-hero .brainopia-region-hero-actions .games-secondary-button{border-color:#d7e3f0;color:var(--region-accent-dark);background:#fff}
.brainopia-map-first-hero .brainopia-path-trail{border-color:#d9e5f2;color:var(--brainopia-map-ink);background:#fff;box-shadow:0 18px 50px rgba(22,72,135,.1);backdrop-filter:none}
.brainopia-map-first-hero .brainopia-path-trail>p{color:var(--region-accent-dark)}
.brainopia-map-first-hero .brainopia-path-trail li a,.brainopia-map-first-hero .brainopia-path-trail .brainopia-path-step{border-color:#e3eaf3;color:var(--brainopia-map-ink);background:#f8fbff}
.brainopia-map-first-hero .brainopia-path-trail li span span{color:#fff;background:var(--region-accent)}
.brainopia-map-first-hero .brainopia-path-trail li.is-next a{color:#3a2b00;background:#ffe27c}
.brainopia-map-first-page .games-full-map-breadcrumbs{display:none}
.brainopia-map-first-page .games-full-map-hero.is-city,.brainopia-map-first-page .games-full-map-hero.is-campus{padding:0 0 clamp(42px,6vw,72px);background:linear-gradient(180deg,#eff9ff 0%,#faf7ff 100%)}
.brainopia-map-first-page .games-full-city-hero,.brainopia-map-first-page .games-full-campus-hero{margin-top:0}
.brainopia-map-first-page .brainopia-depth-map-heading{display:none}
.brainopia-map-first-page .games-full-city-hero-map,.brainopia-map-first-page .games-full-campus-map-shell{margin-bottom:clamp(28px,4vw,46px)}
.brainopia-map-hero-label{position:absolute;z-index:4;left:clamp(14px,3vw,34px);bottom:clamp(14px,3vw,32px);display:grid;max-width:min(510px,calc(100% - 28px));gap:2px;border:1px solid rgba(255,255,255,.65);border-radius:22px;padding:13px 18px;color:#fff;background:linear-gradient(135deg,rgba(24,36,90,.91),rgba(91,43,157,.88));box-shadow:0 16px 36px rgba(19,31,78,.32);pointer-events:none;backdrop-filter:blur(7px)}
.brainopia-map-hero-label small{font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.brainopia-map-hero-label strong{font:950 clamp(23px,3vw,38px)/1 Changa,Arial,sans-serif}.brainopia-map-hero-label span{color:rgba(255,255,255,.82);font-size:12px;font-weight:750;line-height:1.35}
.brainopia-map-first-page .games-full-city-visual,.brainopia-map-first-page .games-full-campus-map{aspect-ratio:16/8.4;min-height:0!important}
.brainopia-map-first-page .games-full-city-art,.brainopia-map-first-page .games-full-city-art img,.brainopia-map-first-page .games-full-campus-art,.brainopia-map-first-page .games-full-campus-art img{width:100%;height:100%;object-fit:cover}
.brainopia-map-first-page .games-full-city-art{position:absolute;inset:0}
.brainopia-map-first-page .games-full-campus-map.is-runtime-master .games-full-campus-art img,.brainopia-map-first-page .games-full-campus-map.is-runtime-master .games-full-campus-houses{transform:none}
.brainopia-map-first-page .games-full-map-layout-road,.brainopia-map-first-page .games-full-city-layout-elements,.brainopia-map-first-page .games-full-campus-layout-elements,.brainopia-map-first-page .games-full-campus-route-backbone,.brainopia-map-first-page .games-full-city-route-backbone,.brainopia-map-first-page .games-full-city-building-art,.brainopia-map-first-page .games-full-campus-house-art{display:none!important}
@media(max-width:780px){.brainopia-map-first-hero .brainopia-depth-map{margin-bottom:24px}.brainopia-map-first-page .games-full-city-visual,.brainopia-map-first-page .games-full-campus-map{aspect-ratio:2/3;min-height:0!important}.brainopia-map-hero-label{border-radius:16px;padding:10px 12px}.brainopia-map-hero-label strong{font-size:23px}.brainopia-map-hero-label span{display:none}.brainopia-map-first-page .games-full-city-hero-copy,.brainopia-map-first-page .games-full-campus-copy{padding-inline:2px}}