:root{--color-primary:#c0e12f;--color-secondary:#4d0f00;--color-tertiary:#ffb319;--color-walpurgishalle:#ff8c00;--color-user-location:#ff8019;--color-locked:#8a8a8a;--color-bg-solid-fixed:#2a2a2a;--color-bg-solid:#303030;--color-background:#1d1014;--color-on-background:#fff;--color-on-primary:#2b3400;--color-frame:#27272a;--color-shadow:#000;--glass-bg:color-mix(in srgb,var(--color-bg-solid),transparent 10%);--glass-border:color-mix(in srgb,var(--color-primary),transparent 60%);--icon-bg-alpha:color-mix(in srgb,var(--color-primary),transparent 90%);--icon-border-alpha:color-mix(in srgb,var(--color-primary),transparent 80%);--primary-soft:color-mix(in srgb,var(--color-primary),transparent 70%);--overlay-strong:color-mix(in srgb,var(--color-shadow),transparent 30%);--overlay-medium:color-mix(in srgb,var(--color-shadow),transparent 40%);--overlay-soft:color-mix(in srgb,var(--color-shadow),transparent 60%);--hairline:color-mix(in srgb,var(--color-on-background),transparent 88%);--font-headline:"Diavlo Black",sans-serif;--font-ui-bold:"Elektra Pro Bold",sans-serif;--font-ui-regular:"Elektra Pro Regular",sans-serif;--font-body:"Myriad Pro",sans-serif;--font-longform:"Verdana",sans-serif;--font-icon:"Material Symbols Outlined";--text-shadow:0 4px 12px rgba(0,0,0,.8);--radius-card:2.5rem;--radius-box:0.75rem;--radius-btn:9999px;--radius-modal:1rem;--radius-pin:50%;--radius-phone:3rem;--transition-main:all 0.4s cubic-bezier(0.22,1,0.36,1);--transition-quick:all 0.15s ease;--stone-fill:color-mix(in srgb,var(--color-bg-solid),#000 5%);--stone-stroke:color-mix(in srgb,var(--color-on-background),transparent 85%);--shadow-glow:0 0 20px var(--color-primary);--shadow-card:0 10px 26px rgba(0,0,0,.25);--shadow-modal:0 16px 48px rgba(0,0,0,.45);--shadow-snapshot:0 18px 45px rgba(0,0,0,.65);--blur-intensity:8px;--overlay-opacity:0.6;--color-ink:#1d1014;--color-ink-muted:#666;--color-paper:#fff;--color-paper-edge:#1e3a8a;--color-success:#22c55e;--color-error:#ef4444;--color-error-strong:red;--color-danger:#ff5d5d;--color-selected:#667eea;--color-scan-success:#49d17a;--color-status-completed:var(--color-primary);--color-status-skip:var(--color-tertiary);--color-status-walpurgishalle:var(--color-walpurgishalle);--color-status-stop:var(--color-error-strong);--color-status-interim:#2563eb;--game-surface:rgba(15,23,42,.9);--game-surface-soft:rgba(15,23,42,.7);--game-surface-strong:rgba(15,23,42,.95);--game-border:rgba(148,163,184,.7);--game-border-soft:rgba(148,163,184,.6);--game-bg-gradient-from:#1b2550;--game-bg-gradient-to:#020617;--game-success-soft:rgba(34,197,94,.2);--game-selected-soft:rgba(102,126,234,.2);--bottom-btn-height:60px;--bottom-btn-container-bottom:40px;--bottom-btn-container-padding:16px 12px;--bottom-btn-container-side:12px;--tab-height:10vh;--tab-max-height:90px;--safe-bottom-min:0px;--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-bottom-min));--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html.platform-ios{--safe-bottom-min:0px}html.platform-android{--safe-bottom-min:16px}@supports not (color:color-mix(in srgb,red,blue)){:root{--glass-bg:rgba(48,48,48,.9);--glass-border:rgba(192,225,47,.4);--icon-bg-alpha:rgba(192,225,47,.1);--icon-border-alpha:rgba(192,225,47,.2);--primary-soft:rgba(192,225,47,.3);--overlay-strong:rgba(0,0,0,.7);--overlay-medium:rgba(0,0,0,.6);--overlay-soft:rgba(0,0,0,.4);--hairline:hsla(0,0%,100%,.12);--stone-fill:#2e2e2e;--stone-stroke:hsla(0,0%,100%,.12)}}@font-face{font-family:Diavlo Black;src:url(/fonts/Diavlo_BLACK_II.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Elektra Pro Regular;src:url(/fonts/ElektraTextPro-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Elektra Pro Bold;src:url(/fonts/ElektraTextPro-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Myriad Pro;src:url(/fonts/MyriadPro-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Verdana;src:local("Verdana"),url(/fonts/Verdana.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Verdana;src:local("Verdana Bold"),url(/fonts/Verdana-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/MaterialSymbolsOutlined.woff2) format("woff2");font-style:normal;font-weight:100 700;font-display:block}.material-symbols-outlined{font-family:var(--font-icon);font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}:root{--bg:var(--color-background);--card:var(--color-bg-solid);--border:var(--hairline);--text:var(--color-on-background);--muted:color-mix(in srgb,var(--color-on-background),transparent 35%);--accent:var(--color-primary);--danger:#ff5d5d;--ok:#49d17a;--bottom-btn-bg:color-mix(in srgb,var(--color-primary),transparent 20%);--bottom-btn-border:2px solid color-mix(in srgb,var(--color-primary),transparent 10%)}*{box-sizing:border-box}body,html{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}html{overflow:hidden}body{margin:0;padding:0;font-family:var(--font-body);background:var(--color-bg-solid-fixed);color:var(--color-on-background);overflow-x:hidden}a{color:inherit}button{font:inherit;cursor:pointer}.container{max-width:980px;margin:0 auto;padding:24px}.container--no-bottom-padding{padding-bottom:0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spacer{height:14px}.hr{height:1px;background:var(--hairline);margin:12px 0}.grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:900px){.grid{grid-template-columns:1.15fr .85fr}}.h1{font-family:var(--font-headline);font-size:28px;font-weight:800;letter-spacing:.2px}.h1,.h2{margin:0}.h2{font-family:var(--font-ui-bold);font-size:18px;font-weight:700}.p{font-family:var(--font-body);margin:0;color:color-mix(in srgb,var(--color-on-background),transparent 35%);line-height:1.45}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-btn);border:1px solid var(--hairline);background:color-mix(in srgb,var(--color-on-background),transparent 95%);color:color-mix(in srgb,var(--color-on-background),transparent 35%);font-family:var(--font-ui-bold)}.badge,.kbd{font-size:12px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px 8px;border-radius:8px;border:1px solid var(--hairline);background:rgba(0,0,0,.25);color:var(--color-on-background)}.ui-btn-master{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-box);font-family:var(--font-ui-bold);font-weight:800;text-transform:uppercase;cursor:pointer;transition:var(--transition-main)}.ui-btn-master>*{cursor:inherit}.ui-btn-master:hover{transform:scale(1.03)}.ui-btn-master:focus-visible{outline:2px solid var(--color-on-background);outline-offset:3px}.ui-btn-master:active{transform:scale(.97)}.ui-btn-master:disabled{opacity:.7;cursor:not-allowed;transform:none}.ui-icon-box{width:3rem;height:3rem;background:var(--icon-bg-alpha);border:1px solid var(--icon-border-alpha);border-radius:var(--radius-box);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;pointer-events:auto}.ui-card-master{background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-top:1px solid var(--glass-border);box-shadow:0 -10px 40px color-mix(in srgb,var(--overlay-medium),var(--color-primary) 15%)}.ui-label{font-family:var(--font-ui-regular);color:var(--color-on-background)}.ui-label,.ui-label-bold{font-size:.85rem;text-transform:uppercase;font-weight:700}.ui-label-bold{font-family:var(--font-ui-bold);color:var(--color-primary);margin:0}.ui-body-small{font-family:var(--font-body);color:var(--color-on-background);font-size:.75rem;margin:0;line-height:1.4}.card{background:color-mix(in srgb,var(--color-bg-solid),#000 8%);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-card)}.btn{padding:7px;border-radius:14px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--color-on-background),transparent 94%);margin-bottom:0;font-family:var(--font-ui-bold)}.btn,.btnPrimary{color:var(--color-on-background)}.btnPrimary{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary),transparent 72%),color-mix(in srgb,var(--color-primary),transparent 88%));border-color:color-mix(in srgb,var(--color-primary),transparent 50%)}.btnDanger{background:linear-gradient(180deg,color-mix(in srgb,var(--color-danger),transparent 78%),color-mix(in srgb,var(--color-danger),transparent 92%));border-color:color-mix(in srgb,var(--color-danger),transparent 50%)}.btnBottom{min-height:var(--bottom-btn-height);height:var(--bottom-btn-height);display:inline-flex;align-items:center;justify-content:center;background:var(--bottom-btn-bg);color:var(--color-on-background);border:var(--bottom-btn-border);border-radius:12px;font-family:var(--font-ui-bold);font-size:16px;font-weight:600;padding:0;width:100%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.btnBottom:disabled{opacity:.6;cursor:not-allowed}.bottom-btn-container{position:fixed;bottom:var(--bottom-btn-container-bottom);left:var(--bottom-btn-container-side);right:var(--bottom-btn-container-side);z-index:10;padding:var(--bottom-btn-container-padding);background:transparent;box-sizing:border-box}.bottom-btn-row{flex-direction:row;gap:10px;justify-content:space-between}.bottom-btn-col,.bottom-btn-row{display:flex;align-items:stretch}.bottom-btn-col{flex-direction:column;gap:12px}.bottom-btn-center{max-width:600px;margin-left:auto;margin-right:auto}.hero-container{position:fixed;inset:0;height:100%;height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(5rem + var(--safe-top)) 0 calc(3.5rem + var(--safe-bottom));background-image:linear-gradient(to bottom,color-mix(in srgb,var(--color-shadow),transparent 60%),color-mix(in srgb,var(--color-shadow),transparent 30%)),url(/images/home-hero-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:var(--color-background);overflow:hidden}.hero-container__section{position:relative;z-index:10;padding:0 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-container .main-headline{max-inline-size:90%;margin-inline:auto;margin-block:0 1rem;font-size:clamp(1.5rem,1.75rem,2.25rem);font-family:var(--font-headline);line-height:1.1;text-transform:uppercase;text-shadow:var(--text-shadow);word-wrap:break-word;color:var(--color-on-background)}.hero-container .main-headline span{color:var(--color-primary);display:block}.slogan{font-family:var(--font-ui-bold);color:var(--color-on-background);font-size:1.125rem;text-shadow:var(--text-shadow);margin:0}.cta-group{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:20rem;align-self:center;margin-inline:auto}.btn-start{width:100%;height:4rem;font-size:1.35rem}.link-secondary{font-family:var(--font-ui-regular);color:color-mix(in srgb,var(--color-on-background),transparent 10%);text-decoration:none;text-shadow:var(--text-shadow);font-weight:600;font-size:1.15rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.25rem 0;transition:color .2s ease;text-align:center;align-self:center;white-space:nowrap}.link-secondary>*{cursor:inherit}.link-secondary:focus-visible,.link-secondary:hover{color:var(--color-primary);outline:none}.modal-overlay{position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-shadow),transparent calc((1 - var(--overlay-opacity)) * 100%));z-index:100;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1s cubic-bezier(.22,1,.36,1),backdrop-filter .5s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .5s cubic-bezier(.22,1,.36,1),visibility 0s linear 2s;display:flex;flex-direction:column;justify-content:flex-end}.modal-overlay--active{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(var(--blur-intensity));-webkit-backdrop-filter:blur(var(--blur-intensity));transition:opacity 0s cubic-bezier(.22,1,.36,1),backdrop-filter .5s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .5s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.bottom-sheet{position:relative;width:100%;height:85%;border-radius:var(--radius-card) var(--radius-card) 0 0;padding:2.5rem 2rem calc(2.5rem + var(--safe-bottom));transform:translateY(100%);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;touch-action:pan-y}.modal-overlay--active .bottom-sheet{transform:translateY(0)}.bottom-sheet--dragging{transition:none!important}.handle{cursor:-webkit-grab;cursor:grab}.handle:active{cursor:-webkit-grabbing;cursor:grabbing}.handle{width:3rem;height:.25rem;background:color-mix(in srgb,var(--color-on-background),transparent 70%);border-radius:99px;margin:0 auto 2rem}.modal-title{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.5rem;text-align:center;margin:0 0 2rem}.info-list{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;align-items:center;gap:1rem}.info-text{display:flex;flex-direction:column;gap:.25rem;text-align:left}.btn-close-modal{margin-top:auto;width:100%;padding:1rem;border-radius:var(--radius-box)}.start-screen{position:relative;min-height:100vh;min-height:100dvh}.start-bg{position:absolute;inset:0;background-color:var(--color-background);background-repeat:no-repeat;background-size:cover;background-position:50%}.start-bg--image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-background),transparent 65%) 0,transparent 35%,transparent 65%,color-mix(in srgb,var(--color-background),transparent 50%) 100%);pointer-events:none}.start-overlay{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:24px 24px calc(48px + var(--safe-bottom))}.start-title{font-family:var(--font-headline);font-size:clamp(28px,6vw,38px);font-weight:400;font-style:italic;letter-spacing:.02em;margin:0 0 20px;color:var(--color-on-background);text-shadow:var(--text-shadow)}.start-cta-circle{width:72px;height:72px;border-radius:var(--radius-pin);border:3px solid color-mix(in srgb,var(--color-primary),transparent 10%);background:color-mix(in srgb,var(--color-background),transparent 50%);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary),transparent 60%);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:box-shadow .2s,transform .15s}.start-cta-circle:hover{box-shadow:0 0 28px color-mix(in srgb,var(--color-primary),transparent 40%);transform:scale(1.03)}.start-cta-circle__icon{width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent var(--color-on-background);margin-left:6px}.start-cta-label{margin-top:14px;font-weight:600;letter-spacing:.2em;color:var(--color-on-background);text-shadow:0 1px 10px color-mix(in srgb,var(--color-shadow),transparent 60%)}.start-cta-label,.start-link{font-family:var(--font-ui-bold);font-size:14px}.start-link{color:var(--color-primary);text-decoration:underline}.start-mehr{margin-top:48px;max-width:520px;text-align:left}.welcome-scene{display:flex;flex-direction:column;gap:12px}.welcome-ar{border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--hairline)}.welcome-controls{flex-shrink:0}.audio-player-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:color-mix(in srgb,var(--color-shadow),transparent 75%);border-radius:12px;border:1px solid var(--hairline)}.audio-player-bar__btn{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-pin);border:1px solid var(--hairline);background:var(--color-bg-solid);display:flex;align-items:center;justify-content:center;padding:0}.audio-player-bar__icon--play{width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent var(--color-on-background);margin-left:4px}.audio-player-bar__icon--pause{width:14px;height:14px;background:linear-gradient(to right,var(--color-on-background) 4px,transparent 4px,transparent 10px,var(--color-on-background) 10px);background-size:14px 14px}.audio-player-bar__progress-wrap{flex:1 1;min-width:0}.audio-player-bar__range{width:100%;height:6px;accent-color:var(--color-primary);cursor:pointer}.audio-player-bar__time{font-family:var(--font-ui-bold);font-size:12px;color:color-mix(in srgb,var(--color-on-background),transparent 35%);flex-shrink:0}.map-screen{display:flex;flex-direction:column;gap:12px}.map-card{display:block}.map-badge{margin-top:8px}.map-image{display:block}.games-placeholder{opacity:.7;cursor:not-allowed}.map-screen-full{position:relative;min-height:100vh;min-height:100dvh}.map-screen-full__bg{position:absolute;inset:0}.map-screen-full__bg--image{background-color:var(--color-background)}.map-screen-full__footer{position:absolute;bottom:0;left:0;right:0;padding:20px 24px calc(24px + var(--safe-bottom));background:linear-gradient(to top,color-mix(in srgb,var(--color-background),transparent 8%) 0,color-mix(in srgb,var(--color-background),transparent 40%) 70%,transparent);display:flex;flex-direction:column;align-items:stretch;text-align:center;width:100%;box-sizing:border-box;z-index:20}.map-screen-full__instruction{font-family:var(--font-body);color:var(--color-on-background);font-size:14px;line-height:1.4;margin:0 0 16px;max-width:360px}.map-screen-full__cta{display:block;text-align:center;padding:14px 24px;font-size:16px}.station-map{position:absolute;inset:0;pointer-events:none}.station-map__pin{position:absolute;flex-direction:column;transform:translate(-50%,-50%);z-index:10}.station-map__pin,.station-map__pin-box{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.station-map__pin-box{font-family:var(--font-longform);margin:0;padding:0;box-sizing:border-box;background:color-mix(in srgb,var(--color-primary),transparent 90%);color:var(--color-primary);flex-shrink:0;cursor:default;pointer-events:auto;position:relative;border-radius:var(--radius-pin);background-color:color-mix(in srgb,var(--color-bg-solid),transparent 10%);border:1px solid color-mix(in srgb,var(--color-primary),transparent 60%);transition:var(--transition-main);box-shadow:none}.station-map__pin--clickable .station-map__pin-box{cursor:pointer}.station-map__pin-box--pulse{animation:station-map-pulse 1.5s ease-in-out infinite}@keyframes station-map-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.station-map__pin-id{font-family:var(--font-longform);font-size:1.2rem;font-weight:700;color:var(--color-primary);z-index:2;pointer-events:none;text-shadow:var(--text-shadow)}.station-map__pin--done{opacity:.8}.station-map__pin--done .station-map__pin-box{background:var(--color-primary);color:var(--color-background);border-color:color-mix(in srgb,var(--color-primary),transparent 60%)}.station-map__pin--done .station-map__pin-id{color:var(--color-background)}.station-map__pin--locked .station-map__pin-box,.station-map__pin--locked .station-map__pin-id{color:var(--color-on-background)}.station-map__pin--next .station-map__pin-box,.station-map__pin--next .station-map__pin-id{color:var(--color-primary)}.station-map__status-badge{position:absolute;top:-.4rem;right:-.4rem;width:1.2rem;height:1.2rem;border-radius:var(--radius-pin);background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-primary),transparent 60%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow),transparent 50%);z-index:2;color:var(--color-primary);font-family:var(--font-longform);cursor:pointer;pointer-events:auto}.station-map__status-icon{font-family:var(--font-icon);font-weight:400;font-style:normal;font-size:14px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;color:inherit}.station-map__status-icon--filled{font-variation-settings:"FILL" 1}.station-map__pin--done .station-map__status-badge{background:var(--color-background);border-color:color-mix(in srgb,var(--color-primary),transparent 60%);color:var(--color-primary)}.station-map__pin--next .station-map__status-badge,.station-map__pin--next.station-map__pin--locked .station-map__status-badge{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.station-map__pin--locked .station-map__status-badge{background:var(--color-locked);border-color:color-mix(in srgb,var(--color-primary),transparent 60%);color:var(--color-on-primary)}.user-location-marker{color:var(--color-on-background);font-family:var(--font-longform);margin:0;padding:0;box-sizing:border-box;top:auto;left:auto;transform:none;z-index:5}.location-dot-core{border-radius:var(--radius-pin);background:var(--color-user-location);border:2px solid color-mix(in srgb,var(--color-on-background),transparent 10%);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-user-location),transparent 75%);z-index:2}.location-dot-radar{width:24px;height:24px;border-radius:var(--radius-pin);border:2px solid color-mix(in srgb,var(--color-user-location),transparent 20%);background:color-mix(in srgb,var(--color-user-location),transparent 82%);animation:user-location-radar 1.8s ease-out infinite}@keyframes user-location-radar{0%{transform:scale(.35);opacity:.85}70%{opacity:.25}to{transform:scale(1.6);opacity:0}}.map-page{position:fixed;top:0;left:0;right:0;width:100%;height:100vh;height:100dvh;height:var(--map-page-height,100dvh);overflow:hidden;background:var(--color-background)}.main-view-slider{display:flex;width:200%;height:100%;transform:translateX(0);transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform}.view-pane{width:50%;height:100%;position:relative;overflow:hidden}.map-page--stations .main-view-slider{transform:translateX(-50%)}.map-viewport{position:relative;height:100%;width:100%;overflow:hidden;background-color:var(--color-background)}.map-container{position:absolute;inset:0;z-index:1}.map-container .leaflet-tile-pane{filter:saturate(.85) contrast(1.05)}.map-header-top{position:absolute;top:2rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;z-index:20;pointer-events:none}.map-header-top>*{pointer-events:auto}.location-box-mini{padding:.4rem .75rem;border-radius:var(--radius-box);background:var(--overlay-medium);border:1px solid var(--icon-border-alpha);color:var(--color-primary)}.location-box-mini .ui-label{font-size:8px;opacity:.6;margin-bottom:0}.coords-mini{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;color:var(--color-user-location)}.coords-error{font-family:var(--font-body);font-size:9px;color:color-mix(in srgb,var(--color-on-background),transparent 30%)}.menu-btn-global{position:absolute;top:2rem;right:1.5rem;z-index:800;width:2.75rem;height:2.75rem;background:color-mix(in srgb,var(--glass-bg),var(--color-primary) 15%);border:1px solid var(--glass-border);border-radius:var(--radius-box);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s ease,transform .2s ease}.menu-btn-global:hover{background:color-mix(in srgb,var(--glass-bg),var(--icon-bg-alpha) 20%);border-color:var(--color-primary)}.map-controls-left{position:absolute;top:6.5rem;left:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:40}.compass-btn-ui,.control-toggle-btn{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:0}.compass-btn-ui:active,.control-toggle-btn:active{transform:scale(.95)}.compass-svg-mini{width:1.6rem;height:1.6rem;display:block;transition:transform .18s cubic-bezier(.22,1,.36,1);transform-origin:50% 50%}.controls-content{display:flex;flex-direction:column;gap:.5rem;transform-origin:top center;opacity:0;transform:translateY(-10px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity .2s ease-in,transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s}.map-controls-left--expanded .controls-content{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;transition:opacity .2s ease-out,transform .2s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.nav-cluster-mini{width:2.2rem;padding:.6rem 0;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;background:var(--glass-bg);border:1px solid var(--glass-border)}.nav-tool-btn{background:none;border:none;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:var(--font-ui-bold);font-size:1.2rem;color:var(--color-primary);padding:0}.nav-sep{width:40%;border:0;border-top:1px solid var(--icon-border-alpha);margin:0}.tint-primary{width:1.2rem;height:1.2rem;object-fit:contain;filter:invert(88%) sepia(21%) saturate(1235%) hue-rotate(22deg) brightness(98%) contrast(89%)}.map-pin{width:100%;height:100%;flex-direction:column;cursor:pointer;pointer-events:auto}.map-pin,.pin-box{display:flex;align-items:center;justify-content:center}.pin-box{position:relative;width:2.5rem;height:2.5rem;box-shadow:var(--shadow-glow);border-radius:100%;background-color:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-main)}.pin-number{font-family:var(--font-headline);font-size:1.2rem;font-weight:800;color:var(--color-primary);line-height:1;transform:translateY(2px)}.status-badge{position:absolute;top:-.4rem;right:-.4rem;width:1.2rem;height:1.2rem;background:var(--color-background);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow),transparent 50%);z-index:2}.status-badge .material-symbols-outlined{font-size:11px}.pin-active .pin-box,.pin-active .status-badge{border-color:var(--color-primary)}.pin-active .status-badge{color:var(--color-primary)}.pin-done{opacity:.8}.pin-done .pin-box{background-color:var(--color-primary);border-color:var(--glass-border);box-shadow:none}.pin-done .pin-number{color:var(--glass-bg)}.pin-done .status-badge{color:var(--color-primary);border-color:var(--glass-border)}.pin-locked .pin-box{box-shadow:none}.pin-locked .pin-number{color:color-mix(in srgb,var(--color-on-background),transparent 40%)}.pin-locked .status-badge{background:var(--color-error-strong);color:var(--color-on-primary);border-color:var(--glass-border)}.pin-hard-locked .pin-hard-lock-icon{font-size:1.5rem;line-height:1;color:color-mix(in srgb,var(--color-on-background),transparent 25%);font-variation-settings:"FILL" 1}.pulse{animation:pinPulse 2s infinite}@keyframes pinPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary),transparent 30%);transform:scale(1)}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-primary),transparent 100%);transform:scale(1.05)}to{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary),transparent 100%);transform:scale(1)}}.user-location-marker{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.location-dot-core{position:relative;width:15px;height:15px;background-color:var(--color-user-location);border-radius:50%;box-shadow:0 0 15px var(--color-user-location),0 0 30px color-mix(in srgb,var(--color-user-location),transparent 60%);z-index:3;overflow:visible}.location-dot-core:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px dashed color-mix(in srgb,var(--color-user-location),#fff 50%);border-radius:50%;animation:rotateBorder 8s linear infinite;z-index:-1}.location-dot-radar{position:absolute;width:35px;height:35px;border:1.5px solid var(--color-user-location);border-radius:50%;z-index:1;opacity:0;animation:radarPulsePrimary 3s cubic-bezier(.2,.5,.3,1) infinite}@keyframes rotateBorder{to{transform:rotate(1turn)}}@keyframes radarPulsePrimary{0%{transform:scale(.4);opacity:.8}to{transform:scale(1.8);opacity:0}}.map-bottom-ui{position:absolute;bottom:calc(var(--tab-height) + var(--safe-bottom) + .75rem);left:0;right:0;padding:0 1rem;z-index:30;display:flex;flex-direction:column;gap:1rem}@media (min-height:800px){.map-bottom-ui{bottom:calc(var(--tab-max-height) + var(--safe-bottom) + .5rem)}}.station-panel{padding:1.25rem;border-radius:var(--radius-card);transform:translateY(-.5rem);display:flex;gap:1.25rem;align-items:center;position:relative;color:var(--color-on-background)}.station-panel .status-icon{position:absolute;top:1.25rem;right:1.25rem;margin:0;color:var(--color-primary);transition:none}.station-panel .station-info-header{display:block;flex-grow:1;padding-right:2rem;margin-bottom:0}.station-panel .main-headline{font-family:var(--font-headline);font-size:1.1rem;margin:.25rem 0;line-height:1.2;color:var(--color-on-background)}.station-panel .ui-body-small{display:block;margin-top:.15rem}.card-thumb{position:relative;width:5.5rem;height:5.5rem;flex-shrink:0;overflow:visible}.card-thumb,.card-thumb img{border-radius:var(--radius-box)}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid var(--glass-border)}.card-thumb--locked{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-secondary),#000 70%);border:1px solid var(--color-secondary);border-radius:var(--radius-box)}.card-thumb-lock-icon{font-size:2.5rem;color:color-mix(in srgb,var(--color-secondary),#fff 40%);font-variation-settings:"FILL" 1}.thumb-number{position:absolute;top:-7px;left:-7px;justify-content:center;align-items:center;width:30px;height:30px;color:var(--color-primary);font-family:var(--font-headline);font-size:1rem;font-weight:700;border-radius:50%;border:1px solid var(--color-primary);z-index:2;padding-top:2px;line-height:1}.stations-viewport,.thumb-number{display:flex;background:var(--glass-bg)}.stations-viewport{flex-direction:column;height:100%;width:100%;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);position:relative;overflow:hidden}.stations-viewport:before{content:"";position:absolute;inset:0;z-index:0}.stations-header,.stations-list{position:relative;z-index:1}.stations-header{padding:2.25rem 1.5rem 1rem;flex-shrink:0}.stations-header .main-headline{font-family:var(--font-headline);color:var(--color-on-background);font-size:1.5rem;line-height:2.75rem;margin:0;text-shadow:var(--text-shadow)}.header-title-group{display:flex;flex-direction:column;align-items:flex-start}.title-underline{width:3rem;height:4px;background:var(--color-primary);margin-top:-5px;box-shadow:0 0 10px var(--color-primary)}.progress-info{margin-top:1.5rem;padding-bottom:6px;display:flex;justify-content:space-between;align-items:center}.progress-track{height:6px;width:100%;background:color-mix(in srgb,var(--color-on-background) 15%,transparent);border-radius:999px;overflow:hidden;margin-bottom:.25rem}.progress-fill{height:100%;background:var(--color-primary);border-radius:999px;box-shadow:0 0 10px var(--color-primary);transition:width .4s cubic-bezier(.22,1,.36,1)}.scroll-container{overflow-y:auto;flex-grow:1;min-height:0;padding:1.5rem 1.25rem;padding-bottom:calc(var(--tab-height) + 2rem);scrollbar-width:none;isolation:isolate}.scroll-container::-webkit-scrollbar{display:none}.stations-list{display:flex;flex-direction:column;gap:1.25rem}.station-card{display:flex;gap:1.25rem;padding:1.25rem;align-items:center;border-radius:var(--radius-card);transition:var(--transition-main);cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur-intensity));-webkit-backdrop-filter:blur(var(--blur-intensity));position:relative;color:var(--color-on-background)}.station-card:hover{transform:scale(1.03);z-index:10;border-color:var(--color-primary);box-shadow:0 10px 30px color-mix(in srgb,var(--color-shadow),transparent 50%)}.station-card:active{transform:scale(.97)}.station-card .station-info-header{flex-grow:1;padding-right:2rem}.station-card .ui-label{font-size:9px;display:block;margin-bottom:4px;font-family:var(--font-ui-regular);text-transform:uppercase;font-weight:700;color:var(--color-primary)}.station-card .main-headline{font-family:var(--font-headline);font-size:1.1rem;margin:0;padding:.5vh 0 0;line-height:1.2;color:var(--color-on-background)}.station-card .ui-body-small{display:block;margin-top:.25rem}.station-card .status-icon{position:absolute;top:1.25rem;right:1.25rem;color:var(--color-primary);font-size:22px;transition:var(--transition-main);z-index:5}.station-card .status-icon.filled{font-variation-settings:"FILL" 1}.station-card.pin-active{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.station-card.pin-active .station-start-btn{line-height:12px}.station-card.pin-active .status-icon,.station-card.pin-done .status-icon{color:var(--color-primary)}.station-card.pin-done{opacity:.85}.station-card.pin-locked{background:linear-gradient(145deg,color-mix(in srgb,var(--color-secondary),#000 50%),color-mix(in srgb,var(--color-secondary),#000 80%));opacity:.85;cursor:default}.station-card.pin-locked,.station-card.pin-locked:hover{border-color:color-mix(in srgb,var(--color-secondary),#fff 30%);box-shadow:0 0 15px color-mix(in srgb,var(--color-secondary),transparent 40%),inset 0 0 20px color-mix(in srgb,var(--color-secondary),transparent 60%)}.station-card.pin-locked:hover{transform:none}.station-card.pin-locked .main-headline{color:color-mix(in srgb,var(--color-on-background) 70%,var(--color-secondary) 30%);opacity:.7}.station-card.pin-locked .ui-label{color:color-mix(in srgb,var(--color-secondary),#fff 50%);letter-spacing:.15em;opacity:.7}.station-card.pin-locked .status-icon{color:color-mix(in srgb,var(--color-secondary),#fff 40%);opacity:.7}.station-card.pin-locked .card-thumb img{filter:grayscale(1) sepia(1) hue-rotate(-50deg) saturate(2) brightness(.5);opacity:.5}.station-card.pin-locked .card-thumb.card-thumb--locked .card-thumb-lock-icon{filter:none;opacity:1}.station-card.pin-locked .thumb-number{color:color-mix(in srgb,#fff,transparent 10%);background:color-mix(in srgb,var(--glass-bg),transparent 40%);border-color:color-mix(in srgb,#fff,transparent 40%);opacity:.9}.station-start-btn{width:100%;padding:.8rem;margin-top:1.5vh;border-radius:var(--radius-box);font-size:10px;letter-spacing:.1em}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));max-height:calc(var(--tab-max-height) + var(--safe-bottom));background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);border-radius:1.5rem 1.5rem 0 0;padding:0 1rem calc(1rem + var(--safe-bottom)) 1rem;z-index:1000;overflow:visible;box-shadow:0 -10px 40px color-mix(in srgb,var(--overlay-medium),var(--color-primary) 15%)}.bottom-tab-bar,.tab-item{display:flex;align-items:center}.tab-item{flex:1 1;flex-direction:column;justify-content:center;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;color:color-mix(in srgb,var(--color-on-background),transparent 60%);position:relative;transition:color .2s ease}.tab-item.active{color:var(--color-primary)}.tab-label{font-family:var(--font-headline);font-size:10px;text-transform:uppercase;margin-top:4px;font-weight:800}.tab-item.scan-main{position:relative;z-index:10}.scan-btn-circle{position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);width:5rem;height:5rem;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid var(--glass-bg);box-shadow:0 4px 15px color-mix(in srgb,var(--color-shadow),transparent 60%),0 0 20px color-mix(in srgb,var(--color-primary),transparent 40%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease,border-color .3s ease,box-shadow .4s ease}.scan-btn-circle .material-symbols-outlined{color:var(--color-on-primary);font-size:2rem;font-variation-settings:"wght" 600;transition:color .3s ease,font-variation-settings .3s ease}.tab-item.scan-main:active .scan-btn-circle{transform:translateX(-50%) scale(.9)}.tab-item.scan-main:disabled{cursor:not-allowed;opacity:.6}.tab-item.scan-main--active .scan-btn-circle{background:var(--glass-bg);border:4px solid var(--color-primary);transform:translateX(-50%) scale(1.1);box-shadow:0 0 30px var(--color-primary)}.tab-item.scan-main--active .scan-btn-circle .material-symbols-outlined{color:var(--color-primary);font-variation-settings:"FILL" 1,"wght" 700}.bottom-tab-bar--scanner-open .tab-item:not(.scan-main){filter:grayscale(1);opacity:.5;transition:filter .3s ease,opacity .3s ease}.map-hint-banner{position:absolute;top:4.5rem;left:1rem;right:1rem;z-index:25;pointer-events:none;background:color-mix(in srgb,var(--color-shadow),transparent 45%);border-radius:12px;padding:10px 14px;color:var(--color-on-background);font-family:var(--font-body);font-size:13px;line-height:1.4;text-align:center}.arrival-dialog{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:var(--overlay-medium);padding:24px}.arrival-dialog__panel{background:color-mix(in srgb,var(--color-background),transparent 2%);border-radius:16px;padding:24px;max-width:360px;width:100%;border:1px solid var(--hairline);box-shadow:var(--shadow-modal);text-align:center}.arrival-dialog__title{margin:0 0 16px;font-size:20px;font-family:var(--font-headline);color:var(--color-on-background)}.arrival-dialog__cta{width:100%;padding:12px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary),#000 35%) 100%);color:var(--color-on-primary);font-family:var(--font-ui-bold);font-size:16px;font-weight:600;cursor:pointer}.arrival-dialog__cta:disabled{opacity:.6;cursor:not-allowed}.menu-overlay{position:absolute;inset:0;z-index:2000;background:color-mix(in srgb,var(--color-background),transparent 20%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);visibility:hidden;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.65,0,.35,1)}.menu-overlay--active{visibility:visible;opacity:1;pointer-events:auto}.menu-content{position:absolute;inset:0;padding:2rem 1.5rem;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;height:100%;opacity:0;transition:opacity .4s ease-out,visibility .4s;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);box-shadow:0 -10px 40px color-mix(in srgb,var(--color-shadow),transparent 50%)}.menu-overlay--active .menu-content{visibility:visible;opacity:1}.menu-header{display:flex;justify-content:space-between;align-items:center;height:2.75rem;margin-top:0;margin-bottom:2.5rem}.menu-header .header-title-group{align-items:flex-start}.menu-header .header-title-group h1{font-family:var(--font-headline);color:var(--color-on-background);font-size:2rem;line-height:1;margin:0}.menu-header .title-underline{width:3rem;height:4px;background:var(--color-primary);margin-top:4px;box-shadow:0 0 10px var(--color-primary)}.close-menu-btn{position:relative;top:0;right:0;width:2.75rem;height:2.75rem;padding:0;background:color-mix(in srgb,var(--glass-bg),var(--color-primary) 15%);border:1px solid var(--glass-border);border-radius:var(--radius-box);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s ease,transform .2s ease}.close-menu-btn:hover{background:color-mix(in srgb,var(--glass-bg),var(--icon-bg-alpha) 20%);border-color:var(--color-primary)}.close-menu-btn:focus{outline:none}.close-menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-nav{flex-grow:0.2;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;scrollbar-width:none;padding-top:2.5rem}.menu-nav::-webkit-scrollbar{display:none}.menu-item{position:relative;display:flex;justify-content:space-between;width:100%;align-items:center;text-decoration:none;background:none;border:none;color:var(--color-on-background);padding:.75rem 0;cursor:pointer;font:inherit;text-align:left}.menu-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary);transition:width .3s ease}.menu-item:focus-visible:after,.menu-item:hover:after{width:100%}.menu-item .menu-label{font-family:var(--font-headline);font-size:1.25rem;color:inherit;display:inline-block;transition:color .3s ease,transform .3s ease}.menu-item .menu-arrow{color:var(--color-on-background);transition:color .3s ease,transform .3s ease}.menu-item:focus-visible,.menu-item:hover{color:var(--color-primary)}.menu-item:focus{outline:none}.menu-item:focus-visible .menu-label,.menu-item:hover .menu-label{color:var(--color-primary);transform:translateX(5px)}.menu-item:focus-visible .menu-arrow,.menu-item:hover .menu-arrow{color:var(--color-primary);transform:translateX(3px)}.menu-divider{height:1px;background:color-mix(in srgb,var(--color-on-background),transparent 80%);margin:5rem .5rem .5rem}.account-wrapper{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--color-on-background);font-family:var(--font-headline);font-size:1.25rem;cursor:pointer;transition:color .3s ease,transform .3s ease}.account-wrapper:focus-visible,.account-wrapper:hover{color:var(--color-primary);transform:translateX(5px)}.account-wrapper:focus{outline:none}.account-wrapper .ui-icon-box.small{width:2rem;height:2rem;transition:border-color .3s ease,background .3s ease}.account-wrapper:hover .ui-icon-box.small{border-color:var(--color-primary)}.ar-toggle-card{margin-top:auto;margin-bottom:1rem;padding:1.25rem;flex-shrink:0;border-radius:var(--radius-box);background:color-mix(in srgb,var(--color-primary),transparent 95%);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--icon-border-alpha);cursor:pointer;text-align:left;font:inherit;transition:border-color .3s ease,background .3s ease}.ar-toggle-card:focus-visible,.ar-toggle-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 90%)}.ar-toggle-card:focus{outline:none}.toggle-info{max-width:75%}.toggle-info .ui-label-bold{color:var(--color-primary);transition:color .3s ease}.toggle-info .ui-label-bold:after{content:" deaktiviert";color:var(--color-on-background);transition:all .3s ease}.ar-toggle-card--active .toggle-info .ui-label-bold:after{content:" aktiviert";color:var(--color-primary)}.toggle-switch{width:2.5rem;height:1.25rem;background:var(--icon-bg-alpha);border-radius:99px;position:relative;transition:all .3s ease;box-shadow:0 0 10px var(--color-primary);flex-shrink:0}.ar-toggle-card--active .toggle-switch{background:var(--color-primary)}.switch-knob{width:1rem;height:1rem;background:var(--color-on-background);border-radius:50%;position:absolute;top:.125rem;left:.125rem;transition:all .3s cubic-bezier(.65,0,.35,1)}.ar-toggle-card--active .switch-knob{transform:translateX(1.25rem);background:var(--color-on-primary)}.menu-footer{position:absolute;bottom:0;left:0;width:100%;margin-top:0;text-align:center;flex-shrink:0;gap:.5rem;margin-bottom:calc(2rem + var(--safe-bottom))}.brand-signature,.menu-footer{display:flex;flex-direction:column;align-items:center}.brand-name{font-family:var(--font-headline);font-size:1.5rem;color:var(--color-primary);opacity:.5;letter-spacing:-.05em}.version-tag{font-size:.6rem;text-transform:uppercase;opacity:.3;letter-spacing:.2em;margin:0}.legal-links,.version-tag{font-family:var(--font-body)}.legal-links{font-size:.7rem;opacity:.5;margin-bottom:1rem}.legal-links a,.legal-links button{color:inherit;text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer}.legal-links a:hover,.legal-links button:hover{color:var(--color-primary)}.legal-links .sep{margin:0 .5rem}.footer-logos{display:flex;justify-content:center;align-items:center;gap:2rem}.partner-img{height:24px;width:auto;object-fit:contain;transition:transform .3s ease}.partner-img:hover{transform:scale(1.2)}.gallery-overlay{position:absolute;inset:0;z-index:2600;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.65,0,.35,1);overflow:hidden;pointer-events:none}.gallery-overlay--active{transform:translateX(0);pointer-events:auto}.gallery-scroll-area{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1.5rem 6rem;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.gallery-scroll-area::-webkit-scrollbar{width:4px}.gallery-scroll-area::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.gallery-subheading{margin-bottom:1.5rem}.gallery-caption{font-family:var(--font-headline);font-size:1.5rem;padding-bottom:1rem;margin:0;color:var(--color-on-background);display:inline-block}.gallery-caption-underline{width:5rem;height:2px;background:var(--color-primary);margin-top:-5px;box-shadow:0 0 6px var(--color-primary)}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:4rem 1.5rem;color:color-mix(in srgb,var(--color-on-background),transparent 40%)}.gallery-empty .material-symbols-outlined{font-size:3rem;color:var(--color-primary);opacity:.7}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.bento-grid .bento-item{aspect-ratio:1/1}.bento-item{position:relative;border-radius:1rem;overflow:hidden;background:color-mix(in srgb,var(--color-bg-solid),transparent 30%);border:1px solid color-mix(in srgb,var(--color-on-background),transparent 90%);cursor:pointer;padding:0;display:block;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.bento-item:hover{transform:translateY(-5px) scale(1.01);border-color:var(--color-primary);box-shadow:0 10px 25px -5px color-mix(in srgb,var(--color-primary),transparent 60%);z-index:10}.bento-item:active{transform:translateY(-2px) scale(.98);transition:transform .1s ease}.bento-item:focus{outline:none}.bento-item img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8;display:block;transition:opacity .3s ease,transform .6s ease}.bento-item:hover img{opacity:1}.bento-item:active img{transform:scale(1.05)}.bento-item__open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;z-index:1}.bento-item__open:focus{outline:none}.photo-detail-overlay{position:absolute;inset:0;z-index:2700;display:none;flex-direction:column;background:var(--color-bg-solid-fixed);overflow:hidden;pointer-events:none}.photo-detail-overlay--active{display:flex;pointer-events:auto}.photo-detail-overlay--ui-visible{background:var(--color-bg-solid-fixed)}.photo-detail-overlay .action-panel-container,.photo-detail-overlay header{opacity:0;transition:opacity .5s ease,transform .5s ease}.photo-detail-overlay--ui-visible .action-panel-container,.photo-detail-overlay--ui-visible header{opacity:1}.photo-detail-canvas{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.photo-detail-canvas img,.photo-detail-canvas video{max-width:95%;max-height:80vh;object-fit:contain;border-radius:.5rem;will-change:transform,opacity;box-shadow:0 20px 50px color-mix(in srgb,var(--color-shadow),transparent 20%)}.photo-detail-canvas video{background:var(--color-shadow);width:100%}.bento-item--video{position:relative;background:color-mix(in srgb,var(--color-bg-solid),var(--color-shadow) 35%)}.bento-item__video-icon{left:.5rem;font-size:2.25rem;pointer-events:none;font-variation-settings:"FILL" 1;text-shadow:0 2px 8px color-mix(in srgb,var(--color-shadow),transparent 30%),0 0 18px color-mix(in srgb,var(--color-primary),transparent 60%);transition:transform var(--transition-quick)}.bento-item__delete,.bento-item__video-icon{position:absolute;bottom:.5rem;color:var(--color-primary)}.bento-item__delete{right:.5rem;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-box);padding:0;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-bg),var(--color-primary) 15%);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);cursor:pointer;z-index:2;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease,transform .1s ease}.bento-item__delete:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--glass-bg),var(--icon-bg-alpha) 20%);box-shadow:0 0 15px color-mix(in srgb,var(--color-primary),transparent 80%)}.bento-item__delete:active{transform:scale(.92);background:var(--color-primary);color:var(--color-on-primary)}.bento-item__delete:focus{outline:none}.bento-item__delete:disabled{opacity:.5;cursor:progress}.bento-item__delete .material-symbols-outlined{font-size:1.25rem;font-variation-settings:"wght" 400}.bento-item--video:hover .bento-item__video-icon{transform:scale(1.08)}.bento-item--dissolving{animation:bento-dissolve .65s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none;z-index:6;-webkit-mask-image:radial-gradient(circle at center,#000 0,#000 calc(var(--dissolve-radius, 150%) - 30%),transparent var(--dissolve-radius,150%));mask-image:radial-gradient(circle at center,#000 0,#000 calc(var(--dissolve-radius, 150%) - 30%),transparent var(--dissolve-radius,150%));will-change:transform,filter,opacity}@property --dissolve-radius{syntax:"<percentage>";initial-value:150%;inherits:false}@keyframes bento-dissolve{0%{--dissolve-radius:150%;opacity:1;transform:scale(1);filter:blur(0) brightness(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary),transparent 100%)}25%{opacity:.95;transform:scale(1.04);filter:blur(1px) brightness(1.15);box-shadow:0 0 32px 6px color-mix(in srgb,var(--color-primary),transparent 55%)}to{--dissolve-radius:0%;opacity:0;transform:scale(.45);filter:blur(18px) brightness(1.3);box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary),transparent 100%)}}.legal-header{display:flex;align-items:center;justify-content:space-between;height:6rem;padding:2rem 1.5rem 1rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-primary);box-shadow:0 .5vh 3vh color-mix(in srgb,var(--color-primary) 10%,var(--color-on-primary) 90%);position:relative;z-index:10;flex-shrink:0}.legal-header-title{position:absolute;left:50%;top:calc(50% + .5rem);transform:translate(-50%,-50%);font-family:var(--font-headline);font-size:.9rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.legal-header-title.italic{font-style:italic}.legal-header .ui-icon-box{width:2.75rem;height:2.75rem;z-index:2;cursor:pointer;background:color-mix(in srgb,var(--glass-bg),var(--color-primary) 15%);transition:background .2s ease,border-color .2s ease}.legal-header .ui-icon-box:hover{background:color-mix(in srgb,var(--glass-bg),var(--icon-bg-alpha) 20%);border-color:var(--color-primary)}.legal-header .ui-icon-box .material-symbols-outlined{font-size:1.5rem}.legal-header button.ui-icon-box{border-radius:var(--radius-box);padding:0;display:flex;align-items:center;justify-content:center}.legal-header button.ui-icon-box:focus{outline:none}.action-panel-container{position:relative;height:calc(var(--tab-height) + var(--safe-bottom));max-height:calc(var(--tab-max-height) + var(--safe-bottom));background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid var(--glass-border);border-radius:1.5rem 1.5rem 0 0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 10% calc(1rem + var(--safe-bottom));z-index:5000}.action-panel{display:flex;justify-content:space-evenly;align-items:flex-start;width:100%}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:none;border:none;width:5rem;cursor:pointer;padding:0;color:var(--color-on-background);font:inherit}.action-btn:focus{outline:none}.action-btn .ui-icon-box{transition:background .2s ease,border-color .2s ease,transform .15s ease}.action-btn .ui-icon-box .material-symbols-outlined{color:var(--color-primary);font-size:1.5rem}.action-btn:hover .ui-icon-box{background:color-mix(in srgb,var(--glass-bg),var(--icon-bg-alpha) 20%);border-color:var(--color-primary)}.action-btn.primary .ui-icon-box{background:var(--color-primary);box-shadow:0 3px 8px color-mix(in srgb,var(--color-primary),transparent 40%)}.action-btn.primary .ui-icon-box .material-symbols-outlined{color:var(--color-on-primary)}.action-btn.primary:hover .ui-icon-box{background:var(--glass-bg);border-color:var(--color-primary)}.action-btn.primary:hover .ui-icon-box .material-symbols-outlined{color:var(--color-primary)}.action-btn:active .ui-icon-box{transform:scale(.9)}.action-btn-label{font-family:var(--font-ui-bold);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-background);opacity:.8}.photo-info-sheet{position:absolute;bottom:calc(var(--tab-max-height) + var(--safe-bottom) - 1vh);left:1rem;right:1rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border);border-bottom:none;border-radius:1.5rem 1.5rem 0 0;padding:1.5rem;z-index:4900;transform:translateY(210%);transition:transform .4s cubic-bezier(.33,1,.68,1)}.photo-info-sheet--active{transform:translateY(0)}.info-label{display:block;font-family:var(--font-ui-bold);color:var(--color-primary);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.photo-info-text{font-family:var(--font-ui-regular);font-size:.9rem;line-height:1.5;color:var(--color-on-background);margin:0}