:root{--bg:#07060b;--bg2:#100e17;--bg3:#17141f;--ink:#f5f1ff;--mut:#9d98b0;--pk:#ff2d8a;--pk2:#ff6fb1;--tl:#19e3d0;--line:rgba(255,255,255,.09);--glow:0 0 6px rgba(255,45,138,.9),0 0 22px rgba(255,45,138,.7),0 0 60px rgba(255,45,138,.45)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--ink);font:16px/1.6 "Manrope",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}
.wrap{width:min(1220px,92vw);margin:0 auto}
.h{font-family:"Unbounded",sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1}
.neon{font-family:"Tilt Neon",sans-serif;font-weight:400;color:#ffe6f2;text-shadow:var(--glow)}
.jp{font-family:"Noto Sans JP",sans-serif;font-weight:900}
.kick{display:inline-flex;align-items:center;gap:10px;font:700 12px "Manrope";letter-spacing:.22em;text-transform:uppercase;color:var(--tl)}
.kick:before{content:"";width:26px;height:2px;background:var(--tl);box-shadow:0 0 10px var(--tl)}
section{padding:120px 0;position:relative}
h2.h{font-size:clamp(38px,5.6vw,76px);margin:16px 0 18px}
h2 .pk{color:var(--pk);text-shadow:0 0 30px rgba(255,45,138,.5)}
.lead{color:#cbc6dc;font-size:18px;max-width:620px}
header.site{position:fixed;inset:0 0 auto;z-index:50;padding:16px 0;transition:.3s}
header.site.scrolled{background:rgba(7,6,11,.82);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding:10px 0}
.bar{display:flex;align-items:center;gap:22px}
.logo img{height:44px;width:auto;filter:drop-shadow(0 0 10px rgba(255,45,138,.55))}
nav.main{display:flex;gap:26px;margin-left:auto}
nav.main a{text-decoration:none;font-weight:600;font-size:14.5px;color:#cfc9e0;position:relative}
nav.main a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--pk);box-shadow:0 0 8px var(--pk);transform:scaleX(0);transition:.25s}
nav.main a:hover:after{transform:none}
.lang{background:none;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 11px;font:700 12px "Manrope";cursor:pointer}
.lang span{opacity:.4}.lang span.on{opacity:1;color:var(--tl)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 24px;border-radius:14px;font:800 15px "Manrope";text-decoration:none;transition:.25s;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn.pk{background:var(--pk);color:#fff;box-shadow:0 10px 30px -10px rgba(255,45,138,.8)}
.btn.pk:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(255,45,138,.15),0 16px 40px -10px rgba(255,45,138,.9)}
.btn.gh{border-color:rgba(255,255,255,.22);color:var(--ink)}.btn.gh:hover{border-color:var(--tl);color:var(--tl);box-shadow:0 0 18px -4px var(--tl)}
.btn.sm{padding:10px 16px;font-size:14px;border-radius:12px}
.burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 70px;overflow:hidden;isolation:isolate}
.hero .grid-bg{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}
.blob{position:absolute;z-index:-2;border-radius:50%;filter:blur(80px);animation:drift 16s ease-in-out infinite alternate}
.blob.a{width:520px;height:520px;background:#ff2d8a;left:-160px;top:-120px;opacity:.28}
.blob.b{width:460px;height:460px;background:#19e3d0;right:-120px;bottom:-160px;opacity:.2;animation-delay:-6s}
@keyframes drift{to{transform:translate(80px,60px) scale(1.15)}}
.hero .vjp{position:absolute;right:1vw;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:min(20vh,180px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);z-index:-1;user-select:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(50px,7vw,104px);line-height:1;margin:22px 0 22px}
.hero h1 .l1{display:block}
.hero h1 .l2{display:block;animation:flick 6s infinite}
@keyframes flick{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.4}}
.hero p.sub{font-size:clamp(17px,1.5vw,19.5px);color:#d4cfe4;max-width:540px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 34px}
.locs{display:flex;flex-wrap:wrap;gap:12px}
.loc-chip{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);text-decoration:none;min-width:210px;transition:.2s}
.loc-chip:hover{border-color:rgba(25,227,208,.5)}
.loc-chip b{font-size:15px}
.loc-chip small{color:var(--mut);font-size:12.5px}
[data-open]{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700}
[data-open] i{width:8px;height:8px;border-radius:50%;background:#777;display:inline-block;flex:none}
[data-open].is-open{color:#5ef0a0}[data-open].is-open i{background:#36e27a;box-shadow:0 0 10px #36e27a;animation:bl 1.4s infinite}
[data-open].is-closed{color:#ff8fb9}[data-open].is-closed i{background:var(--pk);box-shadow:0 0 10px var(--pk)}
@keyframes bl{50%{opacity:.35}}
.reel{position:relative;aspect-ratio:4/5;max-width:480px;width:100%;margin-left:auto}
.reel .frame{position:absolute;inset:0;border-radius:28px;overflow:hidden;border:2px solid rgba(255,45,138,.8);box-shadow:0 0 0 6px rgba(255,45,138,.08),0 0 40px rgba(255,45,138,.45);animation:pulse 3.8s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(255,45,138,.05),0 0 70px rgba(255,45,138,.6)}}
.reel .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity 1.2s ease,transform 7s ease-out}
.reel .frame img.on{opacity:1;transform:scale(1)}
.reel .frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,6,11,.8))}
.reel .cap{position:absolute;left:20px;bottom:18px;z-index:2;font-size:12.5px;color:#e8e3f5}
.reel .dots{position:absolute;right:20px;bottom:24px;z-index:2;display:flex;gap:6px}
.reel .dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.reel .dots i.on:after{content:"";position:absolute;inset:0;background:var(--tl);animation:bar 4.5s linear forwards}
@keyframes bar{from{transform:translateX(-100%)}}
.sticker{position:absolute;z-index:3;background:var(--bg3);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 20px 50px -15px #000;animation:float 6s ease-in-out infinite}
.sticker b{display:block;font:800 26px "Unbounded";line-height:1.05}
.sticker small{font-size:12px;color:var(--mut)}
.sticker.s1{left:-34px;top:12%}.sticker.s1 b{color:var(--tl)}
.sticker.s2{right:-24px;bottom:20%;animation-delay:-3s}.sticker.s2 b{color:var(--pk)}
@keyframes float{50%{transform:translateY(-12px)}}
.mq{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2)}
.mq div{display:flex;gap:40px;white-space:nowrap;width:max-content;padding:18px 0;animation:mq 40s linear infinite;font:700 22px "Unbounded"}
.mq span{display:inline-flex;align-items:center;gap:40px;color:#ddd6ee}
.mq span:after{content:"✦";color:var(--pk);text-shadow:0 0 10px var(--pk);font-size:16px;-webkit-text-stroke:0}
.mq span:nth-child(even){color:transparent;-webkit-text-stroke:1px #cfc8e0}
@keyframes mq{to{transform:translateX(-50%)}}
.menu-head{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.tools{position:sticky;top:62px;z-index:6;background:linear-gradient(var(--bg) 84%,transparent);padding:14px 0 18px;margin-top:22px}
#menu-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}
#menu-tabs::-webkit-scrollbar{display:none}
.tab{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line);color:#cfc9e0;padding:10px 15px;border-radius:12px;font:700 14px "Manrope";cursor:pointer;transition:.2s}
.tab small{font-size:11px;opacity:.55}
.tab:hover{border-color:rgba(255,45,138,.5);color:#fff}
.tab.active{background:rgba(255,45,138,.12);border-color:var(--pk);color:#fff;box-shadow:0 0 18px -4px var(--pk),inset 0 0 12px rgba(255,45,138,.2)}
.tab-ic{display:none}
.trow{display:flex;gap:12px;margin-top:12px;align-items:center}
.search{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:2px 16px;transition:.2s;min-width:0}
.search:focus-within{border-color:var(--tl);box-shadow:0 0 0 4px rgba(25,227,208,.12)}
.search svg{width:18px;opacity:.6;flex:none}
.search input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:16px "Manrope";padding:12px 0}
.search input:focus{outline:none}
.chip{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);color:#cfc9e0;font:700 14px "Manrope";cursor:pointer;white-space:nowrap}
.chip[aria-pressed=true]{border-color:var(--tl);color:var(--tl);box-shadow:0 0 16px -6px var(--tl)}
#menu-count{font-size:13px;color:var(--mut);white-space:nowrap}
.catban{position:relative;border-radius:22px;overflow:hidden;height:210px;margin-bottom:18px;display:none}
.catban.on{display:block}
.catban img{width:100%;height:100%;object-fit:cover;animation:kb2 14s ease-in-out infinite alternate}
@keyframes kb2{to{transform:scale(1.12)}}
.catban:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,11,.92) 15%,rgba(7,6,11,.1))}
.catban div{position:absolute;left:28px;bottom:24px;z-index:1}
.catban b{display:block;font:800 clamp(28px,4vw,46px) "Unbounded"}
.catban small{color:#cfc9e0;font-size:12.5px}
#menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg3),var(--bg2));border:1px solid var(--line);border-radius:18px;overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .45s var(--d),transform .45s var(--d),border-color .25s,box-shadow .25s}
.card.in{opacity:1;transform:none}
.card:hover{border-color:rgba(255,45,138,.55);box-shadow:0 0 30px -10px rgba(255,45,138,.7)}
.card .ci{aspect-ratio:16/10;overflow:hidden}
.card .ci img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .ci img{transform:scale(1.07)}
.card .cb{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .ct{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.card h4{font:700 16.5px/1.25 "Unbounded";letter-spacing:-.01em}
.card .pr{font:700 16px "Unbounded";color:var(--tl);white-space:nowrap;text-shadow:0 0 12px rgba(25,227,208,.35)}
.card p{font-size:13.8px;color:var(--mut);line-height:1.5}
.card .tg{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.card .cat{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#77718a;font-weight:800}
.tag{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:rgba(255,45,138,.12);color:var(--pk2);border:1px solid rgba(255,45,138,.3)}
.tag.fav{background:rgba(25,227,208,.1);color:var(--tl);border-color:rgba(25,227,208,.3)}
.empty{grid-column:1/-1;text-align:center;color:var(--mut);padding:40px}
.src-note{font-size:12.5px;color:var(--mut);margin-top:22px;max-width:900px}
.boats{background:radial-gradient(ellipse at 80% 20%,rgba(25,227,208,.12),transparent 50%),var(--bg2);border-block:1px solid var(--line)}
.boat-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.boat-pic{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:1/1;border:1px solid var(--line)}
.boat-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s,transform 1.2s}
.boat-pic img.on{opacity:1;transform:none}
.boat-pic .ph{position:absolute;left:16px;bottom:14px;z-index:1;font-size:12px;color:#ddd;background:rgba(0,0,0,.55);padding:4px 10px;border-radius:8px}
.seg{display:inline-grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:5px;margin:22px 0 26px;position:relative}
.seg button{position:relative;z-index:1;background:none;border:0;color:#cfc9e0;font:800 15px "Manrope";padding:12px 20px;border-radius:12px;cursor:pointer;transition:color .3s}
.seg button.on{color:#fff}
.seg .pill{position:absolute;top:5px;bottom:5px;left:0;border-radius:12px;background:var(--pk);box-shadow:0 0 20px rgba(255,45,138,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s}
.boat-out{display:flex;gap:40px;align-items:end;flex-wrap:wrap}
.boat-out .big{font:800 clamp(56px,7vw,92px)/1 "Unbounded";color:#fff}
.boat-out .big sup{font-size:.4em;vertical-align:top;color:var(--tl)}
.boat-out .pp{font-size:14px;color:var(--mut)}
.boat-out .pp b{display:block;font:700 22px "Unbounded";color:var(--tl)}
.boat-inc{margin-top:20px;font-size:17px;color:#ddd6ee;min-height:54px}
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.about p{color:#cbc6dc;margin-bottom:16px;font-size:17px}
.collage{position:relative;aspect-ratio:1;max-width:560px;width:100%}
.collage img{position:absolute;border-radius:20px;object-fit:cover;box-shadow:0 30px 60px -20px #000;border:1px solid var(--line)}
.collage .c1{width:62%;height:72%;left:0;top:0}
.collage .c2{width:52%;height:56%;right:0;top:10%;border-color:rgba(25,227,208,.5)}
.collage .c3{width:48%;height:42%;left:22%;bottom:0;border-color:rgba(255,45,138,.6);box-shadow:0 0 40px -10px rgba(255,45,138,.6)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.facts div{padding:16px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}
.facts b{display:block;font:800 22px "Unbounded";color:var(--pk2)}
.facts span{font-size:13px;color:var(--mut)}
.rv-top{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.scores{display:flex;gap:14px;flex-wrap:wrap}
.score{padding:16px 20px;border-radius:18px;background:var(--bg2);border:1px solid var(--line);min-width:180px}
.score b{font:800 34px "Unbounded";color:#fff}.score b i{font-style:normal;color:#ffd166;font-size:22px;margin-left:4px}
.score small{display:block;color:var(--mut);font-size:12.5px}
#reviews-list{columns:3 300px;column-gap:16px;margin-top:40px}
.review{break-inside:avoid;margin-bottom:16px;padding:26px;border-radius:20px;background:var(--bg2);border:1px solid var(--line);position:relative;transition:.3s}
.review:hover{border-color:rgba(25,227,208,.45);transform:translateY(-3px)}
.review:before{content:"”";position:absolute;right:18px;top:-6px;font:800 80px/1 "Unbounded";color:rgba(255,45,138,.25)}
.review .stars{color:#ffd166;letter-spacing:3px;font-size:14px;min-height:20px}
.review blockquote{font-size:17px;line-height:1.5;margin:12px 0 14px;color:#eee9fa}
.review figcaption{font-size:12.5px;color:var(--mut)}
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:12px;margin-top:40px}
.gal a{position:relative;border-radius:18px;overflow:hidden;display:block;border:1px solid var(--line)}
.gal a.t{grid-row:span 2}.gal a.w{grid-column:span 2}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.gal a:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px var(--pk);opacity:0;transition:.3s;border-radius:18px}
.gal a:hover img{transform:scale(1.07)}.gal a:hover:after{opacity:1}
.ltabs{display:inline-flex;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:5px;margin:10px 0 26px}
.ltabs button{background:none;border:0;color:#cfc9e0;font:800 15px "Manrope";padding:12px 20px;border-radius:12px;cursor:pointer}
.ltabs button.on{background:var(--tl);color:#04201d;box-shadow:0 0 20px -4px var(--tl)}
.visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px}
.vcard{background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:32px}
.vcard h3{font:800 26px "Unbounded"}
.vcard .addr{color:#cfc9e0;margin:6px 0 12px}
.hours{list-style:none;margin:18px 0}
.hours li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.hours li.today{color:var(--tl);font-weight:800}
.hours li.off span:last-child{color:var(--mut)}
.vbtns{display:flex;gap:10px;flex-wrap:wrap}
.map{border-radius:24px;overflow:hidden;border:1px solid var(--line);min-height:460px;position:relative}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(185deg) saturate(.9) contrast(.95)}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.soc a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);text-decoration:none;font-size:14px}
.soc a:hover{border-color:var(--pk);color:var(--pk2)}
.soc svg{width:16px;height:16px}
.note{font-size:12.5px;color:var(--mut);margin-top:12px}
.vpane{display:none}.vpane.on{display:block;animation:fade .45s}
@keyframes fade{from{opacity:0;transform:translateY(8px)}}
.order-band{padding:0}
.ob{position:relative;border-radius:30px;overflow:hidden;padding:70px 60px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;background:linear-gradient(120deg,rgba(255,45,138,.25),rgba(25,227,208,.12)),var(--bg2);border:1px solid rgba(255,45,138,.35)}
.ob h2{font-size:clamp(32px,4.4vw,56px);margin:10px 0 14px}
.ob p{color:#ddd6ee}
.ob .acts{display:flex;flex-direction:column;gap:12px}
footer{padding:40px 0 110px;border-top:1px solid var(--line);font-size:13px;color:var(--mut);margin-top:120px}
footer .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
footer img{height:30px;opacity:.85}
.db{opacity:.7;font-size:12px}
.reveal{opacity:0;transform:translateY(34px);transition:.9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,4,9,.95);display:none;align-items:center;justify-content:center}
.lb.on{display:flex}.lb figure{max-width:92vw;text-align:center}
.lb img{max-height:82vh;margin:auto;border-radius:14px;opacity:0;transition:.3s;box-shadow:0 0 50px rgba(255,45,138,.3)}.lb img.in{opacity:1}
.lb figcaption{color:#ddd;margin-top:12px;font-size:14px}.lb figcaption small{display:block;color:#888}
.lb button{position:absolute;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:28px;cursor:pointer}
.lb-x{top:16px;right:16px}.lb-p{left:16px;top:50%}.lb-n{right:16px;top:50%}
.mob-bar{display:none}
@media (max-width:1020px){
  nav.main,.hdr-order{display:none}
  body.nav-open nav.main{display:flex;flex-direction:column;gap:4px;position:fixed;top:70px;left:4vw;right:4vw;border-radius:18px;background:var(--bg3);border:1px solid var(--line);padding:14px 18px}
  body.nav-open nav.main a{padding:10px 0}
  .burger{display:block;margin-left:0}
  .lang{margin-left:auto}
  .hero-grid,.about,.visit,.boat-grid,.ob{grid-template-columns:minmax(0,1fr)}
  .hero-grid>*,.about>*,.visit>*,.boat-grid>*{min-width:0}
  .reel{max-width:440px;margin:10px auto 0}
  #menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}
}
@media (max-width:640px){
  section{padding:84px 0}
  .hero{padding-top:100px}
  .hero .vjp{display:none}
  .sticker.s1{left:-6px}.sticker.s2{right:-6px}
  .sticker b{font-size:20px}
  .loc-chip{min-width:0;flex:1 1 100%}
  .tools{top:56px}
  .trow{flex-wrap:wrap}.search{flex:1 1 100%}.chip{flex:1;justify-content:center}
  #menu-count{width:auto}

  #menu-grid{grid-template-columns:minmax(0,1fr)}
  .catban{height:150px}
  .seg{display:grid}.seg button{padding:11px 8px;font-size:14px}
  .facts b{font-size:17px}
  .ob{padding:40px 24px}
  .map{min-height:340px}
  .vcard{padding:24px}
  .ltabs{display:flex}.ltabs button{flex:1;padding:12px 8px}
  .mob-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;position:fixed;bottom:0;left:0;right:0;z-index:60;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(7,6,11,.92);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .mob-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:800;text-decoration:none;padding:7px;border-radius:12px;color:#ddd6ee}
  .mob-bar a.pkb{background:var(--pk);color:#fff;box-shadow:0 0 18px -4px var(--pk)}
  .mob-bar svg{width:20px;height:20px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.card{opacity:1;transform:none}}