.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
.station-list button{padding-right:18px}
.action{min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.action i{margin:0 auto 6px!important}
.action i svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.action span{min-height:34px;display:flex;align-items:center;justify-content:center}
.sound{transform:none!important;font-size:inherit}
.sound svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sound svg path:first-child{fill:currentColor}
.backdrop{background-position:center;background-size:cover;transition:opacity .28s,transform .6s}
.backdrop.changing{opacity:.25;transform:scale(1.03)}
.map-stations{position:absolute;inset:9% 8%;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:9px;z-index:4}
.map-stations .map-pin{position:static;border:1px solid rgba(9,34,56,.18);background:rgba(255,255,255,.92);display:flex;flex-direction:row;align-items:center;gap:7px;color:#092238;border-radius:12px;padding:8px;text-align:right}
.map-stations .map-pin b{display:grid;place-content:center;min-width:30px;height:30px;border-radius:50%;background:#0a2a43;color:#fff;transform:none}
.map-stations .map-pin span{margin:0;background:none;padding:0;white-space:normal;font-size:12px}
.map-stations .map-pin.current{border-color:#b78a3b;background:#fff4df}
.shade{background:linear-gradient(180deg,rgba(1,16,28,.96) 0%,rgba(2,24,41,.66) 28%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.88) 79%,#020608 100%)}
.hero{min-height:345px;justify-content:flex-start}
.hero h1{font-size:clamp(38px,7vw,56px);line-height:1.02;text-shadow:0 3px 16px #000,0 1px 3px #000}
.description{background:rgba(2,15,25,.72);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 15px;font-size:18px;line-height:1.35;font-weight:500;text-shadow:0 2px 5px #000}
.eyebrow,.location-pill,.station-count{text-shadow:0 2px 7px #000}
.sheet{padding-top:34px;max-height:82%;overflow-y:auto}
.sheet-image{display:block;width:calc(100% + 56px);height:190px;object-fit:cover;margin:-34px -28px 20px;border-radius:26px 26px 0 0}
.sheet .icon{font-size:27px}.sheet h2{margin-top:0}
.quick-actions{grid-template-columns:1.35fr 1fr 1fr;gap:8px;padding:0 16px}.action{background:rgba(2,15,25,.58);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:10px 4px}.story-action{background:rgba(177,133,52,.22);border-color:rgba(199,155,66,.7)}.whatsapp-action i{border-color:#73d794;color:#73d794}.action i{width:54px;height:54px;margin-bottom:6px}.map-button svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.map-canvas{height:auto;aspect-ratio:1024/680;background:url('upload/kotel-map.jpg') center/contain no-repeat #d8d3c9;border-radius:16px}.wall-shape,.wall-label{display:none}.map-stations{inset:0;display:block}.map-stations .map-pin{position:absolute;width:auto;max-width:112px;padding:3px 6px;background:rgba(255,255,255,.96);box-shadow:0 2px 9px rgba(0,0,0,.34);border:1px solid rgba(9,34,56,.2);border-radius:10px;gap:4px}.map-stations .map-pin:nth-child(1){left:48%;top:50%}.map-stations .map-pin:nth-child(2){left:54%;top:61%}.map-stations .map-pin:nth-child(3){left:31%;top:39%}.map-stations .map-pin:nth-child(4){right:1.5%;top:69%}.map-stations .map-pin:nth-child(5){left:47%;top:58%}.map-stations .map-pin:nth-child(6){left:36%;top:51%}.map-stations .map-pin:nth-child(7){left:48%;top:43%}.map-stations .map-pin:nth-child(8){left:25%;top:48%}.map-stations .map-pin b{min-width:13px;width:13px;height:13px;border:3px solid #ffe900;background:#092238;box-shadow:0 1px 4px rgba(0,0,0,.55)}.map-stations .map-pin span{font-size:9px;line-height:1.05}.map-stations .map-pin.current{outline:2px solid #ffe900;outline-offset:1px}.sheet p{font-size:18px;line-height:1.7}.sheet h2{font-size:31px}.language-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 0 18px;padding:2px 0 7px;scrollbar-width:none}.language-tabs::-webkit-scrollbar{display:none}.language-tab{flex:0 0 auto;border:1px solid #cbbfae;background:#fff;color:#102c42;border-radius:18px;padding:7px 12px;cursor:pointer}.language-tab.active{background:#0a2a43;color:#fff;border-color:#0a2a43}.welcome-copy{text-align:start}.welcome-copy h2{line-height:1.12}.welcome-copy p{margin-bottom:10px}.welcome-copy em{color:#77591f}
.topbar{position:relative}.topbar .brand{position:absolute;top:25px;left:50%;transform:translateX(-50%);width:145px;font-size:16px}.brand small{font-size:12px}#menuBtn,#soundBtn,.language-button{position:absolute;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.72);background:rgba(2,19,33,.28)}#menuBtn{right:22px}#soundBtn{left:22px}.language-button{left:82px}.language-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.language-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.language-choice{min-height:52px;border:1px solid #d5c9b7;border-radius:13px;background:#fff;color:#102c42;cursor:pointer}.language-choice.active{background:#0a2a43;color:#fff;border-color:#0a2a43}.language-choice b{font-size:17px}
.stones-story h3{margin:24px 0 12px;font-size:22px;color:#0a2a43}.stones-intro,.stones-note{font-size:17px!important}.stone-periods{display:grid;gap:10px}.stone-periods section{position:relative;border:1px solid #d8c9ad;border-radius:14px;padding:14px 48px 12px 13px;background:#fff}.stone-periods section>b{position:absolute;right:12px;top:14px;display:grid;place-content:center;width:27px;height:27px;border-radius:50%;background:#a97717;color:#fff}.stone-periods h4{font-size:17px;margin:0 0 4px}.stone-periods strong{display:block;color:#8a641c;margin-bottom:5px}.stone-periods p{font-size:15px!important;line-height:1.45!important;margin:0!important}.stone-features{margin:0;padding-right:22px;display:grid;gap:8px;font-size:16px;line-height:1.45}.stone-measures{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stone-measures span{border-radius:12px;background:#e8e0d2;padding:11px;text-align:center}.stone-measures b{display:block;color:#0a2a43;font-size:17px}.stones-note{margin-top:20px!important;padding:13px;border-right:4px solid #b48731;background:#eee6d9}.stones-infographic-link{display:block;margin:18px auto 0;width:max-content;border:1px solid #b48731;border-radius:999px;padding:9px 16px;color:#0a2a43;text-align:center;text-decoration:none;font-weight:700}
.stone-diagram{position:relative;overflow:hidden;margin:0 0 12px;border:1px solid #d8c9ad;border-radius:14px;background:#e8e0d2}.stone-diagram img{position:absolute;inset-inline-start:0;top:0;width:100%;height:auto;max-width:none}.stone-diagram figcaption{position:absolute;inset-inline:10px;bottom:8px;padding:6px 10px;border-radius:9px;background:rgba(5,32,51,.9);color:#fff;font-size:13px;text-align:center}.stone-diagram-layers{aspect-ratio:1.26}.stone-diagram-layers img{transform:translateY(0)}.stone-diagram-features{aspect-ratio:2.55}.stone-diagram-features img{transform:translateY(-48%)}.stone-diagram-measures{aspect-ratio:2.8}.stone-diagram-measures img{transform:translateY(-69%)}
.station-list a{display:block;border:1px solid #d6cbb9;background:#fff;padding:15px 18px;text-align:right;border-radius:11px;cursor:pointer;color:#102c42;text-decoration:none}.station-list a.current{border-color:#b78a3b;background:#f7edda}
@media(max-width:799px){html{background:#071827;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{min-height:calc(100dvh + 128px);overscroll-behavior-y:none}.app{position:sticky;top:0;width:100%;height:100dvh;min-height:100dvh}}
.sheet-station-nav{position:sticky;z-index:5;bottom:-35px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px -12px -35px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(244,240,232,.96);backdrop-filter:blur(10px);border-top:1px solid #d8cdbb}.sheet-station-nav button{min-height:52px;border:1px solid #cdbd9f;border-radius:14px;background:#fff;color:#0a2a43;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.sheet-station-nav button:last-child{background:#0a2a43;color:#fff;border-color:#0a2a43}.sheet-station-nav button:disabled{opacity:.35;cursor:default}.sheet-station-nav b{font-size:21px;font-weight:400}.sheet-station-nav span{font-size:14px;line-height:1.15}
[dir=ltr] .quick-actions,[dir=ltr] .story-progress{direction:ltr}[dir=ltr] .station-list a,[dir=ltr] .station-list button,[dir=ltr] .drawer-links button,[dir=ltr] .map-stations .map-pin{text-align:left;direction:ltr}[dir=ltr] .drawer{right:auto;left:0;transform:translateX(-105%)}[dir=ltr] .drawer.open{transform:none}[dir=ltr] .drawer .close,[dir=ltr] .sheet .close{left:auto;right:20px}[dir=ltr] .map-modal .close{left:auto!important;right:15px!important}[dir=ltr] #menuBtn{right:auto;left:22px}[dir=ltr] #soundBtn{left:auto;right:22px}[dir=ltr] .language-button{left:auto;right:82px}[dir=ltr] .bottom-nav{direction:rtl}[dir=ltr] .bottom-nav button{direction:ltr}[dir=ltr] .story-tap-prev{right:auto;left:0;justify-content:flex-end}[dir=ltr] .story-tap-prev span{border-radius:0 12px 12px 0}[dir=ltr] .story-tap-next{left:auto;right:0;justify-content:flex-start}[dir=ltr] .story-tap-next span{border-radius:12px 0 0 12px}