/* Farben und Schriften nach Run with Alva */
:root{
  --bg:#0F1E3D; --card:#1A3358; --tile:#263D61; --ink:#F5F7FA; --mute:#7B90AF; --label:#8DA4C6; --line:#2A4163;
  --deep:#0B1730; --ice:#263D61; --acc:#01E7A6; --mintbg:#0B4A45; --coral:#FF6B4B; --yellow:#E7CA6C; --edge:#7F99CC;
  --lake:#3F6E95; --snow:#213B63; --glass:rgba(15,30,61,.86);
  --mono:"Roboto Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0F1E3D;--card:#1A3358}}
:root[data-theme="dark"]{--bg:#0F1E3D;--card:#1A3358}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 Inter,"Helvetica Neue",Arial,sans-serif;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
body.lock{overflow:hidden}
h1,h2,h3{margin:0;line-height:1;font-stretch:112%}
h2{font-size:clamp(2.2rem,9vw,3rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.5rem}
h3{font-size:1.25rem;font-weight:700;font-stretch:105%}
p{margin:.5rem 0}
a{color:inherit;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}
section{padding:3rem 0 1.4rem}
.lead{color:var(--mute);font-style:italic;max-width:58ch;font-size:1.02rem}
.src{font-size:.85rem;color:var(--mute)}
.kicker{font-weight:600;color:var(--label);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem;display:block}

/* Reveal */
.rv{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .js .rv.in{opacity:1;transform:none}
}

/* Progress + Header */
#prog{position:fixed;top:0;left:0;height:3px;box-shadow:0 0 10px var(--acc);width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--acc);z-index:60}
.top{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top,0px);transition:background .3s,box-shadow .3s}
.top.solid{background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 var(--line)}
.top .bar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 18px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.logo svg{width:34px;height:34px;flex:none}
.logo small{display:block;font:600 .55rem Inter,sans-serif;letter-spacing:.32em;color:var(--label);line-height:1}
.logo b{display:block;font-family:Archivo,sans-serif;font-weight:900;font-stretch:118%;font-size:1.15rem;letter-spacing:.02em;line-height:1.05}
.cur-sec{font-size:.85rem;font-weight:600;color:var(--mute);opacity:0;transition:opacity .3s}
.top.solid .cur-sec{opacity:1}
.menubtn{border:1.5px solid var(--edge);background:rgba(15,30,61,.4);color:var(--ink);border-radius:999px;padding:9px 14px 9px 12px;display:flex;gap:8px;align-items:center;font:700 .9rem Inter,sans-serif;cursor:pointer;transition:background .3s,color .3s}
.top.solid .menubtn{background:var(--card)}
.menubtn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}

/* Overlay-Menü */
#menu{position:fixed;inset:0;z-index:80;background:var(--deep);color:#E7F0F5;overflow-y:auto;visibility:hidden;clip-path:circle(0 at calc(100% - 44px) 34px);transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s;padding:calc(env(safe-area-inset-top,0px) + 14px) 0 calc(env(safe-area-inset-bottom,0px) + 30px)}
#menu.open{visibility:visible;clip-path:circle(150% at calc(100% - 44px) 34px);transition:clip-path .6s cubic-bezier(.7,0,.2,1)}
@media (prefers-reduced-motion:reduce){#menu,#menu.open{transition:none}}
#menu .head{max-width:720px;margin:0 auto;padding:0 18px;display:flex;justify-content:space-between;align-items:center}
#menu .close{border:1.5px solid var(--edge);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 16px;font:700 .9rem Inter,sans-serif;cursor:pointer}
.mgroups{max-width:720px;margin:1.6rem auto 0;padding:0 18px;display:grid;gap:1.6rem}
.mgroup b{display:block;color:var(--label);font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.4rem}
.mgroup a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-decoration:none;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mgroup a span{font-weight:900;font-stretch:118%;letter-spacing:-.03em;font-size:clamp(1.9rem,8.5vw,2.6rem);line-height:1.05}
.mgroup a small{color:var(--mute);font-style:italic;font-size:.82rem;text-align:right}
.mgroup a:hover span,.mgroup a:focus-visible span{color:var(--acc)}
@media (prefers-reduced-motion:no-preference){
  #menu .mgroup a{opacity:0;transform:translateY(16px);transition:opacity .4s,transform .4s}
  #menu.open .mgroup a{opacity:1;transform:none;transition-delay:calc(.18s + var(--i)*.04s)}
}
.mfoot{max-width:720px;margin:2rem auto 0;padding:0 18px;display:flex;gap:10px}
.mfoot a{flex:1;background:var(--coral);color:#fff;text-decoration:none;border-radius:14px;padding:12px 14px;font-weight:900;font-size:1.6rem;font-stretch:112%}
.mfoot a small{display:block;font-weight:600;font-size:.78rem;font-stretch:100%}

/* Hero */
.hero{position:relative;min-height:calc(100svh - 70px);background:linear-gradient(180deg,#07101F 0%,#0F1E3D 38%,#1A3358 64%,#22536A 84%,#2D7D7A 100%);color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
#snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.layers{position:absolute;left:0;right:0;bottom:0;height:62%;pointer-events:none}
.layers svg{position:absolute;left:-5%;width:110%;bottom:0;height:100%;will-change:transform}
.hero .copy{position:relative;z-index:3;padding:0 0 2rem;margin-bottom:auto;padding-top:calc(env(safe-area-inset-top,0px) + 92px)}
.hero h1{font-size:clamp(4.2rem,24vw,9rem);font-weight:900;font-stretch:125%;letter-spacing:-.05em;line-height:.82;text-transform:uppercase;text-shadow:0 10px 40px rgba(0,0,0,.25)}
.hero h1 .l{display:block;overflow:hidden}
.hero h1 .l span{display:block}
@media (prefers-reduced-motion:no-preference){
  .hero h1 .l span{transform:translateY(105%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
  .hero h1 .l:nth-child(2) span{animation-delay:.12s}
  .hero .sub,.hero .ctas{opacity:0;animation:fade .8s .45s forwards}
  @keyframes up{to{transform:none}} @keyframes fade{to{opacity:1}}
}
.hero .sub{font-size:1.05rem;max-width:30ch;margin-top:1rem;color:var(--label);font-style:italic}
.ctas{display:flex;gap:10px;margin-top:1.3rem;flex-wrap:wrap}
.cta{background:var(--mintbg);border:2px solid var(--acc);color:var(--acc);text-decoration:none;font-weight:700;padding:12px 18px;border-radius:14px;box-shadow:0 10px 34px rgba(1,231,166,.22)}
.cta.ghost{border-color:var(--edge);color:var(--ink);background:rgba(15,30,61,.5);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kpis{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);color:var(--ink);border-radius:20px 20px 0 0;margin-top:-1px}
.kpis div{padding:1.1rem 0 .9rem 18px}
.kpis b{display:block;font-size:2.2rem;font-weight:900;font-stretch:125%;font-family:Archivo,sans-serif;letter-spacing:-.03em;line-height:1}
.kpis span{font-size:.7rem;color:var(--label);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.season-strip{background:var(--bg);padding-top:8px!important;display:flex;gap:8px;overflow-x:auto;padding:0 18px 4px;max-width:720px;margin:0 auto;scrollbar-width:none}
.season-strip::-webkit-scrollbar{display:none}
.pill{flex:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:600}
.pill i{font-style:normal;color:var(--acc);font-family:var(--mono);font-size:.78rem}

/* Bottom tabbar */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(26,51,88,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line)}
.tabbar ul{list-style:none;margin:0 auto;padding:0;display:flex;max-width:720px}
.tabbar li{flex:1}
.tabbar a,.tabbar button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 10px;color:var(--label);font-size:.7rem;font-weight:700;position:relative}
.tabbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tabbar .cur{color:var(--acc)}.tabbar .cur svg{stroke:var(--acc)}
.tabbar .cur::before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--acc)}
.tabbar a:focus-visible,.tabbar button:focus-visible{outline:3px solid var(--acc);outline-offset:-3px}

/* Kapitel-Trenner */
.chapter{max-width:720px;margin:2rem auto 0;padding:0 18px}
.chapter div{background:linear-gradient(135deg,var(--card),var(--deep));border:1px solid rgba(127,153,204,.12);color:#E7F0F5;border-radius:20px;padding:22px 20px;position:relative;overflow:hidden}
.chapter div::after{content:"";position:absolute;right:-30px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(1,231,166,.35),transparent 70%)}
.chapter b{display:block;font-size:2rem;font-weight:900;font-stretch:120%;letter-spacing:-.03em;line-height:1}
.chapter span{color:var(--label);font-size:.9rem;font-style:italic}

/* Plan */
.timeline{position:relative;margin:1.4rem 0;padding-left:28px}
.timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--line)}
.timeline .fill{position:absolute;left:9px;top:8px;width:2px;background:var(--acc);height:0;transition:height .2s linear}
.day{position:relative;margin-bottom:14px;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:14px 16px}
.day::before{content:"";position:absolute;left:-25px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--acc);box-shadow:0 0 12px rgba(1,231,166,.6)}
.day .when{font-size:.72rem;font-weight:600;color:var(--label);letter-spacing:.16em;text-transform:uppercase}
.day h3{margin:.2rem 0 .3rem;font-size:1.4rem}
.day ul{margin:.4rem 0 0;padding-left:1.1rem}.day li{margin-bottom:.3rem;font-size:.96rem}
.day .night{display:inline-flex;gap:6px;align-items:center;margin-top:.6rem;background:var(--mintbg);color:var(--acc);border:1.5px solid var(--acc);border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:700}
.tabs{display:flex;gap:6px;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:4px;margin:1rem 0 .8rem}
.tabs button{flex:1;border:0;background:transparent;color:var(--mute);border-radius:9px;padding:9px 6px;font:700 .9rem Inter,sans-serif;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--mintbg);color:var(--acc)}
.tabpanel{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:14px 16px}
.tabpanel[hidden]{display:none}
.tabpanel ul{padding-left:1.1rem;margin:.4rem 0}.tabpanel li{margin-bottom:.35rem}
.contacts{display:grid;gap:8px;margin-top:1rem}
.contacts a{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:11px 14px;text-decoration:none}
.contacts a b{font-weight:600}.contacts a span{color:var(--acc);font-weight:500;font-family:var(--mono);font-size:.82rem!important;white-space:nowrap;font-size:.9rem}

/* Tour cards */
.filters{display:flex;gap:8px;overflow-x:auto;padding:.4rem 0 1rem;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.chip{flex:none;border:1.5px solid var(--edge);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font:600 .9rem Inter,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.chip[aria-pressed="true"]{background:var(--mintbg);color:var(--acc);border-color:var(--acc)}
.tour{background:var(--card);border-radius:20px;margin-bottom:12px;overflow:hidden;border:1px solid rgba(127,153,204,.10);transition:transform .25s,box-shadow .25s}
.tour.open{box-shadow:0 18px 40px -18px rgba(11,31,51,.35)}
.tour .head{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:14px 16px 0}
.tour .head:focus-visible{outline:3px solid var(--acc);outline-offset:-3px;border-radius:16px}
.row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.row h3{font-size:1.3rem}
.lvl{flex:none;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:6px;margin-top:2px}
.gone{display:inline-block;background:rgba(255,107,75,.16);color:var(--coral);font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;margin:.35rem 0 0}
.tour.hist{border-style:dashed}
.price{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:.9rem}.price th,.price td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}.price th{color:var(--mute);font-weight:600}.price td:not(:first-child){font-family:var(--mono)}.price td:not(:first-child),.price th:not(:first-child){text-align:right;white-space:nowrap}
.srcs{display:grid;gap:8px;margin:1rem 0}.srcs a,.srcs div{display:block;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:10px 14px;text-decoration:none;font-size:.92rem}.srcs b{display:block}.srcs span{color:var(--mute);font-size:.82rem}
.lvl{letter-spacing:.12em;text-transform:uppercase}.lvl.leicht{background:var(--mintbg);color:var(--acc)}.lvl.mittel{background:var(--tile);color:var(--label)}.lvl.schwer{background:rgba(255,107,75,.16);color:var(--coral)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:.55rem 0 0}
.stats div b{display:block;font-size:1.12rem;font-weight:500;font-family:var(--mono);letter-spacing:-.02em;line-height:1.05}
.stats div span{font-size:.66rem;color:var(--label);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.prof{display:block;width:100%;height:58px;margin-top:6px}
.prof .a{fill:var(--ice)}.prof .l{fill:none;stroke:var(--acc);stroke-width:2;stroke-linejoin:round}
.prof text{font:600 8px Inter,sans-serif;fill:var(--mute)}
.detail{display:none;padding:0 16px 16px;border-top:1px solid var(--line)}
.tour.open .detail{display:block}
.detail ol{padding-left:1.2rem;margin:.7rem 0}.detail li{margin-bottom:.3rem}
.price.info td{white-space:normal!important;font-family:inherit!important;color:var(--ink)}.price.info td:first-child{color:var(--label);width:40%}.price.info td:not(:first-child){text-align:left}.hut{overflow-wrap:anywhere}
.brief{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.9rem 0}.brief div{background:var(--tile);border-radius:12px;padding:9px 11px}.brief .w{grid-column:span 2}
.brief dt{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:600}.brief dd{margin:.15rem 0 0;font-size:.92rem}
.detail .sub{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:600;margin:1rem 0 .3rem}
.stops{list-style:none;padding:0;margin:.3rem 0;position:relative}.stops::before{content:"";position:absolute;left:61px;top:12px;bottom:12px;width:2px;background:var(--line)}
.stops li{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:start;padding:7px 0;position:relative}
.stops li::before{content:"";position:absolute;left:57px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--card);border:2px solid var(--acc)}
.stops .tm{font-family:var(--mono);font-size:.78rem;color:var(--acc);padding-top:2px;text-align:right}
.stops .nm{font-size:.93rem;padding-left:4px}.stops .nm small{display:block;color:var(--mute);font-style:italic;font-size:.8rem}
.stops .ht{font-family:var(--mono);font-size:.78rem;color:var(--label);white-space:nowrap;padding-top:2px}
.daystats{display:flex;flex-wrap:wrap;gap:6px;margin:.5rem 0 .2rem}.daystats span{background:var(--tile);border-radius:8px;padding:4px 9px;font-family:var(--mono);font-size:.78rem;color:var(--label)}.daystats b{color:var(--ink);font-weight:500}
.note{background:var(--tile);border-left:3px solid var(--acc);padding:9px 12px;font-size:.95rem;margin:.6rem 0;border-radius:0 8px 8px 0}
.btn{display:inline-block;border:2px solid var(--acc);background:var(--mintbg);color:var(--acc);border-radius:9px;padding:9px 14px;font:700 .9rem Inter,sans-serif;cursor:pointer;text-decoration:none}
.btn.ghost{background:transparent;border:1.5px solid var(--edge);color:var(--ink)}

/* Map */
.mapbox{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;overflow:hidden}
#map{display:block;width:100%;height:auto}
#map .lake{fill:var(--lake)}#map .gl{fill:var(--ice)}#map .plateau{fill:var(--snow);stroke:#34507A}
#map .route{fill:none;stroke:var(--mute);stroke-width:1.5;stroke-dasharray:4 3;opacity:.45;stroke-linecap:round;stroke-linejoin:round}
#map .route.on{stroke:var(--acc);stroke-width:3.2;opacity:1}
#map .pt,#map .peak{fill:var(--ink)}#map .hut{fill:var(--acc)}
#map .pulse{fill:var(--acc);opacity:.35;transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){#map .pulse{animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.5}100%{transform:scale(2.6);opacity:0}}}
#map text{font:600 7.5px Inter,sans-serif;fill:var(--ink)}#map text.town{font-size:9px;font-weight:800}#map text.small{fill:var(--mute);font-weight:500;font-size:8px}
.mapcap{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;color:var(--mute);border-top:1px solid var(--line)}
#mapsel{color:var(--ink);font-weight:700}
.links{display:grid;gap:8px;margin-top:1rem}
.links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:12px 14px;text-decoration:none}
.links a span{color:var(--mute);font-size:.85rem;text-align:right}.links a b{font-weight:700}

/* Zeit */
.season{display:grid;gap:10px;margin:1rem 0}
.season>div{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:12px 14px}
.season b{display:block;font-weight:800;font-stretch:108%}
.months{display:flex;gap:3px;margin:8px 0 4px}
.months i{flex:1;height:9px;border-radius:3px;background:var(--line);display:block;transform-origin:0 50%}
.months i.on{background:var(--acc)}.months i.half{background:var(--acc);opacity:.4}
@media (prefers-reduced-motion:no-preference){.js .season>div .months i{transform:scaleY(0);transition:transform .4s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--m)*.03s)}.js .season>div.in .months i{transform:none}}
.mlab{display:flex;gap:3px;font-size:.6rem;color:var(--mute)}.mlab span{flex:1;text-align:center}
.chart{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:14px 14px 8px;margin:1rem 0}
.chart svg{width:100%;height:auto;display:block}
.chart text{font:500 9px "Roboto Mono",monospace;fill:var(--mute)}.chart rect{fill:var(--ice)}.chart rect.hi{fill:var(--acc)}
@media (prefers-reduced-motion:no-preference){.js .chart rect{transform:scaleY(0);transform-box:fill-box;transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.js .chart.in rect{transform:none}}
.years{display:grid;gap:10px;margin:1rem 0}
.years article{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:12px 14px;display:grid;grid-template-columns:84px 1fr;gap:12px}
.years .y{font-family:var(--mono);font-weight:500;font-size:1.1rem;letter-spacing:-.02em;line-height:1.1}
.years .y small{display:block;margin-top:3px;font-family:Inter,sans-serif;font-weight:600;color:var(--mute);font-size:.72rem;line-height:1.25;letter-spacing:0;font-stretch:100%;overflow-wrap:anywhere;hyphens:auto}.years .y{min-width:0}
.years p{margin:0;font-size:.95rem}
.verdict{background:var(--tile);border-left:4px solid var(--acc);color:#E7F0F5;border-radius:16px;padding:16px 18px;margin:1rem 0}
.verdict b{display:block;font-size:1.3rem;font-weight:800;font-stretch:110%;margin-bottom:.3rem}
.verdict p{color:var(--label);margin:.3rem 0}

/* Hütten & KS */
.huts{display:grid;gap:10px;margin:1rem 0}
.hut{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:14px 16px}
.hut .t{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.hut .alt{font-family:var(--mono);font-weight:500;font-size:1.25rem;white-space:nowrap;color:var(--acc)}
.hut p{font-size:.95rem;margin:.4rem 0}
.facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}
.facts span{background:var(--tile);color:var(--label);border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600}
.facts span.hot{background:var(--mintbg);color:var(--acc)}
.ks{display:grid;gap:8px;margin:1rem 0}
.ks>div{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:10px 12px}
.ks .g{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-stretch:110%;font-size:1.05rem;background:var(--ice);color:var(--ink)}
.ks .g.hard{background:var(--ink);color:var(--bg)}.ks .g.ext{background:var(--acc);color:#fff}
.ks b{display:block}.ks small{color:var(--mute);display:block;font-size:.85rem}

/* Packliste */
.pack{display:grid;gap:10px;margin:1rem 0}
.pack fieldset{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:10px 14px 12px;margin:0}
.pack legend{font-weight:800;font-stretch:108%;padding:0 6px}
.pack label{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.97rem;cursor:pointer}
.pack label:last-child{border:0}
.pack input{width:22px;height:22px;accent-color:var(--acc);flex:none}
.pack input:checked+span{color:var(--mute);text-decoration:line-through}
.ring{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:12px 16px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:5}
.ring svg{width:56px;height:56px;flex:none;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:6}.ring .bgc{stroke:var(--line)}.ring .fg{stroke:var(--acc);stroke-linecap:round;transition:stroke-dashoffset .4s}
.ring b{font-family:var(--mono);font-weight:500;font-size:1.6rem;letter-spacing:-.02em;display:block;line-height:1}
.ring span{color:var(--mute);font-size:.85rem}

/* Lawinen/Wetter/Notruf */
.regions{display:grid;gap:8px}
.regions div{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:12px 14px}
.regions b{display:block}
.scale{list-style:none;padding:0;margin:1rem 0;display:grid;gap:6px}
.scale li{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:10px 12px 10px 10px}
.scale .num{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:1.5rem;color:#111}
.l1{background:#CCFF66}.l2{background:#FFFF00}.l3{background:#FF9900}.l4{background:#FF0000;color:#fff!important}
.l5{background:repeating-conic-gradient(#000 0 25%,#FF0000 0 50%) 0 0/23px 23px;color:#fff!important;text-shadow:0 0 3px #000}
.scale b{display:block}.scale small{color:var(--mute);font-size:.88rem;display:block}
.problems{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:1rem 0}
.problems div{background:var(--card);border:1px solid rgba(127,153,204,.10);border-radius:20px;padding:10px 12px;font-size:.9rem}
.problems b{display:block;font-size:1.05rem;font-stretch:108%}
.wx{display:grid;gap:10px;margin:1rem 0}
.wx div{border-left:3px solid var(--yellow);padding:2px 0 2px 12px}.wx b{display:block}
.sos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1rem 0}
.sos a{background:var(--coral);color:#fff;text-decoration:none;border-radius:16px;padding:16px;font-weight:900;font-size:2.6rem;line-height:1;font-stretch:112%;letter-spacing:-.03em}
.sos a small{display:block;font:600 .85rem Inter,sans-serif;margin-top:6px;letter-spacing:0;font-stretch:100%}
footer{padding:2rem 0 1rem;color:var(--mute);font-size:.82rem;border-top:1px solid var(--line);margin-top:2rem}

/* Fotos */
.heroimg{position:absolute;inset:-6% 0 0 0;width:100%;height:112%;object-fit:cover;object-position:66% 50%;opacity:.7;will-change:transform}
@media (prefers-reduced-motion:no-preference){.heroimg{animation:kb 28s ease-in-out infinite alternate}@keyframes kb{from{scale:1.02}to{scale:1.12}}}
.heroshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,31,.92) 0%,rgba(15,30,61,.55) 38%,rgba(15,30,61,.25) 62%,rgba(15,30,61,.85) 88%,var(--bg) 100%);pointer-events:none}
.gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 14px;margin:0 -18px;scrollbar-width:none}
.gallery::-webkit-scrollbar{display:none}
.gallery figure{flex:0 0 80%;max-width:420px;scroll-snap-align:center;margin:0;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid rgba(127,153,204,.10);position:relative}
.gallery img{display:block;width:100%;height:360px;object-fit:cover;cursor:zoom-in;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{padding:10px 14px 12px;font-size:.88rem;color:var(--label);font-style:italic}
.gallery figcaption b{display:block;color:var(--ink);font-style:normal;font-weight:600;font-size:.95rem}
.galnav{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}
.galnav span{font-family:var(--mono);font-size:.8rem;color:var(--label)}
.galnav button{border:1.5px solid var(--edge);background:var(--card);color:var(--ink);border-radius:999px;width:40px;height:40px;font-size:1.1rem;cursor:pointer}
.photo{margin:1rem 0;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid rgba(127,153,204,.10)}
.photo img{display:block;width:100%;height:auto;cursor:zoom-in}
.photo figcaption{padding:10px 14px 12px;font-size:.88rem;color:var(--label);font-style:italic}
.photo figcaption b{display:block;color:var(--ink);font-style:normal;font-weight:600}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1rem 0}.duo .photo{margin:0}.duo img{height:230px;object-fit:cover}
.trackcard{display:grid;grid-template-columns:42% 1fr;gap:0;background:var(--card);border-radius:20px;overflow:hidden;border:1px solid rgba(127,153,204,.10);margin:1rem 0}
.trackcard img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;min-height:260px}
.trackcard div{padding:14px}
.trackcard .stats{grid-template-columns:1fr}
#lb{position:fixed;inset:0;z-index:90;background:rgba(4,10,20,.94);display:none;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 50px) 12px calc(env(safe-area-inset-bottom,0px) + 50px)}
#lb.open{display:flex}
#lb img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
@media (prefers-reduced-motion:no-preference){#lb.open img{animation:pop .35s cubic-bezier(.2,.8,.2,1)}@keyframes pop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}}
#lb p{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);text-align:center;color:var(--label);font-style:italic;margin:0;padding:0 20px}
#lb button{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:14px;border:1.5px solid var(--edge);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font:600 .9rem Inter,sans-serif;cursor:pointer}

.live{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1rem 0}
.live a{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:128px;padding:14px;border-radius:20px;text-decoration:none;background:var(--card);border:1px solid rgba(127,153,204,.12);overflow:hidden}
.live a.wide{grid-column:span 2;min-height:110px}
.live a::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(1,231,166,.22),transparent 70%)}
.live a.w::after{background:radial-gradient(circle,rgba(231,202,108,.25),transparent 70%)}
.live a.l::after{background:radial-gradient(circle,rgba(255,107,75,.25),transparent 70%)}
.live b{font-size:1.05rem;font-weight:600;position:relative}
.live small{display:block;color:var(--mute);font-style:italic;font-size:.82rem;margin-top:2px}
.live .tag{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:600}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}
@media (prefers-reduced-motion:no-preference){.live .dot{animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}}
.live .go{font-family:var(--mono);font-size:.78rem;color:var(--acc);position:relative}

.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:1rem 0 .4rem}
.countdown div{background:var(--card);border-radius:16px;padding:12px 6px;text-align:center;border:1px solid rgba(127,153,204,.12)}
.countdown b{display:block;font-family:Archivo,sans-serif;font-weight:900;font-stretch:120%;font-size:2rem;line-height:1;color:var(--ink)}
.countdown span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:600}
.datebar{display:flex;flex-wrap:wrap;gap:6px;margin:.4rem 0 1rem}
.datebar span{background:var(--mintbg);color:var(--acc);border:1.5px solid var(--acc);border-radius:999px;padding:5px 12px;font-family:var(--mono);font-size:.8rem}
.todo{list-style:none;padding:0;margin:1rem 0;display:grid;gap:8px}
.todo li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--card);border-radius:16px;padding:12px 14px;border:1px solid rgba(127,153,204,.12)}
.todo .when{font-family:var(--mono);font-size:.74rem;color:var(--acc);white-space:nowrap;padding-top:2px;min-width:74px}
.todo b{display:block;font-weight:600}.todo small{color:var(--mute);font-style:italic;font-size:.86rem}
.todo li.now{border-color:var(--coral)}.todo li.now .when{color:var(--coral)}
.score{display:flex;gap:6px;flex-wrap:wrap;margin:.5rem 0}.score span{background:var(--tile);border-radius:10px;padding:6px 10px;font-size:.78rem;color:var(--label)}.score b{font-family:var(--mono);font-weight:500;color:var(--acc);font-size:1rem;margin-right:4px}
.fav{display:inline-block;background:rgba(255,107,75,.16);color:var(--coral);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:6px;margin-bottom:.3rem}
.vari{display:grid;gap:10px;margin:1rem 0}.vari>div{background:var(--card);border-radius:20px;padding:14px 16px;border:1px solid rgba(127,153,204,.12);border-left:4px solid var(--acc)}
.vari>div.x{border-left-color:var(--coral)}.vari h4{margin:0 0 .3rem;font-size:1.1rem;font-weight:700}.vari .back{margin-top:.6rem;background:var(--tile);border-radius:12px;padding:8px 12px;font-size:.9rem}.vari .back b{color:var(--acc);font-weight:600}
.ksw{display:flex;flex-direction:column;gap:2px;margin:1.2rem 0 .2rem;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(1,231,166,.18),rgba(1,231,166,.04));border:1.5px solid var(--acc)}
.ksw b{color:var(--acc);font-size:1.05rem;letter-spacing:.02em}.ksw span{color:var(--label);font-style:italic;font-size:.88rem}
.ksw.off{background:var(--tile);border-color:var(--line)}.ksw.off b{color:var(--label)}
.ks>div.win{border:1.5px solid rgba(1,231,166,.5);box-shadow:0 0 0 3px rgba(1,231,166,.06)}
.ks>div.win.maybe{border-style:dashed}
.ks>div.off{opacity:.62}
.wtag{display:inline-block;margin:.25rem 0 .15rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
#emap{display:block;width:100%;height:auto}
#emap text{font:600 7.5px Inter,sans-serif;fill:var(--ink)}#emap text.small{fill:var(--mute);font-weight:500;font-size:7px;font-style:italic}#emap text.hl{fill:var(--acc)}#emap text.town{font-weight:800;font-size:8.5px}
#emap .pt,#emap .peak{fill:var(--ink)}#emap .hut{fill:var(--coral)}#emap .acc{fill:var(--acc)}
#eroutes polyline{fill:none;stroke:var(--mute);stroke-width:1.6;stroke-dasharray:4 3;opacity:.45;stroke-linecap:round;stroke-linejoin:round}
#eroutes polyline[data-v="zugang"]{stroke:var(--edge);stroke-dasharray:none;opacity:.9;stroke-width:2}
#eroutes polyline.on{stroke:var(--acc);stroke-width:3;stroke-dasharray:none;opacity:1}
#eroutes polyline.on[data-v="s"]{stroke:var(--coral)}
.vbtns{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line)}
.vbtns button{border:1.5px solid var(--edge);background:transparent;color:var(--ink);border-radius:999px;padding:7px 12px;font:600 .82rem Inter,sans-serif;cursor:pointer}
.vbtns button[aria-pressed="true"]{background:var(--mintbg);color:var(--acc);border-color:var(--acc)}
.orient{margin:.4rem 0 .2rem;padding-left:1.1rem}.orient li{margin-bottom:.45rem;font-size:.94rem}.orient b{color:var(--ink)}
.vari .stats{grid-template-columns:repeat(2,1fr)}
.risk{display:grid;gap:10px;margin:1rem 0}.risk>div{display:grid;grid-template-columns:46px 1fr;gap:12px;background:var(--card);border-radius:20px;padding:14px 16px;border:1px solid rgba(127,153,204,.12)}
.risk .ri{font-family:Archivo,sans-serif;font-weight:900;font-stretch:120%;font-size:1.6rem;color:var(--coral);line-height:1}
.risk b{display:block;font-size:1.05rem;font-weight:700}.risk p{margin:.3rem 0 0;font-size:.93rem;color:var(--label)}

/* ---------- Dock, Sheet, Frag Claude ---------- */
.tabbar{display:none}
body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.dock{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;gap:2px;padding:6px;border-radius:999px;background:rgba(26,51,88,.82);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(127,153,204,.22);box-shadow:0 14px 40px rgba(0,0,0,.45);width:min(94vw,420px);justify-content:space-between}
.dock a,.dock button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;border-radius:999px;color:var(--label);-webkit-tap-highlight-color:transparent}
.dock .ic{font-size:1.15rem;line-height:1.2;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.dock .lb{font-size:.6rem;font-weight:700;letter-spacing:.04em}
.dock .cur{color:var(--acc)}.dock .cur .ic{transform:translateY(-2px) scale(1.18)}
.dock a:active .ic,.dock button:active .ic{transform:scale(.85)}
.dock a:focus-visible,.dock button:focus-visible{outline:2px solid var(--acc)}
.blob{position:absolute;z-index:0;top:6px;bottom:6px;left:6px;width:60px;border-radius:999px;background:var(--mintbg);border:1px solid rgba(1,231,166,.55);box-shadow:0 0 18px rgba(1,231,166,.25);transition:left .5s cubic-bezier(.34,1.56,.64,1),width .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0}
.askbtn .ic{filter:drop-shadow(0 0 6px rgba(1,231,166,.7))}
.burger{display:flex;flex-direction:column;justify-content:center;gap:3px;height:1.38rem}.burger i{display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s}
#scrim{position:fixed;inset:0;z-index:70;background:rgba(4,10,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}
#scrim.on{opacity:1;pointer-events:auto}
#sheet,#ask,#imp{position:fixed;left:50%;bottom:0;z-index:80;width:min(100vw,520px);transform:translate(-50%,105%);transition:transform .5s cubic-bezier(.22,1.2,.36,1);background:var(--card);border-radius:28px 28px 0 0;border:1px solid rgba(127,153,204,.2);border-bottom:0;padding:6px 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px rgba(0,0,0,.5);max-height:82vh;overflow-y:auto}
#sheet.open,#ask.open,#imp.open{transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){#sheet,#ask,.blob,.dock .ic{transition:none}}
.grab{display:flex;justify-content:center;padding:6px 0 10px;cursor:grab;touch-action:none}.grab i{width:42px;height:5px;border-radius:5px;background:var(--edge);opacity:.6}
.shead{display:flex;gap:8px;align-items:center;margin-bottom:12px}
#msearch{flex:1;min-width:0;background:var(--bg);border:1.5px solid var(--line);color:var(--ink);border-radius:14px;padding:10px 12px;font:500 .95rem Inter,sans-serif}
#msearch:focus{outline:none;border-color:var(--acc)}
.xbtn{border:1.5px solid var(--edge);background:transparent;color:var(--ink);width:38px;height:38px;border-radius:50%;font-size:.9rem;cursor:pointer;flex:none}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1/1;border-radius:18px;background:var(--bg);border:1px solid rgba(127,153,204,.14);font-size:.7rem;font-weight:600;color:var(--label);text-align:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s}
.tile .em{font-size:1.5rem;line-height:1}
.tile:hover,.tile:focus-visible{border-color:var(--acc);color:var(--ink);transform:translateY(-2px)}
.tile:active{transform:scale(.92)}
.tile.here{background:var(--mintbg);border-color:var(--acc);color:var(--acc)}
.tile.ask{background:linear-gradient(135deg,rgba(1,231,166,.22),rgba(127,153,204,.12));border-color:rgba(1,231,166,.6);color:var(--ink)}
.tile.ask[disabled]{opacity:.4;cursor:default}
@media (prefers-reduced-motion:no-preference){#sheet .tile{opacity:0;transform:scale(.6) translateY(10px)}#sheet.open .tile{opacity:1;transform:none;transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.05s + var(--i)*.022s)}}
.nohit{color:var(--mute);font-style:italic;text-align:center;margin:1rem 0}
.sfoot{display:flex;gap:8px;margin-top:14px}.sfoot a{flex:1;text-align:center;text-decoration:none;background:rgba(255,107,75,.16);color:var(--coral);border-radius:14px;padding:10px;font-weight:700;font-size:.85rem}
#ask{display:flex;flex-direction:column;height:78vh}
.ahead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ahead b{display:block;font-size:1.05rem}.ahead small{color:var(--mute);font-style:italic;font-size:.8rem}
.chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0 8px}
.msg{max-width:86%;padding:10px 13px;border-radius:18px;font-size:.93rem;line-height:1.5;white-space:pre-wrap}
.msg.bot{align-self:flex-start;background:var(--tile);border-bottom-left-radius:6px}
.msg.me{align-self:flex-end;background:var(--mintbg);color:var(--ink);border:1px solid rgba(1,231,166,.5);border-bottom-right-radius:6px}
.msg.think{color:var(--mute);font-style:italic}
.msg.think::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.2s steps(4) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.sugg{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.sugg::-webkit-scrollbar{display:none}
.sugg button{flex:none;border:1.5px solid var(--edge);background:transparent;color:var(--ink);border-radius:999px;padding:7px 12px;font:600 .8rem Inter,sans-serif;cursor:pointer}
.abar{display:flex;gap:8px}.abar input{flex:1;min-width:0;background:var(--bg);border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:11px 14px;font:500 .95rem Inter,sans-serif}.abar input:focus{outline:none;border-color:var(--acc)}
.abar button{width:44px;height:44px;border-radius:50%;border:0;background:var(--acc);color:var(--bg);font-size:1.1rem;font-weight:800;cursor:pointer;flex:none}
.abar button[disabled]{opacity:.4}
.anote{color:var(--mute);font-size:.8rem;font-style:italic;margin:.5rem 0 0}
.sugg[hidden]{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#sheet.open .tile.ask[disabled]{opacity:.4}
.menubtn{padding:0;width:40px;height:40px;justify-content:center;border-radius:50%;font-size:0;gap:0}.menubtn svg{width:18px;height:18px}
.bindwarn{background:rgba(255,107,75,.12);border:1.5px solid var(--coral);border-radius:20px;padding:14px 16px;margin:1rem 0}
.bindwarn b{display:block;color:var(--coral);font-size:1.05rem;margin-bottom:.2rem}.bindwarn p{margin:.4rem 0;font-size:.93rem}.bindwarn ol,.bindwarn ul{margin:.4rem 0;padding-left:1.2rem}.bindwarn li{margin-bottom:.3rem;font-size:.93rem}

/* ---------- 3D-Icons ---------- */
.i3{display:block;overflow:visible}
.tile .em{width:46px;height:46px;display:block;perspective:300px}
.tile .em .i3{width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.tile{perspective:400px;gap:6px;background:radial-gradient(120% 90% at 30% 10%,rgba(127,153,204,.16),transparent 60%),var(--bg)}
.tile:hover .em .i3,.tile:focus-visible .em .i3{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px) scale(1.12)}
@media (prefers-reduced-motion:no-preference){#sheet.open .tile .em{animation:bob 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.27s)}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}}
.dock .ic{width:26px;height:26px;font-size:0}.dock .ic .i3{width:100%;height:100%}
.dock .cur .ic{transform:translateY(-3px) scale(1.22)}
.rtracks{display:grid;gap:8px;margin:.6rem 0}.rtracks>div{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start;background:var(--card);border-radius:16px;padding:11px 14px;border:1px solid rgba(127,153,204,.12)}
.rtracks i{width:14px;height:14px;border-radius:50%;margin-top:3px;box-shadow:0 0 0 3px rgba(255,255,255,.06)}.rtracks b{display:block;font-weight:600;font-size:.95rem}.rtracks small{color:var(--label);font-size:.86rem}
.tagp{display:inline-block;margin-top:3px;background:var(--mintbg);color:var(--acc);border-radius:6px;padding:1px 7px;font-size:.72rem;font-weight:700}

/* ---------- Google-Earth-Block ---------- */
.earth{margin:1rem 0;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid rgba(127,153,204,.16);box-shadow:0 24px 50px -24px rgba(0,0,0,.7)}
.eimg{position:relative;overflow:hidden;aspect-ratio:4/3}
.eimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;cursor:zoom-in;transform:scale(1.04);transition:transform 6s ease}
.earth.in .eimg img{transform:scale(1)}
.eimg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,30,61,.35) 0%,transparent 28%,transparent 62%,rgba(26,51,88,.95) 100%)}
.eglass{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(15,30,61,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:var(--ink);font-size:.76rem;font-weight:700;text-decoration:none}
.etl{top:10px;left:10px}.etl i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}
.ebr{bottom:10px;right:10px;background:var(--mintbg);border-color:var(--acc);color:var(--acc)}
.hs{position:absolute;z-index:2;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:var(--c);color:#0B1730;font:800 .72rem Inter,sans-serif;cursor:pointer;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.hs::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--c);opacity:0}
.hs.on{transform:translate(-50%,-50%) scale(1.35);z-index:4}
@media (prefers-reduced-motion:no-preference){.hs.on::before{animation:ring 1.6s ease-out infinite}@keyframes ring{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.2);opacity:0}}}
.rcards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px;scrollbar-width:none}.rcards::-webkit-scrollbar{display:none}
.rc{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 72%;max-width:260px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 14px 12px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%),var(--bg);border:1.5px solid color-mix(in srgb,var(--c) 45%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s}
.rc .n{position:absolute;top:10px;right:12px;font-family:Archivo,sans-serif;font-weight:900;font-stretch:120%;font-size:1.6rem;color:var(--c);opacity:.9;line-height:1}
.rc b{font-size:.95rem;font-weight:700;padding-right:28px;line-height:1.25}.rc small{color:var(--label);font-size:.82rem;line-height:1.4}
.rc .tg{align-self:flex-start;margin-top:4px;background:var(--tile);color:var(--label);border-radius:7px;padding:2px 8px;font-size:.7rem;font-weight:700}
.rc .tg.on{background:var(--mintbg);color:var(--acc)}
.rc.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent);transform:translateY(-2px)}
.rc:focus-visible{outline:2px solid var(--acc)}

.eimg.map{aspect-ratio:auto}.eimg.map::after{display:none}
#rmap{display:block;width:100%;height:auto}
#rmap .gl{stroke:rgba(127,153,204,.10);stroke-width:1}
#rlines .rt{fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.85;cursor:pointer;transition:opacity .3s,stroke-width .3s}
#rglows .rtg{fill:none;stroke:var(--c);stroke-width:10;opacity:0;filter:url(#rglow);transition:opacity .4s}
#rglows .rtg.on{opacity:.55}
.earth.sel #rlines .rt{opacity:.28}.earth.sel #rlines .rt.on{opacity:1;stroke-width:4.5}
#rmap text{font:600 11px Inter,sans-serif;fill:#F5F7FA;paint-order:stroke;stroke:#0F1E3D;stroke-width:3px}
#rmap text.tl{font-weight:800;font-size:12.5px}#rmap text.sm{font-size:10px;fill:#8DA4C6}
#rmap .pk{fill:#F5F7FA}#rmap .ht{fill:#FF6B4B;stroke:#fff;stroke-width:1.5}#rmap .stn{fill:#F5F7FA;stroke:#0F1E3D;stroke-width:1.5}#rmap .tw{fill:#E7CA6C;stroke:#0F1E3D;stroke-width:1.5}
.rstat{padding:12px 14px 4px;border-top:1px solid var(--line)}
.rsh{display:flex;align-items:center;gap:8px}.rsh i{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.rsh b{font-size:1rem;font-weight:700}
.rsn{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:.6rem 0 .4rem}.rsn b{display:block;font-family:var(--mono);font-weight:500;font-size:.92rem}.rsn span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-weight:600}
#rprof{display:block;width:100%;height:70px}#rprof .pa{opacity:.18}#rprof .pl{fill:none;stroke-width:2.2;stroke-linejoin:round}#rprof text{font:500 9px "Roboto Mono",monospace;fill:var(--label)}
.car{background:var(--card);border-radius:22px;padding:14px;border:1px solid rgba(127,153,204,.14);margin:1rem 0}
.seg{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--bg);border-radius:14px;padding:4px}
.seg button{border:0;background:transparent;color:var(--label);border-radius:10px;padding:9px 0;font:700 .92rem "Roboto Mono",monospace;cursor:pointer;transition:background .25s,color .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.seg button[aria-checked="true"]{background:var(--mintbg);color:var(--acc);box-shadow:inset 0 0 0 1.5px var(--acc);transform:scale(1.04)}
.seg::before{content:"Personen";grid-column:1/-1;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:700;padding:2px 6px 0}
.carrec{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;margin:14px 2px}
.carico{width:56px;height:56px}
@media (prefers-reduced-motion:no-preference){.car.bump .carico{animation:carb .5s cubic-bezier(.34,1.56,.64,1)}@keyframes carb{0%{transform:translateX(-10px) scale(.9)}100%{transform:none}}}
.carrec b{display:block;font-size:1.05rem;font-weight:700}.carrec p{margin:.25rem 0 0;color:var(--label);font-size:.92rem}
.calc{display:grid;gap:8px}.calc label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;color:var(--label)}
.calc span{display:flex;align-items:center;gap:6px;color:var(--ink);font-family:var(--mono)}
.calc input{width:92px;background:var(--bg);border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 10px;font:500 .95rem "Roboto Mono",monospace;text-align:right}
.calc input:focus{outline:none;border-color:var(--acc)}
.carsum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.carsum div{background:var(--bg);border-radius:14px;padding:10px;text-align:center}
.carsum b{display:block;font-family:Archivo,sans-serif;font-weight:900;font-stretch:115%;font-size:1.15rem}.carsum span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-weight:700}
.tdl{display:grid;gap:10px;margin:1rem 0}
.td{background:var(--card);border-radius:20px;border:1px solid rgba(127,153,204,.14);border-left:4px solid var(--c);overflow:hidden}
.td summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr 18px;gap:10px;align-items:center;padding:13px 14px}
.td summary::-webkit-details-marker{display:none}
.td summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--label);border-bottom:2px solid var(--label);transform:rotate(45deg);transition:transform .3s;justify-self:center}
.td[open] summary::after{transform:rotate(-135deg)}
.td .n{width:30px;height:30px;border-radius:50%;background:var(--c);color:#0B1730;display:grid;place-items:center;font:800 .9rem Archivo,sans-serif}
.td summary b{display:block;font-size:1rem;font-weight:700}.td summary small{color:var(--label);font-size:.8rem}
.td>*:not(summary){margin-left:14px;margin-right:14px}.td>p{font-size:.93rem}.td>*:last-child{margin-bottom:14px}
.tds{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:2px;margin-bottom:8px}.tds div{background:var(--bg);border-radius:12px;padding:8px 6px;text-align:center}
.tds b{display:block;font-family:var(--mono);font-weight:500;font-size:.85rem}.tds span{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--label);font-weight:700}
.combo{display:grid;gap:10px;margin:1rem 0}
.cd{background:var(--card);border-radius:20px;padding:14px 16px;border:1px solid rgba(127,153,204,.14)}
.cd.on{border:1.5px solid var(--acc);box-shadow:0 0 0 3px rgba(1,231,166,.08)}
.cdk{display:inline-block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:700}
.cd>b{display:block;font-size:1.08rem;margin:.15rem 0 .5rem}.cd p{font-size:.92rem;margin:.4rem 0}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:.2rem 0 .4rem}
.chain i{font-style:normal;font-size:.76rem;font-weight:700;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--c,#7F99CC) 22%,transparent);border:1px solid color-mix(in srgb,var(--c,#7F99CC) 60%,transparent);color:var(--ink)}
.chain i+i::before{content:"→";color:var(--label);margin:0 6px 0 -2px;font-weight:400}
.chain i+i{margin-left:6px}
.up{background:var(--bg);border-radius:12px;padding:9px 11px}.up b{color:var(--acc)}
.pill2{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c);color:#0B1730;font:800 .7rem Archivo,sans-serif;vertical-align:1px}
.jok{display:grid;gap:8px;margin:.6rem 0 1rem}.jok>div{background:var(--bg);border:1px dashed var(--edge);border-radius:16px;padding:12px 14px}.jok b{display:block;font-size:.98rem}.jok p{margin:.3rem 0 0;font-size:.9rem;color:var(--label)}.jok .off{opacity:.7}
.lvl{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;align-items:center;background:var(--bg);border-radius:12px;padding:9px 11px;margin:0 14px 8px}
.lvl .lb{font-weight:800;font-size:.9rem;text-transform:none;letter-spacing:0;color:var(--ink)}.lvl small{grid-column:1/-1;color:var(--label);font-size:.82rem;text-transform:none;letter-spacing:0;font-weight:500}
.dots{display:flex;gap:4px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--tile)}
.lvl[data-l="1"] .dots i.on,.lvl[data-l="2"] .dots i.on{background:var(--acc)}.lvl[data-l="3"] .dots i.on{background:var(--yellow)}.lvl[data-l="4"] .dots i.on,.lvl[data-l="5"] .dots i.on{background:var(--coral)}
.lpill{display:inline-block;margin-left:6px;font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:6px;vertical-align:1px}
.lpill[data-l="1"],.lpill[data-l="2"]{background:var(--mintbg);color:var(--acc)}.lpill[data-l="3"]{background:rgba(231,202,108,.16);color:var(--yellow)}.lpill[data-l="4"],.lpill[data-l="5"]{background:rgba(255,107,75,.16);color:var(--coral)}
.td summary small{display:inline}
.nogo{background:rgba(255,107,75,.10);border:1px solid rgba(255,107,75,.45);border-radius:14px;padding:10px 12px;margin:.6rem 14px .6rem}
.nogo b{color:var(--coral);font-size:.9rem}.nogo ul{margin:.3rem 0 0;padding-left:1.1rem}.nogo li{font-size:.88rem;margin-bottom:.2rem}
.lvov{background:var(--card);border-radius:20px;padding:14px 16px;border:1px solid rgba(127,153,204,.14);margin:1rem 0}
.lvov>b{display:block;margin-bottom:.5rem}
.lvrow{display:grid;grid-template-columns:auto auto 1fr;gap:6px 10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.lvrow{display:flex;flex-wrap:wrap}.lvrow em{font-style:normal;font-weight:700;font-size:.9rem}.lvrow>span:last-child{color:var(--label);font-size:.84rem}
.wint{background:rgba(127,153,204,.10);border:1px solid rgba(127,153,204,.35);border-radius:14px;padding:10px 12px;margin:.6rem 14px}
.wint b{color:#BFE3FF;font-size:.9rem}.wint ul{margin:.3rem 0 0;padding-left:1.1rem}.wint li{font-size:.88rem;margin-bottom:.2rem}
.lux{background:linear-gradient(135deg,rgba(231,202,108,.16),rgba(1,231,166,.06));border:1.5px solid rgba(231,202,108,.6);border-radius:18px;padding:12px 14px;margin:.8rem 0}
.lux b{color:var(--yellow);font-size:1rem}.lux p{margin:.35rem 0;font-size:.92rem}
.tset{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:.5rem;font-weight:600;font-size:.9rem}
.tset input{background:var(--bg);border:1.5px solid var(--acc);color:var(--ink);border-radius:10px;padding:7px 10px;font:600 1rem "Roboto Mono",monospace;color-scheme:dark}
.arr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:.6rem 0}.arr div{background:var(--card);border-radius:14px;padding:10px;text-align:center;border:1px solid rgba(127,153,204,.14)}
.arr span{display:block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--label);font-weight:700}.arr b{font-family:var(--mono);font-weight:500;font-size:1.05rem;color:var(--acc)}
#edWarn{color:var(--coral)}
.exp{background:rgba(231,202,108,.10);border-left:3px solid var(--yellow);border-radius:8px;padding:7px 10px;font-size:.88rem}.exp b{color:var(--yellow)}
.shop{background:var(--card);border-radius:22px;padding:14px;border:1px solid rgba(127,153,204,.14);margin:1rem 0}
.shead2{display:flex;justify-content:space-between;align-items:center;gap:10px}.shead2 b{display:block}.shead2 small{color:var(--label);font-size:.78rem}
.step{display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:999px;padding:4px}.step button{width:32px;height:32px;border-radius:50%;border:0;background:var(--tile);color:var(--ink);font-size:1.1rem;cursor:pointer}.step span{font-size:.85rem;color:var(--label);min-width:52px;text-align:center}.step b{color:var(--acc);font-family:var(--mono);font-size:1rem}
.when2{background:rgba(231,202,108,.10);border-left:3px solid var(--yellow);border-radius:8px;padding:8px 10px;margin:12px 0;font-size:.88rem}.when2 b{color:var(--yellow)}
.shg{margin:12px 0 4px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:700}
.shi{display:grid;grid-template-columns:24px 92px 1fr;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);cursor:pointer}
.shi input{width:20px;height:20px;accent-color:var(--acc)}.shi .q{font-family:var(--mono);color:var(--acc);font-size:.82rem;text-align:right;white-space:nowrap}.shi .t{font-size:.93rem}.shi small{display:block;color:var(--mute);font-size:.78rem}
.shi.ok .t{text-decoration:line-through;color:var(--mute)}.shi.ok .q{color:var(--mute)}
.shfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.shfoot span{font-family:var(--mono);color:var(--label);font-size:.85rem}
.door{background:linear-gradient(135deg,rgba(1,231,166,.14),rgba(127,153,204,.06));border:1.5px solid var(--acc);border-radius:20px;padding:14px;margin:1rem 0}
.door>b{color:var(--acc);font-size:1.05rem}.door>p{margin:.3rem 0 .6rem;font-size:.88rem;color:var(--label)}
#doorL{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dc{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:9px 10px;cursor:pointer;font-size:.86rem;font-weight:600;border:1px solid transparent;transition:border-color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.dc input{width:18px;height:18px;accent-color:var(--acc);flex:none}.dc.ok{border-color:var(--acc);color:var(--acc)}.dc.ok span{text-decoration:line-through}
.dc:active{transform:scale(.96)}
.bopt{display:grid;gap:6px;margin:.4rem 0}.bopt>div{background:rgba(15,30,61,.55);border-radius:12px;padding:9px 11px}.bopt em{font-style:normal;font-weight:700;color:var(--ink);font-size:.92rem}.bopt p{margin:.2rem 0 0 !important;font-size:.86rem;color:var(--label)}
#map .route.hid{opacity:0}
#map .route.plan:not(.hid){stroke:var(--acc);stroke-width:2.6;opacity:.95;stroke-dasharray:none}
#map .route.on{stroke:var(--acc);stroke-width:3.2;opacity:1;stroke-dasharray:none}
#map .stn{fill:var(--ink);stroke:#0F1E3D;stroke-width:1}
#map text{paint-order:stroke;stroke:#0F1E3D;stroke-width:2.4px}
#map text.hl{fill:var(--acc);font-weight:700}
#map text.sub{font-size:6.6px;font-weight:600;fill:var(--label)}
#map .pt.sm{fill:var(--label)}
#map{transition:none}
.mchips{display:flex;gap:6px;margin:.6rem 0}.mchips button{border:1.5px solid var(--edge);background:transparent;color:var(--ink);border-radius:999px;padding:7px 14px;font:600 .85rem Inter,sans-serif;cursor:pointer}
.mchips button[aria-pressed="true"]{background:var(--mintbg);color:var(--acc);border-color:var(--acc)}
.warnli{background:rgba(255,107,75,.12);border-left:3px solid var(--coral);border-radius:8px;padding:7px 10px;list-style:none;margin-left:-1.1rem}.warnli b{color:var(--coral)}
.msg p{margin:0 0 .45rem}.msg p:last-child{margin-bottom:0}.msg ul{margin:.2rem 0 .4rem;padding-left:1.1rem}.msg li{margin-bottom:.2rem}.msg b{color:var(--ink)}
.msg.bot{white-space:normal}
.mact{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}.mact button{border:1px solid var(--edge);background:transparent;color:var(--label);border-radius:999px;padding:4px 10px;font:600 .74rem Inter,sans-serif;cursor:pointer}
.mact .jump{border-color:var(--acc);color:var(--acc);background:var(--mintbg)}
.abar .ph{background:var(--tile);color:var(--ink);font-size:1.05rem}
.aimg{display:flex;align-items:center;gap:8px;margin:0 0 8px}.aimg img{width:56px;height:56px;object-fit:cover;border-radius:12px;border:1.5px solid var(--acc)}.aimg button{border:0;background:var(--tile);color:var(--ink);border-radius:50%;width:28px;height:28px;cursor:pointer}
.aimg[hidden]{display:none}
.gl1{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:1rem 0 .6rem}
.glc{background:var(--card);border-radius:20px;padding:12px 16px;text-align:center;border:1px solid rgba(127,153,204,.14)}
.glc b{display:block;font-family:Archivo,sans-serif;font-weight:900;font-stretch:120%;font-size:2.4rem;line-height:1;color:var(--acc)}.glc span{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--label);font-weight:700}
.glnext{background:var(--card);border-radius:20px;padding:12px 14px;border:1px solid rgba(255,107,75,.45)}.glnext span{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);font-weight:700}.glnext b{display:block;font-size:.98rem;margin:.15rem 0}.glnext small{color:var(--label);font-size:.8rem}
.gldays{display:grid;gap:8px}.gd{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;text-decoration:none;color:var(--ink);background:var(--card);border-radius:16px;padding:10px 12px;border-left:4px solid var(--c)}
.gd em{grid-row:1/3;font-style:normal;font-family:Archivo,sans-serif;font-weight:900;font-size:1.3rem;color:var(--c);align-self:center}.gd b{font-size:.95rem}.gd small{color:var(--label);font-family:var(--mono);font-size:.74rem}
.glhut{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.6rem 0}.glhut label{display:flex;gap:10px;align-items:center;background:var(--card);border-radius:16px;padding:10px 12px;cursor:pointer;border:1.5px solid transparent}
.glhut input{width:20px;height:20px;accent-color:var(--acc)}.glhut b{display:block;font-size:.88rem}.glhut small{color:var(--label);font-size:.74rem}.glhut label.ok{border-color:var(--acc)}.glhut label.ok small{color:var(--acc)}
.glbars{display:grid;gap:6px}.glbars a{display:grid;grid-template-columns:80px 1fr 48px;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:.86rem;font-weight:600}
.glbars i{height:8px;border-radius:8px;background:var(--tile);overflow:hidden}.glbars s{display:block;height:100%;width:0;background:var(--acc);border-radius:8px;transition:width .8s cubic-bezier(.22,1,.36,1)}.glbars b{font-family:var(--mono);font-weight:500;font-size:.8rem;text-align:right;color:var(--label)}
.amp{display:grid;gap:8px;margin:.8rem 0}.ampc{background:var(--card);border-radius:18px;padding:12px 14px;border:1.5px solid rgba(127,153,204,.18);transition:border-color .3s,background .3s}
.ampt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ampt b{font-size:1rem;margin-right:auto}.ampt a{font-size:.75rem;color:var(--acc);text-decoration:none;border:1px solid var(--edge);border-radius:999px;padding:3px 9px}
.ampc small{display:block;color:var(--label);font-size:.8rem;margin:.35rem 0 .5rem}
.ampb{display:flex;gap:8px}.ampb button{flex:1;border:1.5px solid var(--line);background:var(--bg);border-radius:12px;padding:8px 0;font-size:1.2rem;cursor:pointer;opacity:.45;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s}
.ampb button[aria-pressed="true"]{opacity:1;transform:scale(1.06);border-color:var(--ink)}
.ampc[data-s="g"]{border-color:#2ECC71;background:linear-gradient(135deg,rgba(46,204,113,.12),transparent 60%),var(--card)}.ampc[data-s="y"]{border-color:var(--yellow);background:linear-gradient(135deg,rgba(231,202,108,.14),transparent 60%),var(--card)}.ampc[data-s="r"]{border-color:var(--coral);background:linear-gradient(135deg,rgba(255,107,75,.16),transparent 60%),var(--card)}
.ampres{border-radius:18px;padding:14px 16px;background:var(--tile);margin-bottom:1rem}.ampres b{display:block;font-size:1.1rem}.ampres p{margin:.3rem 0 0;font-size:.92rem}
.ampres.g{background:rgba(46,204,113,.16);border:1.5px solid #2ECC71}.ampres.y{background:rgba(231,202,108,.16);border:1.5px solid var(--yellow)}.ampres.r{background:rgba(255,107,75,.18);border:1.5px solid var(--coral)}
#map .dayln{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}#map .dayln.gond{stroke-width:1.6;stroke-dasharray:2 3;opacity:.8}
.mchips button[data-m="fr"],.mchips button[data-m="sa"],.mchips button[data-m="so"]{border-color:var(--dc);min-width:46px}
.mchips button[data-m="fr"][aria-pressed="true"],.mchips button[data-m="sa"][aria-pressed="true"],.mchips button[data-m="so"][aria-pressed="true"]{background:color-mix(in srgb,var(--dc) 22%,transparent);color:var(--ink)}
.dprof{background:var(--card);border-radius:20px;padding:12px 14px;margin:.8rem 0;border:1px solid rgba(127,153,204,.14)}.dph b{display:block;font-size:.98rem}.dph span{font-family:var(--mono);font-size:.78rem;color:var(--label)}
#dpSvg{display:block;width:100%;height:auto;margin-top:6px}#dpSvg .dpl{font:600 7px Inter,sans-serif;fill:var(--label)}#dpSvg .dpv{font:500 6.5px "Roboto Mono",monospace;fill:var(--ink)}
.daymap{margin:.5rem 0 .2rem;border:1.5px solid var(--edge);background:transparent;color:var(--ink);border-radius:999px;padding:6px 12px;font:600 .8rem Inter,sans-serif;cursor:pointer}
.xph{margin:.6rem 0;display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;background:rgba(15,30,61,.5);border-radius:14px;padding:6px;cursor:zoom-in}
.xph img{width:96px;height:72px;object-fit:cover;border-radius:10px;display:block}.xph figcaption{font-size:.8rem;color:var(--label)}.xph figcaption i{display:block;font-style:italic;font-size:.75rem;color:var(--mute);margin-top:2px}
.xph:not(.ok){display:none}
.gstat{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--label);background:var(--card);border-radius:999px;padding:6px 12px;margin:.4rem 0 .8rem}.gstat i{width:8px;height:8px;border-radius:50%;background:var(--mute)}
.gstat.on i{background:var(--acc);box-shadow:0 0 8px var(--acc)}.gstat.ro i{background:var(--yellow)}.gstat.off i{background:var(--coral)}
.gbox{background:var(--card);border-radius:20px;padding:14px;border:1px solid rgba(127,153,204,.14);margin:.7rem 0}
.gh{display:flex;justify-content:space-between;align-items:center;gap:8px}.gh b{font-size:1rem}.gh>span{font-family:var(--mono);font-size:.8rem;color:var(--label)}
.gedit{border:1px solid var(--edge);background:transparent;color:var(--label);border-radius:999px;padding:4px 10px;font:600 .74rem Inter,sans-serif;cursor:pointer}
.groster{display:flex;gap:6px;flex-wrap:wrap;margin-top:.6rem}.groster span{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border-radius:999px;padding:6px 12px;font-weight:700;font-size:.86rem}
.groster span i{width:10px;height:10px;border-radius:50%;background:var(--pc)}
.gnames{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:.6rem}.gnames input{background:var(--bg);border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 10px;font:500 .9rem Inter,sans-serif;min-width:0}.gnames input:focus{outline:none;border-color:var(--acc)}
.gi{padding:9px 0;border-top:1px solid var(--line)}.gi:first-child{border-top:0}
.gi .gt{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.gi .gt b{font-size:.93rem;font-weight:600}.gi .gt small{color:var(--label);font-size:.76rem}
.gp{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.gp button{border:1.5px solid var(--line);background:var(--bg);color:var(--label);border-radius:999px;padding:5px 11px;font:600 .8rem Inter,sans-serif;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s}
.gp button[aria-pressed="true"]{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 24%,transparent);color:var(--ink);transform:scale(1.05)}
.gp button:disabled{opacity:.5;cursor:default}
.gi.open .gt b::after{content:" · offen";color:var(--coral);font-weight:700;font-size:.75rem}
.ghut{padding:10px 0;border-top:1px solid var(--line)}.ghut:first-child{border-top:0}
.ghut .row{display:flex;align-items:center;gap:10px}.ghut label.tg2{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.ghut input[type=checkbox]{width:20px;height:20px;accent-color:var(--acc)}
.ghut small{display:block;color:var(--label);font-size:.78rem;margin:2px 0 6px 28px}
.ghut .fl{display:grid;grid-template-columns:1fr 100px;gap:6px;margin-left:28px}.ghut .fl input{background:var(--bg);border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 10px;font:500 .88rem "Roboto Mono",monospace;min-width:0}.ghut .fl input:focus{outline:none;border-color:var(--acc)}
.ghut.ok label.tg2{color:var(--acc)}
.gsaved{font-size:.72rem;color:var(--acc);margin-left:28px;opacity:0;transition:opacity .3s}.gsaved.on{opacity:1}

/* ---------- Menü kompakt ---------- */
#sheet .tiles.mq{display:block}
.mqk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.mqk .tile{aspect-ratio:auto;padding:10px 4px;font-size:.72rem}.mqk .tile .em{width:38px;height:38px}
.mgrp{margin:10px 0}.mgh{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:800;margin:0 2px 6px}
.mgl{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#sheet .tile.row{aspect-ratio:auto;flex-direction:row;justify-content:flex-start;gap:10px;padding:8px 10px;border-radius:14px;text-align:left}
#sheet .tile.row .em{width:30px;height:30px;flex:none}
#sheet .tile.row .tx{display:flex;flex-direction:column;min-width:0}#sheet .tile.row b{font-size:.84rem;color:var(--ink);font-weight:700;line-height:1.15}#sheet .tile.row small{font-size:.68rem;color:var(--mute);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sheet .tile.row.here b{color:var(--acc)}
@media (prefers-reduced-motion:no-preference){#sheet.open .tile.row .em{animation:none}}
.mgrp.empty{display:none}
#sheet{max-height:86vh}
.stop{display:flex;justify-content:center;margin-top:10px}.stop button{border:1px solid var(--edge);background:transparent;color:var(--label);border-radius:999px;padding:6px 14px;font:600 .8rem Inter,sans-serif;cursor:pointer}

/* Menü: Gruppen zum Aufklappen */
.mgrp{margin:6px 0;background:var(--bg);border-radius:16px;border:1px solid rgba(127,153,204,.14);overflow:hidden}
.mgh{display:none}
.mgb{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:34px 1fr 16px;gap:10px;align-items:center;padding:10px 12px}
.mgb .em{width:34px;height:34px}.mgb b{display:block;font-size:.95rem;font-weight:700;color:var(--ink)}.mgb small{display:block;font-size:.72rem;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgb i{width:8px;height:8px;border-right:2px solid var(--label);border-bottom:2px solid var(--label);transform:rotate(45deg);transition:transform .3s;justify-self:center}
.mgrp.open .mgb i{transform:rotate(-135deg)}
.mgrp .mgl{display:none;grid-template-columns:none;padding:0 12px 12px 56px;gap:6px;flex-wrap:wrap}
.mgrp.open .mgl{display:flex}
#sheet .tile.pl{aspect-ratio:auto;display:inline-flex;flex-direction:row;padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--ink);background:var(--card);border:1px solid rgba(127,153,204,.2);opacity:1;transform:none}
#sheet .tile.pl.here{background:var(--mintbg);border-color:var(--acc);color:var(--acc)}
.mgrp.hashere{border-color:rgba(1,231,166,.5)}.mgrp.hashere .mgb b{color:var(--acc)}
#sheet .tile.pl[hidden]{display:none}

/* ---------- Zuklappbare Bereiche ---------- */
.fold{position:relative;overflow:hidden;max-height:var(--fh,380px);transition:max-height .6s cubic-bezier(.22,1,.36,1)}
.fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(15,30,61,0),var(--bg) 85%);pointer-events:none;transition:opacity .4s}
.fold.open{max-height:none}.fold.open::after{opacity:0}
.fbtn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:.4rem 0 0;border:1.5px solid var(--acc);background:var(--mintbg);color:var(--ink);border-radius:16px;padding:11px 14px;font:600 .9rem Inter,sans-serif;cursor:pointer;text-align:left}
.fbtn small{display:block;font-weight:500;font-size:.78rem;color:var(--label);margin-top:2px}.fbtn i{font-style:normal;color:var(--acc);font-weight:800;white-space:nowrap}
.fbtn[hidden]{display:none}.fbtn.less{border-color:var(--edge);background:transparent;justify-content:center;margin-top:1rem}
a.tel{color:var(--acc);text-decoration:none;border-bottom:1px dashed rgba(1,231,166,.6);white-space:nowrap}a.tel::before{content:"📞 ";font-size:.85em}

/* ---------- Fotos und Lightbox ---------- */
#lb{flex-direction:column;padding:0;background:rgba(4,10,20,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lbtop{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;background:linear-gradient(180deg,rgba(4,10,20,.8),transparent)}
.lbtop span{font-family:var(--mono);color:var(--label);font-size:.85rem;margin-right:auto}
#lb .lbtop button{position:static;border:1.5px solid var(--edge);background:rgba(26,51,88,.8);color:var(--ink);border-radius:999px;padding:7px 13px;font:600 .85rem Inter,sans-serif;cursor:pointer}
.lbstage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;padding:60px 10px 70px}
#lb .lbstage img{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);user-select:none;-webkit-user-drag:none;cursor:zoom-in;will-change:transform;animation:none}
#lb.zoomed .lbstage img{cursor:grab;border-radius:0}
#lb .lbstage img.pop{animation:pop .35s cubic-bezier(.2,.8,.2,1)}
#lb .lbnav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--edge);background:rgba(26,51,88,.75);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;padding:0}
#lb .lbnav.prev{left:10px;right:auto}#lb .lbnav.next{right:10px;left:auto}#lb.zoomed .lbnav{opacity:0;pointer-events:none}
#lb p{z-index:3;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:linear-gradient(0deg,rgba(4,10,20,.85),transparent);padding:20px 20px 0;color:var(--ink);font-style:normal;font-size:.92rem}
@media (max-width:520px){#lb .lbnav{display:none}}
.photo{position:relative;border-radius:22px;box-shadow:0 18px 40px -22px rgba(0,0,0,.8);border:1px solid rgba(127,153,204,.16)}
.photo img{max-height:70vh;object-fit:contain;background:#0B1730;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.photo:hover img{transform:scale(1.03)}
.photo::before{content:"⤢";position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(15,30,61,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-size:1rem;pointer-events:none;border:1px solid rgba(255,255,255,.18)}
.photo figcaption{background:linear-gradient(180deg,var(--card),var(--card))}
.xph{grid-template-columns:120px 1fr;padding:8px;border:1px solid rgba(127,153,204,.16);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.xph:active{transform:scale(.98)}
.xph img{width:120px;height:86px;border-radius:12px;box-shadow:0 8px 18px -10px rgba(0,0,0,.8)}
.xph{position:relative}.xph::after{content:"⤢";position:absolute;left:96px;top:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(15,30,61,.75);font-size:.75rem;color:var(--ink)}
/* kleine Design-Politur */
section h2{position:relative}section h2::after{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-top:.5rem;background:linear-gradient(90deg,var(--acc),rgba(1,231,166,0))}
.hut,.td,.cd,.gbox,.vari>div,.risk>div{transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){.hut:hover,.cd:hover,.risk>div:hover{transform:translateY(-2px);box-shadow:0 16px 34px -20px rgba(0,0,0,.8)}}
/* Sommer-Klettersteige zugeklappt */
.ksw.off{cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.ksw.off b::after{content:"";display:inline-block;width:8px;height:8px;margin-left:10px;border-right:2px solid var(--label);border-bottom:2px solid var(--label);transform:rotate(45deg) translateY(-3px);transition:transform .3s}
.ksw.off.open b::after{transform:rotate(-135deg)}
.ks.sumhide{display:none}
a.mail{color:var(--acc);text-decoration:none;border-bottom:1px dashed rgba(1,231,166,.6);word-break:break-all}a.mail::before{content:"✉️ ";font-size:.85em}
.phase{display:grid;gap:8px;margin:1rem 0}.ph1{background:var(--card);border-radius:18px;padding:12px 14px;border-left:4px solid var(--c)}
.ph1 em{font-style:normal;font-family:var(--mono);font-size:.74rem;color:var(--c)}.ph1 b{display:block;font-size:1.02rem;margin:.1rem 0 .2rem}.ph1 p{margin:0;font-size:.9rem;color:var(--label)}
.goal{background:linear-gradient(135deg,rgba(1,231,166,.16),rgba(127,153,204,.06));border:1.5px solid var(--acc);border-radius:18px;padding:12px 14px}.goal b{color:var(--acc)}.goal p{margin:.3rem 0 0;font-size:.92rem}
.trl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.6rem 0}.trl div{background:var(--card);border-radius:16px;padding:11px 12px}.trl b{display:block;font-size:.92rem}.trl span{font-size:.82rem;color:var(--label)}
.ex{display:grid;gap:6px;margin:.6rem 0}.ex div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:var(--card);border-radius:14px;padding:9px 12px}.ex b{font-size:.92rem}.ex small{font-family:var(--mono);color:var(--acc);font-size:.8rem;text-align:right}.ex span{grid-column:1/-1;font-size:.8rem;color:var(--label)}
.sk{display:grid;gap:8px;margin:.6rem 0}.sk div{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;background:var(--card);border-radius:16px;padding:11px 12px}.sk em{grid-row:1/3;font-style:normal;font-size:1.4rem}.sk b{font-size:.94rem}.sk span{font-size:.84rem;color:var(--label)}
@media (max-width:380px){.trl{grid-template-columns:1fr}}
.alva{background:linear-gradient(135deg,rgba(1,231,166,.12),rgba(255,107,75,.06)),var(--card);border:1.5px solid rgba(1,231,166,.5);border-radius:22px;padding:14px 16px;margin:1rem 0}
.alh{display:flex;gap:12px;align-items:center}.alogo svg{width:42px;height:42px;display:block}.alh b{display:block;font-size:1.05rem}.alh small{color:var(--label);font-size:.8rem}
.alva>p{font-size:.92rem;margin:.6rem 0}
.alw{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:.4rem 0 .8rem}.alw div{background:var(--bg);border-radius:14px;padding:9px 11px}.alw em{font-style:normal;font-family:var(--mono);font-size:.72rem;color:var(--acc)}.alw b{display:block;font-size:.88rem;margin:.1rem 0}.alw span{font-size:.78rem;color:var(--label)}
.alva .cta[hidden]{display:none}
@media (max-width:380px){.alw{grid-template-columns:1fr}}
.dur{background:var(--bg);border-radius:14px;padding:10px 12px;margin:0 14px 8px;border:1px solid rgba(1,231,166,.35)}
.durh{display:flex;justify-content:space-between;align-items:baseline}.durh b{font-size:.9rem}.durh em{font-style:normal;font-family:Archivo,sans-serif;font-weight:900;font-size:1.3rem;color:var(--acc)}
.durg{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:.4rem 0}.durg div{display:flex;justify-content:space-between;font-size:.82rem;color:var(--label)}.durg b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.dur small{display:block;font-size:.76rem;color:var(--mute)}
.durtab{background:var(--card);border-radius:20px;padding:14px 16px;border:1px solid rgba(127,153,204,.14);margin:1rem 0}.durtab td b{font-family:var(--mono);color:var(--acc);font-weight:500}
.upd{background:linear-gradient(135deg,rgba(127,179,255,.12),rgba(1,231,166,.06)),var(--card);border:1.5px solid rgba(127,179,255,.5);border-radius:20px;padding:14px 16px;margin:.8rem 0}.upd>b{font-size:1rem}
.open{background:rgba(231,202,108,.08);border:1.5px dashed var(--yellow);border-radius:18px;padding:12px 14px;margin:1rem 0}.open>b{color:var(--yellow)}
@media (max-width:440px){.cur-sec{display:none}}
@media (max-width:360px){.problems{grid-template-columns:1fr}.kpis b{font-size:1.7rem}}

/* ---------- Impressum ---------- */
#imp{background:var(--bg);max-height:88vh;overflow-x:hidden;overscroll-behavior:contain}
#imp h2{font:800 1.6rem Archivo,Inter,sans-serif;font-stretch:112%;letter-spacing:-.01em;margin:0 4px .15rem;color:var(--ink)}
#imp .impsub{margin:0 4px 14px;color:var(--label);font-size:.88rem}
#imp .impc{background:var(--card);border-radius:18px;border:1px solid rgba(127,153,204,.14);padding:12px 14px;margin:0 0 10px}
#imp h3{margin:0 0 .4rem;font:700 .74rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
#imp p{margin:0 0 .5rem;font:400 .9rem/1.5 Inter,sans-serif;color:var(--ink);overflow-wrap:anywhere}
#imp p:last-child{margin-bottom:0}
#imp a{color:var(--acc);text-decoration:none;border-bottom:1px dashed rgba(1,231,166,.6)}
#imp a.mono{font-family:var(--mono);font-size:.86rem}
#imp a.mail::before{content:none}
#imp .impx{display:block;width:100%;margin:14px 0 4px;border:0;border-radius:999px;background:var(--acc);color:#0F1E3D;padding:12px 18px;font:700 .95rem Inter,sans-serif;cursor:pointer}
.stop{gap:8px}
footer .implink{display:inline-block;margin-left:.5em;color:var(--label);text-decoration:none;border-bottom:1px dashed var(--edge)}

/* ---------- Hinweis: neue Version ---------- */
#swup{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);background:var(--card);border:1.5px solid var(--acc);color:var(--ink);border-radius:999px;padding:6px 6px 6px 14px;font:500 .85rem Inter,sans-serif;box-shadow:0 18px 40px rgba(0,0,0,.5)}
#swup[hidden]{display:none}
#swup button{border:0;border-radius:999px;background:var(--acc);color:#0F1E3D;padding:7px 14px;font:700 .82rem Inter,sans-serif;cursor:pointer;white-space:nowrap}

/* ---------- Gemeinsam: Abgleich und Konflikt ---------- */
.gstat.sync i{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}
@media (prefers-reduced-motion:no-preference){.gstat.sync i{animation:gpulse 1s ease-in-out infinite alternate}@keyframes gpulse{from{opacity:.35}to{opacity:1}}}
.gconf{margin:-.3rem 0 .8rem;color:var(--coral);font-size:.82rem;line-height:1.4}
.gconf[hidden]{display:none}

/* ---------- Offline: Hinweise und Kennzeichnung ---------- */
#offpill{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 62px);z-index:39;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid rgba(231,202,108,.55);color:var(--ink);border-radius:999px;padding:5px 12px;font:600 .76rem Inter,sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.45);white-space:nowrap}
#offpill i{width:7px;height:7px;border-radius:50%;background:var(--yellow)}
#offpill[hidden]{display:none}
.netnote{display:none;margin:.2rem 0 .8rem;padding:8px 12px;border-radius:12px;background:rgba(231,202,108,.12);color:var(--yellow);font-size:.84rem}
html.netoff .netnote{display:block}
/* Live-Bereich ohne Netz: Links ausgegraut, Telefon bleibt aktiv */
html.netoff #live .live a:not([href^="tel:"]),html.netoff #amp .ampt a:not([href^="tel:"]){opacity:.42;filter:grayscale(1)}
html.netoff #live .live a:not([href^="tel:"]) .go::after{content:" · braucht Empfang";font-weight:500}
/* externe Links im Text ohne Netz mit Symbol */
html.netoff a.ext::after{content:" ⦸";color:var(--mute);font-size:.85em;font-weight:400}
html.netoff .live a.ext::after{content:"";}
#nettoast{position:fixed;left:50%;transform:translate(-50%,16px);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:95;max-width:min(92vw,420px);background:var(--card);border:1.5px solid var(--yellow);color:var(--ink);border-radius:16px;padding:9px 14px;font-size:.86rem;opacity:0;pointer-events:none;transition:opacity .25s,transform .3s}
#nettoast.on{opacity:1;transform:translate(-50%,0)}
/* Notruf: immer sichtbar, auch wenn ein Skript nicht läuft */
.js .sos.rv{opacity:1;transform:none}
.sosnote{margin:-.3rem 0 .8rem;font-size:.84rem;color:var(--coral);font-weight:600}
#sheet .sosnote{margin:8px 2px 0;font-size:.76rem;text-align:center}
/* Auf einen Blick: Offline bereit */
.gloff{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border-radius:16px;padding:10px 12px;margin:0 0 .8rem;border:1px solid rgba(127,153,204,.18)}
.gloff b{display:block;font-size:.9rem}
.gloff small{display:block;color:var(--mute);font-size:.74rem;margin-top:2px}
.gloff.ok b{color:var(--acc)}
.gloff button{flex:none;border:1px solid var(--acc);background:transparent;color:var(--acc);border-radius:999px;padding:7px 12px;font:700 .78rem Inter,sans-serif;cursor:pointer}
.gloff button:disabled{opacity:.45;cursor:default}