@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#20251e;background:#eff2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button{font:inherit}#app,.experience{width:100vw;height:100vh;overflow:hidden}.experience{position:relative;background:#b8e6ea}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;outline:none}.topbar{position:absolute;inset:0 0 auto;z-index:4;height:88px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(248,249,245,.92),rgba(248,249,245,.6) 68%,transparent);pointer-events:none}.brand,.top-actions,.view-switch,.panel,.control,.map-trigger,.intro,.exit-guide{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px}.brick-logo{width:46px;height:46px;position:relative;border:3px solid #20251e;background:#ffd646;box-shadow:inset -5px -5px #d28d0638}.brick-logo:before,.brick-logo:after{content:"";position:absolute;top:-9px;width:10px;height:9px;border:3px solid #20251e;border-bottom:0;background:#ffd646}.brick-logo:before{left:5px}.brick-logo:after{right:5px}.brand-copy{display:grid;line-height:1;gap:5px}.brand-copy strong{font-size:15px;letter-spacing:1.6px}.brand-copy span{color:#5e665a;font:500 10px DM Mono,monospace;letter-spacing:.5px}.top-actions{display:flex;gap:9px}.icon-button,.round-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid rgba(31,37,29,.15);color:#20251e;background:#ffffffc7;cursor:pointer;transition:.2s ease}.icon-button:hover,.round-button:hover{background:#fff;transform:translateY(-1px)}.icon-button svg,.round-button svg{width:18px}.intro{position:absolute;z-index:3;top:116px;left:30px;width:min(362px,calc(100vw - 60px))}.eyebrow{margin:0 0 11px;color:#327777;font:600 11px DM Mono,monospace;letter-spacing:1.4px;text-transform:uppercase}h1{max-width:360px;margin:0;font-size:clamp(31px,3.4vw,48px);line-height:1.22;letter-spacing:0;font-weight:800}.intro-text{margin:15px 0 0;max-width:335px;color:#465044;font-size:14px;line-height:1.8}.intro.hidden{display:none}.brick-swatches{display:flex;gap:7px;margin-top:22px}.brick-swatches i{position:relative;width:32px;height:15px;background:#db221e;border-radius:2px;box-shadow:inset 0 -3px #0002}.brick-swatches i:before,.brick-swatches i:after{content:"";position:absolute;width:9px;height:4px;top:-3px;background:inherit;border-radius:2px 2px 0 0}.brick-swatches i:before{left:4px}.brick-swatches i:after{right:4px}.brick-swatches i:nth-child(2){background:#ffd500}.brick-swatches i:nth-child(3){background:#0063bd}.brick-swatches i:nth-child(4){background:#24963d}.view-switch{position:absolute;z-index:5;top:122px;right:30px;display:flex;padding:4px;gap:3px;border:1px solid rgba(31,37,29,.12);background:#ffffffd1;box-shadow:0 7px 20px #3a4b3614}.mode{height:35px;border:0;padding:0 12px;display:flex;align-items:center;gap:7px;color:#566054;background:transparent;cursor:pointer;font-size:12px;font-weight:700;transition:.2s}.mode svg{width:15px}.mode.active{color:#17251f;background:#ffd646}.panel{position:absolute;z-index:4;bottom:26px;left:30px;width:291px;padding:17px;background:#fcfdf8e6;border:1px solid rgba(31,37,29,.13);box-shadow:0 14px 34px #233b291f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.panel-label{margin:0 0 3px;font:500 10px DM Mono,monospace;color:#718071;letter-spacing:.9px}.place-name{margin:0;font-size:17px;font-weight:800}.place-number{color:#d86939;font:700 14px DM Mono,monospace}.place-desc{margin:0;color:#596354;font-size:12px;line-height:1.65}.meter{margin-top:15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;color:#657160;font:500 10px DM Mono,monospace}.track{height:4px;overflow:hidden;background:#dbe2d6}.track i{display:block;width:67%;height:100%;background:#e76f44}.meter span{grid-column:2;grid-row:1}.controls{position:absolute;z-index:4;bottom:26px;right:30px;display:flex;align-items:center;gap:9px}.control{height:43px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(31,37,29,.15);background:#fffc;color:#273127;cursor:pointer;font-weight:700;font-size:12px;transition:.2s}.control:hover{background:#fff}.control svg{width:16px}.control.primary{border-color:#e86942;background:#e86942;color:#fff}.control.primary:hover{background:#d75d39}.hint{position:absolute;z-index:4;left:50%;bottom:31px;transform:translate(-50%);color:#526052;display:flex;align-items:center;gap:7px;font:500 10px DM Mono,monospace;letter-spacing:.1px}.mouse{width:14px;height:20px;border:1.5px solid currentColor;border-radius:8px;position:relative}.mouse:before{content:"";position:absolute;width:2px;height:4px;border-radius:2px;background:currentColor;top:3px;left:5px}.exit-guide{display:none;position:absolute;z-index:7;top:108px;left:50%;transform:translate(-50%);padding:10px 16px;color:#fff;background:#20251e;font-size:12px;box-shadow:0 4px 18px #0000002e}.places{position:absolute;z-index:3;right:30px;bottom:83px;display:grid;gap:7px}.place-chip{position:relative;padding:8px 10px;border:0;color:#263127;background:#ffffffd6;box-shadow:0 4px 13px #293d261c;cursor:pointer;font-size:11px;font-weight:800;text-align:left;transition:.2s}.place-chip:hover,.place-chip.active{background:#ffd646;transform:translate(-3px)}.place-chip small{margin-right:5px;color:#d7603e;font-family:DM Mono,monospace}.map-modal{position:absolute;inset:0;z-index:10;padding:8vh 7vw;display:grid;place-items:center;background:#131d1680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.25s}.map-modal.show{opacity:1;visibility:visible}.map-card{position:relative;max-width:min(850px,100%);max-height:82vh;background:#fff;box-shadow:0 20px 70px #0000004d}.map-card img{display:block;max-width:100%;max-height:82vh}.map-card .round-button{position:absolute;top:10px;right:10px;background:#fffffff0}button:focus-visible{outline:3px solid #0063bd;outline-offset:4px}.control.primary{background:#db221e;border-color:#db221e}.control.primary:hover{background:#be1717}.places{max-height:42vh;overflow-y:auto;padding:4px;margin-right:-4px}@media(max-width:720px){.topbar{height:76px;padding:15px 17px}.brand-copy span{display:none}.brick-logo{width:39px;height:39px}.intro{top:92px;left:18px}.intro-text{max-width:290px;font-size:12px}.view-switch{top:177px;right:18px}.mode{padding:0 9px}.mode span{display:none}.panel{bottom:18px;left:18px;width:calc(100vw - 36px);max-width:320px}.controls{top:366px;right:18px;bottom:auto;flex-direction:column;align-items:flex-end}.control{width:43px;padding:0;justify-content:center}.control span,.hint{display:none}.places{top:240px;right:18px;bottom:auto}.place-chip{padding:7px 8px}.places .place-chip:nth-child(n+4){display:none}}@media(max-width:720px){.intro{width:270px}h1{font-size:29px}.intro-text{max-width:230px;font-size:11px}.brick-swatches{margin-top:13px}.view-switch{top:91px}.places{top:220px;max-height:133px}.places .place-chip:nth-child(n+4){display:block}.exit-guide{top:150px;width:calc(100% - 36px);font-size:11px;text-align:center}}