:root{--gold:#c79b42;--navy:#061d31;--white:#fff;--glass:rgba(3,18,30,.7)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Assistant",Arial,sans-serif;background:#071827;color:#fff}.app{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:0;background:url('upload/image(399).png') center 63%/cover no-repeat;z-index:-3;transition:filter .5s,transform .8s}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,23,41,.96) 0%,rgba(4,31,52,.68) 25%,rgba(1,13,23,.1) 53%,rgba(0,0,0,.78) 83%,#030709 100%)}button{font:inherit;color:inherit}.topbar{height:82px;padding:18px 22px 0;display:flex;align-items:center;justify-content:space-between}.round-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(2,19,33,.28);display:grid;place-content:center;cursor:pointer}.round-btn span{display:block;width:21px;height:2px;margin:2.5px;background:white;border-radius:5px}.sound{font-size:27px;transform:rotate(-40deg)}.brand{text-align:center;font-weight:700;font-size:18px;line-height:1.05}.brand small{display:block;color:#d4ae60;font-weight:400;font-size:11px;margin-top:5px;letter-spacing:.2px}.story-progress{display:flex;gap:5px;padding:12px 24px 0;direction:rtl}.story-progress i{height:3px;flex:1;background:rgba(255,255,255,.28);border-radius:2px;overflow:hidden}.story-progress i::after{content:"";display:block;width:0;height:100%;background:#fff;transition:width .5s}.story-progress i.done::after,.story-progress i.active::after{width:100%}.hero{text-align:center;padding:18px 24px 0;min-height:352px;display:flex;flex-direction:column;align-items:center}.station-count{font-size:16px;font-weight:300;margin-bottom:21px}.station-count b{color:var(--gold);font-size:21px}.location-pill{color:#f0c164;font-size:17px;margin-bottom:9px}.pin{font-size:25px;display:block;line-height:1}.eyebrow{color:#e4b452;margin:0 0 2px;font-size:18px}.hero h1{font-size:clamp(44px,8vw,68px);line-height:.98;margin:6px 0 16px;text-shadow:0 2px 18px rgba(0,0,0,.4)}.gold-line{width:65px;height:3px;background:var(--gold);margin-bottom:17px}.description{font-size:19px;line-height:1.55;font-weight:300;max-width:540px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 18px;margin-top:auto;direction:rtl}.action{border:0;background:none;cursor:pointer;padding:4px 2px;text-align:center}.action i{font-style:normal;border:1.5px solid var(--gold);color:var(--gold);width:64px;height:64px;border-radius:50%;display:grid;place-content:center;margin:0 auto 8px;font-size:27px;background:rgba(7,22,31,.28);transition:.2s}.action:hover i{background:var(--gold);color:#12202b;transform:translateY(-3px)}.action span{font-size:14px;font-weight:600;line-height:1.2}.swipe-hint{text-align:center;color:var(--gold);font-weight:600;margin:12px 0 9px;display:flex;flex-direction:column;font-size:22px;line-height:.8}.swipe-hint span{font-size:14px}.bottom-nav{margin:0 18px calc(14px + env(safe-area-inset-bottom));height:74px;border:1px solid rgba(255,255,255,.56);border-radius:38px;display:grid;grid-template-columns:1fr 76px 1fr;background:rgba(2,7,12,.65);overflow:hidden;direction:ltr}.bottom-nav button{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:14px}.bottom-nav b{font-size:25px;font-weight:300}.bottom-nav .map-button{border-right:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);flex-direction:column;gap:0}.map-button span{font-size:29px}.map-button small{font-size:13px}.drawer,.sheet,.map-modal{position:absolute;z-index:10;background:#f4f0e8;color:#092238;transition:.35s ease;box-shadow:0 0 50px rgba(0,0,0,.35)}.drawer{top:0;right:0;width:min(88%,390px);height:100%;padding:76px 25px 30px;transform:translateX(105%)}.drawer.open{transform:none}.close{position:absolute;top:20px;left:20px;border:1px solid #16324a;border-radius:50%;width:42px;height:42px;background:transparent;font-size:27px;line-height:1;cursor:pointer}.drawer-kicker,.map-head p{color:#aa7b29;margin:0;font-weight:700}.drawer h2{font-size:31px;margin:4px 0 25px}.station-list{display:grid;gap:9px}.station-list button,.drawer-links button{border:1px solid #d6cbb9;background:#fff;padding:15px;text-align:right;border-radius:11px;cursor:pointer;color:#102c42}.station-list b{display:inline-grid;place-content:center;width:28px;height:28px;border-radius:50%;margin-left:10px;background:#0a2a43;color:#fff}.station-list button.current{border-color:#b78a3b;background:#f7edda}.drawer-links{position:absolute;bottom:25px;right:25px;left:25px;display:grid;gap:8px}.sheet{bottom:0;right:0;left:0;min-height:43%;border-radius:26px 26px 0 0;padding:43px 28px 35px;transform:translateY(105%)}.sheet.open{transform:none}.sheet-handle{position:absolute;top:12px;left:50%;width:48px;height:4px;border-radius:4px;background:#c5bcae;transform:translateX(-50%)}.sheet .close{top:21px}.sheet .icon{font-size:35px;color:#b28739}.sheet h2{font-size:29px;margin:4px 0 12px}.sheet p{font-size:17px;line-height:1.55;margin:0 0 14px}.sheet .cta{display:inline-block;padding:12px 20px;background:#0a2a43;color:#fff;border-radius:25px;text-decoration:none;border:0}.map-modal{inset:0;transform:translateY(105%);padding:65px 25px 25px}.map-modal.open{transform:none}.map-head{text-align:center}.map-head h2{font-size:34px;margin:3px}.map-head span{color:#5c6872}.map-canvas{position:relative;height:62vh;max-width:650px;margin:25px auto;background:#e4d8c4;border-radius:23px;overflow:hidden;background-image:linear-gradient(35deg,transparent 46%,rgba(126,101,67,.14) 47% 50%,transparent 51%),linear-gradient(-35deg,transparent 46%,rgba(126,101,67,.1) 47% 50%,transparent 51%);background-size:58px 58px}.wall-shape{position:absolute;top:10%;bottom:10%;right:17%;width:21%;background:#b89e79;border-radius:4px;transform:rotate(3deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.wall-label{position:absolute;right:11%;top:48%;z-index:2;transform:rotate(-87deg);font-weight:700;color:#735d3e}.map-pin{position:absolute;border:0;background:none;display:flex;flex-direction:column;align-items:center;color:#092238;cursor:pointer}.map-pin b{display:grid;place-content:center;width:42px;height:42px;border-radius:50% 50% 50% 0;background:#0a2a43;color:#fff;transform:rotate(-45deg);box-shadow:0 3px 10px #796c5d}.map-pin b::first-letter{transform:rotate(45deg)}.map-pin span{margin-top:6px;background:white;padding:3px 8px;border-radius:10px;white-space:nowrap;font-weight:600}.p1{right:43%;bottom:18%}.p2{right:48%;top:17%}.p3{left:13%;top:27%}.p4{left:19%;bottom:20%}.you-are-here{position:absolute;bottom:5%;right:7%;color:#af3535;background:#fff;padding:5px 9px;border-radius:12px}.overlay{position:absolute;inset:0;z-index:8;background:rgba(0,12,22,.55);opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}@media(min-width:800px){body{display:grid;place-content:center;background:#d9d4cb}.app{width:430px;height:900px;min-height:0;border-radius:26px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.hero{min-height:360px}.quick-actions{margin-top:25px}}