/* КормимПтиц! — v5.0: concept-faithful design refinement.
   Does not change API hooks, account/QR flows or data. */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap');
:root{--v5-gold:#f5d39b;--v5-navy:#061b2a;--v5-card:rgba(7,29,43,.89);--v5-border:rgba(218,230,232,.27);--v5-text:#f6f7f7;--ui-font:'Onest',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html{background:#061b2a}
body,body button,body input,body textarea,body select{font-family:var(--ui-font)!important;letter-spacing:0}
body{background:#061b2a;color:#f5f7f8}
.site-shell{max-width:none;overflow:clip}
.site-header{position:absolute!important;top:0;left:0;right:0;height:86px!important;padding:0 clamp(18px,2.2vw,40px)!important;background:linear-gradient(180deg,rgba(6,24,38,.88) 0%,rgba(6,24,38,.48) 75%,transparent 100%)!important;display:flex!important;align-items:center;gap:clamp(12px,1.6vw,25px)!important;border:0!important;z-index:75;box-shadow:none!important}
.brand{min-width:260px!important;gap:8px!important;align-items:center;flex-shrink:0}
.brand-icon-svg{height:59px!important;width:59px!important;filter:none!important;object-fit:contain}
.brand-text{display:flex;flex-direction:column;gap:3px!important}
.brand-text strong{font-size:clamp(21px,1.75vw,27px)!important;font-weight:600!important;letter-spacing:-.8px!important;line-height:1.08;color:white;font-family:var(--ui-font)!important;text-shadow:none!important}
.brand-text small{display:block!important;font-size:10px!important;font-weight:400!important;color:#d5e2e8!important;white-space:nowrap!important;letter-spacing:0!important}
.top-nav{display:flex;flex:1;justify-content:center!important;gap:clamp(4px,.6vw,12px)!important;align-items:center}
.top-nav .nav-link{font-size:12px!important;font-weight:400!important;color:#e1e9ed!important;letter-spacing:0;padding:10px 9px!important;border:0!important;white-space:nowrap;border-radius:8px!important;transition:background .2s,color .2s}
.top-nav .nav-link:hover,.top-nav .nav-link.active{background:transparent!important;color:#ffe0ab!important}
.top-nav .nav-link.active:after{height:2px!important;background:#f6d39a!important;bottom:0!important;left:11px!important;right:11px!important}
.header-actions{gap:9px!important;margin-left:auto}
.live-marker{display:none!important}
.ghost.account{font-size:12px!important;font-weight:500!important;padding:10px 17px!important;background:#102f3ec4!important;border:1px solid #bcd3dc6b!important;border-radius:999px!important;box-shadow:none!important;color:#f2f8f9}
.primary.top-cta{font-size:12px!important;font-weight:600!important;color:#152d36!important;background:linear-gradient(110deg,#ffe8b5,#edc27f)!important;padding:13px 19px!important;box-shadow:none!important;border-radius:999px!important;border:0!important}
.primary.top-cta span{font-weight:400!important}
.experience{position:relative!important;display:block!important;width:100%;height:clamp(680px,78svh,850px)!important;min-height:680px!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#0d2a3b!important;isolation:isolate}
.explore-main{position:relative!important;width:100%;height:100%;max-height:none!important}
.scene{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;max-height:none!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;background:linear-gradient(90deg,rgba(2,23,35,.35),transparent 36%,transparent 66%,rgba(2,17,30,.42)), url('/static/ambient_v5.webp') center/cover no-repeat!important;overflow:hidden!important;isolation:isolate}
.scene::before{content:'';position:absolute;inset:0;z-index:2!important;pointer-events:none;background:linear-gradient(90deg,rgba(5,25,37,.46) 0%,rgba(5,25,37,.05) 27%,transparent 59%,rgba(6,23,36,.15) 100%),linear-gradient(180deg,rgba(8,25,40,.02) 0%,transparent 62%,rgba(3,17,29,.60) 100%)!important}
.scene::after{background:radial-gradient(ellipse 35% 28% at 44% 70%,#efb87912,transparent 85%)!important;z-index:0}
.scenery-backdrop{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 18% 37% at 5% 63%,#53704669,transparent 90%),radial-gradient(ellipse 27% 30% at 95% 75%,#48623a63,transparent 90%),linear-gradient(180deg,#203b5516,#0d283317);filter:none!important;transition:filter 1.5s}
.scene-transform{position:absolute!important;inset:auto!important;left:49%!important;top:51.5%!important;height:min(79%,700px)!important;width:auto!important;max-width:none!important;min-width:0!important;aspect-ratio:728/613!important;z-index:1!important;overflow:visible;transform:translate(-50%,-50%) scale(var(--zoom,1))!important;transform-origin:var(--origin-x,50%) var(--origin-y,50%)!important;transition:transform 1150ms cubic-bezier(.18,.82,.2,1)!important;filter:drop-shadow(0 20px 26px rgba(0,16,25,.37))!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)!important}
.facade-photo{width:100%;height:100%;object-fit:fill!important;display:block;pointer-events:none;filter:saturate(1.05) brightness(1.03) contrast(1.03)!important;transition:filter 1.45s ease!important}
.scene[data-time=morning] .facade-photo{filter:saturate(.88) brightness(1.18) contrast(.96)!important}
.scene[data-time=day] .facade-photo{filter:saturate(.84) brightness(1.29) contrast(.95)!important}
.scene[data-time=evening] .facade-photo{filter:saturate(1.08) brightness(1.03) contrast(1.02)!important}
.scene[data-time=night] .facade-photo{filter:saturate(.86) brightness(.58) contrast(1.13)!important}
.scene.is-night::before{background:linear-gradient(180deg,#03132456,transparent 30%,#03131a6a 100%),linear-gradient(90deg,#03111b8c,transparent 40%,#03111a6e)!important}
.foreground-foliage{pointer-events:none!important;background:radial-gradient(ellipse 23% 22% at -7% 5%,#2544297c,transparent 90%),radial-gradient(ellipse 21% 15% at 104% 100%,#2e473178,transparent 92%)!important;z-index:3!important}
.window-map{position:absolute;inset:0;z-index:4!important}
.hotspot{width:5.9%!important;height:5.0%!important;margin:0;border-radius:5px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;opacity:0!important;transition:background .2s,opacity .2s,box-shadow .2s!important;cursor:pointer}
.hotspot:hover,.hotspot:focus-visible,.hotspot.selected{opacity:1!important;background:#a4dcff30!important;border:1.5px solid #d4ebff!important;box-shadow:0 0 0 4px #8bc9ff2e,0 0 15px #d8eaff99!important}
.hotspot.is-occupied:not(.selected){opacity:.96!important;background:#f3cd8a14!important;border:1.5px solid #ffe5aa!important;box-shadow:0 0 12px #ffc77b89!important}
.hero{position:absolute!important;z-index:21!important;top:112px!important;left:clamp(18px,2vw,37px)!important;width:clamp(224px,18.9vw,285px)!important;min-height:0!important;height:auto!important;padding:17px 18px 16px!important;border-radius:17px!important;background:linear-gradient(135deg,rgba(20,46,61,.91),rgba(7,30,43,.88))!important;border:1px solid var(--v5-border)!important;box-shadow:0 12px 30px rgba(0,19,31,.27)!important;backdrop-filter:blur(16px)!important;color:white!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
.hero-content{display:grid!important;grid-template-columns:35px 1fr!important;row-gap:3px!important;column-gap:10px!important;max-width:none!important}
.hero .house-icon{grid-row:span 3!important;font-size:32px!important;color:#f5d89d!important;line-height:1.1!important;margin:0!important}
.hero .eyebrow{font-size:14px!important;font-weight:600!important;letter-spacing:0!important;color:#f6f6f3!important;margin:0!important}
.hero h1{font-size:11px!important;font-weight:400!important;font-family:var(--ui-font)!important;letter-spacing:0!important;line-height:1.4!important;color:#d8e5e8!important;margin:0!important}
.hero p{display:none!important}
.house-bar{height:6px!important;margin:15px 0 11px!important;background:#e7f2ee2b!important;border-radius:50px!important}
.bar-fill{background:linear-gradient(90deg,#f7ddb2,#f0bc7f)!important}
.hero .hero-stats{margin:3px 0 0!important;font-size:12px!important;line-height:1.45;color:#dce9ec!important;letter-spacing:0!important;font-weight:400!important}
.hero .hero-stats strong{font-family:var(--ui-font)!important;color:#f9d49a!important;font-size:14px!important;font-weight:600!important}
.house-explore{right:13px!important;bottom:11px!important;width:29px!important;height:29px!important;background:#dfeef016!important;border:1px solid #dceaf052!important;color:#eaf2f4!important;font-size:16px!important;border-radius:50%!important;box-shadow:none!important}
.floor-rail{z-index:20!important;position:absolute!important;left:clamp(18px,2vw,37px)!important;top:290px!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:5px!important;align-items:center!important;padding:10px 7px!important;background:#092638dc!important;border:1px solid #d0e2e85b!important;backdrop-filter:blur(15px)!important;border-radius:16px!important;box-shadow:0 10px 28px #0515226e!important}
.floor-rail>span{font-size:9px!important;font-weight:400!important;color:#cbdbdf!important;letter-spacing:.3px!important}
.floor-rail button{width:27px!important;height:27px!important;border-radius:50%!important;color:#e8f1f3!important;font-size:12px!important;font-weight:400!important;background:#e5eff013!important;border:1px solid #e2edef24!important}
.floor-rail button.current,.floor-rail button:hover{color:#243b42!important;background:#f7daa7!important;border-color:#f7daa7!important;box-shadow:none!important;font-weight:600!important}
.scene-toolbar{position:absolute!important;z-index:26!important;top:112px!important;left:auto!important;right:clamp(400px,28.6vw,475px)!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:14px!important;padding:7px 8px!important;background:#092638e0!important;border:1px solid #d6e8ed56!important;backdrop-filter:blur(12px)!important;width:max-content!important;max-width:none!important;box-shadow:0 8px 24px #00111c45!important}
.building-identity{display:flex;align-items:center;gap:7px}
.building-identity>span:nth-child(2){font-size:11px!important;font-weight:600!important;letter-spacing:0!important;white-space:nowrap}
.building-identity small{font-size:9px!important;font-weight:400!important;color:#cbdadd!important;white-space:nowrap}
.scene-actions{gap:3px!important;display:flex;align-items:center}
.scene-btn,.scene-actions .scene-btn{padding:7px 8px!important;min-width:0!important;font-size:11px!important;font-weight:400!important;background:#e0edf00e!important;color:#dceaf1!important;border:1px solid #cedce02f!important;border-radius:9px!important;box-shadow:none!important}
.scene-actions .house-arrow{font-size:18px!important;line-height:13px!important}
.scene-actions #night-btn{font-size:11px!important}
.house-current{font-size:10px!important}
.time-bar{position:absolute!important;z-index:27!important;left:49%!important;bottom:25px!important;transform:translateX(-50%)!important;padding:5px!important;gap:2px!important;background:#092637e8!important;border:1px solid #d8e5e088!important;border-radius:100px!important;backdrop-filter:blur(15px)!important;box-shadow:0 10px 30px #00121e75!important;display:flex!important}
.time-bar button{font-size:12px!important;font-weight:400!important;color:#d8e5e8!important;padding:9px 13px!important;border-radius:40px!important;white-space:nowrap}
.time-bar button.current,.time-bar button:hover{background:#f5d3962a!important;color:#ffe0a8!important}
.scene-bottom{position:absolute!important;z-index:27!important;left:calc(49% - 332px)!important;right:auto!important;bottom:25px!important;transform:none!important;background:#092637e8!important;border:1px solid #dce9e082!important;border-radius:100px!important;padding:4px 6px!important;box-shadow:0 10px 30px #00121e63!important}
.stage-legend{display:none!important}.zoom-tools{gap:6px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.zoom-tools button{font-size:19px!important;font-weight:400!important;color:#e6eff2!important;width:29px!important;height:32px!important}.zoom-tools input{width:60px!important;accent-color:#f4cf95}
.house-neighbors{position:absolute!important;bottom:28px!important;left:clamp(18px,2vw,37px)!important;z-index:20!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;color:#b5d1d6!important;font-weight:400!important;max-width:260px}
.house-neighbors button{flex-shrink:0;background:#0e303eae!important;border-radius:50%!important;border:1px solid #d9e9ed56!important;color:white!important;width:25px!important;height:25px!important;font-size:16px!important}
.ambient-caption,.sky-note,.mobile-how{display:none!important}
.detail-panel{position:absolute!important;z-index:37!important;top:106px!important;right:clamp(18px,2vw,38px)!important;width:clamp(342px,27.4vw,405px)!important;height:calc(100% - 127px)!important;max-height:670px!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none!important;padding:18px 18px 22px!important;border-radius:18px!important;border:1px solid #c8dce278!important;background:linear-gradient(145deg,rgba(9,33,47,.96),rgba(5,23,34,.96))!important;backdrop-filter:blur(26px)!important;box-shadow:0 20px 54px #00111d77!important;opacity:1!important;transform:none!important;pointer-events:auto!important;color:#ecf4f5!important;display:block!important}
.detail-panel::-webkit-scrollbar{display:none!important}
.detail-panel .panel-close{position:sticky!important;top:0!important;float:right!important;z-index:8!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#ffffff17!important;border:1px solid #e0f2f34b!important;color:#eaf5f5!important;font-family:var(--ui-font)!important;font-size:18px!important;font-weight:400!important}
.detail-panel .panel-top{display:flex;align-items:center;gap:9px;min-height:30px;margin-top:2px}
.detail-panel .panel-eyebrow{background:#f9dea9!important;color:#20313c!important;padding:7px 10px!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important;border:0!important;border-radius:40px!important}
.detail-panel .pill{background:transparent!important;color:#84deb0!important;font-size:11px!important;font-weight:500!important;border:0!important}
.detail-panel .pill.free{color:#b9d6df!important}
.detail-panel h2{font-size:clamp(19px,1.6vw,23px)!important;font-weight:600!important;letter-spacing:-.4px!important;line-height:1.28!important;margin:14px 0 6px!important;color:white!important;font-family:var(--ui-font)!important}
.detail-panel .detail-lead{font-size:12px!important;line-height:1.5!important;font-weight:400!important;color:#c2d1d7!important;margin:0 0 15px!important}
.detail-panel .bird-preview{height:clamp(150px,20svh,215px)!important;margin-bottom:15px!important;border-radius:13px!important;background:#183847!important;border:1px solid #d9e4e330!important;box-shadow:none!important;overflow:hidden!important}
.detail-panel .bird-preview img,.detail-panel .bird-preview video{width:100%;height:100%;object-fit:cover!important}
.detail-panel .photo-label{font-size:10px!important;font-weight:400!important;color:#e1eff4!important;background:#0d2b3bcd!important;border-radius:8px!important}
.detail-panel .panel-facts{gap:9px!important;margin:0 0 13px!important}
.detail-panel .panel-facts div{background:#ffffff0c!important;border:1px solid #c7dbe12e!important;padding:12px!important;border-radius:11px!important}
.detail-panel .panel-facts label{font-size:9px!important;font-weight:500!important;color:#c4d6db!important;letter-spacing:.3px!important}
.detail-panel .panel-facts b{font-size:12px!important;font-weight:500!important;line-height:1.45!important;color:#f7fafb!important}
.detail-panel .panel-note{font-size:12px!important;line-height:1.55!important;color:#c7d6dc!important}
.detail-panel .panel-subhead{font-size:12px!important;font-weight:600!important;color:#f1f8f8!important;margin:14px 0 8px!important}
.detail-panel .tiny-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:12px 0 8px!important}
.detail-panel .tiny-actions button{padding:7px 9px!important;font-size:11px!important;font-weight:400!important;border:1px solid #e6f0ef33!important;border-radius:999px!important;background:#ffffff0d!important;color:#edf5f5!important}
.detail-panel .view-counter{font-size:10px!important;color:#acbdc5!important;margin:8px 0!important}
.detail-panel .panel-buttons{margin-top:16px!important;display:flex;gap:9px;flex-wrap:wrap}
.detail-panel .primary,.detail-panel .panel-buttons .primary{font-size:12px!important;font-weight:600!important;color:#17313c!important;background:linear-gradient(120deg,#ffe4af,#efc788)!important;border:0!important;box-shadow:none!important;padding:12px 15px!important;border-radius:999px!important}
.detail-panel .outline{font-size:12px!important;font-weight:400!important;color:#e4f0f0!important;background:#ffffff0b!important;border:1px solid #e6f0f050!important;border-radius:999px!important}
/* Ranks are truthful: only real server data is counted; empty cards invite participation. */
.rank-section{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(240px,1.35fr) minmax(152px,.78fr)!important;grid-template-rows:30px 160px!important;gap:10px!important;min-height:211px!important;padding:12px clamp(18px,2.1vw,42px) 16px!important;background:linear-gradient(90deg,#061b29,#0a2634)!important;border-top:1px solid #c4dadb35!important;color:#eaf2f3!important}
.rank-section-top{grid-column:1/4!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important}
.rank-section-top h2{font-family:var(--ui-font)!important;font-size:17px!important;font-weight:600!important;color:white!important;letter-spacing:-.25px!important}
.rank-section-top .outline{font-size:11px!important;font-weight:400!important;padding:5px 7px!important;border:0!important;background:none!important;color:#d7e5e6!important}
.rank-columns{display:contents!important}
.rank-card{grid-row:2!important;min-width:0!important;padding:11px!important;background:linear-gradient(145deg,#17313b,#0b2837)!important;border:1px solid #d1e2e148!important;border-radius:13px!important;box-shadow:none!important;overflow:hidden!important}
.rank-card h3{font-family:var(--ui-font)!important;font-size:11px!important;font-weight:500!important;color:#f1e8d6!important;margin-bottom:8px!important}
.rank-row:not(:first-child){display:none!important}.rank-section.expanded{grid-template-rows:30px auto!important}.rank-section.expanded .rank-row:not(:first-child){display:flex!important}
.rank-row:first-child{min-height:100px!important}.rank-row .rank-number{height:25px!important;width:25px!important;min-width:25px!important;font-size:12px!important;font-weight:600!important}
.rank-name b{font-size:12px!important;font-weight:500!important}.rank-name small{font-size:10px!important;font-weight:400!important}
.rank-empty{min-height:101px!important;font-size:11px!important;line-height:1.45!important;font-weight:400!important}
.compact-share{grid-column:4!important;grid-row:1/3!important;padding:15px 15px 13px!important;background:linear-gradient(135deg,#153441,#0a2837)!important;border:1px solid #d3e3e34a!important;border-radius:13px!important;min-width:0!important}
.compact-share h3{font-family:var(--ui-font)!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.25px;margin:0 0 6px!important}
.compact-share p{font-size:11px!important;font-weight:400!important;line-height:1.5!important;color:#bfcfd3!important;margin-bottom:10px!important}
.social-buttons{gap:6px!important;margin:9px 0 10px!important}
.social-buttons button{width:30px!important;height:30px!important;font-size:13px!important;font-weight:500!important;border-radius:50%!important}
.compact-share-cta{width:100%;padding:10px 12px!important;font-size:11px!important;font-weight:600!important;color:#1c3139!important;background:#f6d49e!important;border-radius:999px!important}
.compact-shop{grid-row:1/3!important;grid-column:5!important;border-radius:13px!important;min-width:0!important;overflow:hidden!important;border:1px solid #d4e5e557!important}
.compact-shop strong{font-size:11px!important;font-weight:500!important}
.compact-shop button{font-size:11px!important;font-weight:600!important;border-radius:50px!important;background:#f5d49d!important;color:#183039!important}
.share-section{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;padding:36px clamp(18px,3vw,55px)!important;background:linear-gradient(120deg,#0b2c3b,#103a45)!important;color:white!important}
.share-section .micro,.micro{font-family:var(--ui-font)!important;font-size:10px!important;font-weight:600!important;letter-spacing:1.4px!important;color:#f4d298!important}
.share-section h2{font-family:var(--ui-font)!important;font-weight:500!important;letter-spacing:-.7px!important;font-size:clamp(24px,2.2vw,32px)!important;line-height:1.25!important;margin:8px 0 10px!important;color:#fff!important}
.share-section p{font-size:13px!important;font-weight:400!important;line-height:1.6!important;color:#c5dce0!important}
.share-section .primary{font-size:12px!important;font-weight:600!important;color:#17313c!important;background:#f6d49e!important;border-radius:50px!important}
.share-section .outline{font-size:12px!important;font-weight:400!important;color:#e9f2f3!important;border:1px solid #bed7da77!important;border-radius:50px!important}
.below,.atlas,.steps{background:#f3f5f0!important;color:#23413d!important}
.section-head h2,.join-banner h3{font-family:var(--ui-font)!important;font-size:clamp(23px,2.3vw,31px)!important;font-weight:600!important;letter-spacing:-.7px!important;color:#203e3e!important}
.section-head p{font-size:13px!important}.steps-grid h3{font-weight:600!important}.footer{background:#061b2a!important;color:#bfd5d9!important}
.footer-brand strong{font-size:16px!important;font-weight:600!important;color:#f2d59f!important}
/* tablet: panel becomes a bottom sheet to leave building unobstructed */
@media(max-width:1150px){
 .site-header{height:74px!important;padding:0 16px!important}.brand{min-width:218px!important}.brand-icon-svg{width:49px!important;height:49px!important}.brand-text strong{font-size:21px!important}.brand-text small{font-size:9px!important}
 .top-nav .nav-link{font-size:11px!important;padding:8px 5px!important}.header-actions{gap:6px!important}.primary.top-cta{font-size:10px!important;padding:10px 13px!important}.ghost.account{font-size:11px!important;padding:9px 12px!important}
 .experience{height:740px!important;min-height:680px!important}.scene-transform{height:min(72%,650px)!important;left:50%!important;top:52%!important}
 .scene-toolbar{right:18px!important;top:88px!important}.hero{top:88px!important;left:17px!important;width:220px!important;padding:14px 14px!important}.floor-rail{top:259px!important;left:17px!important}
 .detail-panel{position:fixed!important;inset:auto 0 0 0!important;top:auto!important;right:0!important;width:100%!important;max-width:none!important;max-height:78dvh!important;height:auto!important;padding:20px 22px 25px!important;border-radius:22px 22px 0 0!important;opacity:1!important;pointer-events:none!important;transform:translateY(110%)!important;z-index:105!important;box-shadow:0 -16px 45px #061b29a3!important}
 .experience.detail-open .detail-panel{transform:translateY(0)!important;pointer-events:auto!important}.experience:not(.detail-open) .detail-panel{transform:translateY(110%)!important;pointer-events:none!important}
 .time-bar{bottom:75px!important;left:50%!important}.scene-bottom{left:50%!important;bottom:20px!important;transform:translateX(-50%)!important}
 .house-neighbors{display:none!important}.rank-section{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:30px 160px auto!important}
 .rank-section-top{grid-column:1/4!important}.compact-share{grid-column:1/3!important;grid-row:3!important}.compact-shop{grid-column:3!important;grid-row:3!important;height:auto!important}
}
@media(max-width:720px){
 .site-header{height:66px!important;padding:0 12px!important}.brand{gap:5px!important;min-width:0!important}.brand-icon-svg{width:45px!important;height:45px!important}.brand-text strong{font-size:18px!important}.brand-text small{font-size:8px!important;white-space:normal!important}.top-nav{display:none!important}.ghost.account{font-size:10px!important;padding:8px 10px!important}.header-actions .top-cta{display:none!important}
 .experience{height:clamp(620px,91svh,810px)!important;min-height:620px!important}.scene-transform{height:auto!important;width:95vw!important;max-width:none!important;aspect-ratio:728/613!important;left:52%!important;top:52%!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)!important}
 .hero{top:80px!important;left:12px!important;width:186px!important;padding:11px 12px!important;border-radius:13px!important}.hero-content{grid-template-columns:27px 1fr!important;gap:2px!important}.hero .house-icon{font-size:26px!important}.hero .eyebrow{font-size:11px!important}.hero h1{font-size:10px!important}.hero .hero-stats{font-size:10px!important}.hero .hero-stats strong{font-size:11px!important}.house-bar{margin:10px 0 7px!important}.house-explore{right:8px!important;bottom:8px!important;width:24px!important;height:24px!important}
 .scene-toolbar{top:80px!important;right:10px!important;gap:3px!important;padding:4px!important}.building-identity{display:none!important}.scene-actions{gap:2px!important}.scene-actions .scene-btn{font-size:10px!important;padding:6px 5px!important}.scene-actions .house-arrow{font-size:15px!important}.scene-actions #night-btn{display:none!important}
 .floor-rail{left:12px!important;top:227px!important;padding:7px 5px!important;gap:3px!important;border-radius:14px!important}.floor-rail>span{font-size:8px!important}.floor-rail button{width:23px!important;height:23px!important;font-size:10px!important}
 .time-bar{bottom:80px!important;left:50%!important;max-width:calc(100vw - 22px)!important;padding:4px!important;gap:0!important}.time-bar button{font-size:10px!important;padding:9px 10px!important}
 .scene-bottom{bottom:22px!important;left:50%!important}.zoom-tools input{width:56px!important}.zoom-tools button{font-size:16px!important;width:25px!important}
 .detail-panel{padding:17px 16px 24px!important;max-height:77dvh!important}.detail-panel .bird-preview{height:180px!important}.detail-panel h2{font-size:21px!important}
 .rank-section{padding:16px 12px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:10px!important}.rank-section-top{grid-column:1/3!important;grid-row:auto!important}.rank-card{grid-row:auto!important;padding:10px!important}.rank-card:nth-child(3){grid-column:1/3!important}.rank-empty{min-height:95px!important}.compact-share{grid-column:1/3!important;grid-row:auto!important}.compact-shop{grid-column:1/3!important;grid-row:auto!important;min-height:145px!important}
 .share-section{display:block!important;padding:28px 17px!important}.share-section h2{font-size:24px!important}.share-section .share-links{margin-top:15px}
}
@media(prefers-reduced-motion:reduce){.scene-transform,.facade-photo{transition:none!important}}