@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#183b34;background:#edf0e9;font-synthesis:none;--ink:#163a32;--muted:#667a70;--paper:#f8faf4;--line:rgba(27,72,60,.14);--accent:#d6aa62;--accent-deep:#aa7b38;--shadow:0 20px 50px rgba(18,51,42,.14)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden;background:#e9eee8}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ddae63;outline-offset:2px}.app-shell{height:100%;display:flex;flex-direction:column;background:#e9eee8}.topbar{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,48px);background:#f8faf4f0;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none}.brand strong{display:block;font:600 21px Fraunces,serif;letter-spacing:-.02em}.brand small{display:block;color:#71837a;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:1px}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:28px;height:28px}.brand-mark i{display:block;width:6px;background:var(--accent-deep);border-radius:8px 8px 1px 1px;transform:skew(-12deg)}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:23px;background:#2a6c57}.brand-mark i:nth-child(3){height:18px;background:#86a893}.topbar-meta{display:flex;align-items:center;gap:9px;color:#688078;font-size:12px}.live-dot{display:block;width:7px;height:7px;background:#4d9770;border-radius:99px;box-shadow:0 0 0 4px #e1eee3}.icon-button{margin-left:12px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;font-weight:700}.workspace{position:relative;min-height:0;flex:1;overflow:hidden}.stage{position:absolute;inset:0 388px 0 0;background:#b9cdbb;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.map-labels{position:absolute!important;inset:0;pointer-events:none}.map-labels>div{pointer-events:auto}.turbine-label,.place-label,.viewpoint-label{font-size:11px;padding:5px 8px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 10px #152e2628}.turbine-label{background:#173d35;color:#f6f5e8}.place-label{background:#f4f0df;color:#345a49}.viewpoint-label{background:#d4a55f;color:#203d33;font-weight:700}.stage-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,45,38,.34),transparent 24%,transparent 65%,rgba(22,53,43,.28));pointer-events:none}.stage-caption{position:absolute;left:clamp(22px,4vw,62px);top:clamp(28px,6vh,76px);color:#fff;text-shadow:0 2px 20px #1b3e3670;max-width:440px;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#789087}.stage-caption .eyebrow{color:#e5ebdc}.stage-caption h1{font:600 clamp(34px,4vw,61px)/.98 Fraunces,serif;letter-spacing:-.04em;margin:13px 0 14px}.stage-caption p{font-size:14px;margin:0;color:#f0f4ed}.stage-tools{position:absolute;top:28px;right:28px;display:flex;gap:8px}.glass-button{height:37px;border:1px solid #ffffff63;border-radius:99px;background:#193b3379;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 14px;display:flex;align-items:center;gap:8px;font-size:12px}.glass-button:first-letter{font-size:18px}.stage-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:13px;background:#173d35eb;color:#f5f6ee;box-shadow:var(--shadow);font-size:13px;white-space:nowrap}.stage-status.ready{background:#f8faf4e8;color:var(--ink)}.stage-status.error{background:#a84736f2;color:#fff}.spinner{width:14px;height:14px;border:2px solid #ffffff50;border-top-color:#e4b769;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compass{position:absolute;right:30px;bottom:29px;width:51px;height:51px;border:1px solid #ffffff96;border-radius:50%;background:#1d463b5c;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;text-align:center}.compass .north-mark{font-size:16px;font-weight:800;line-height:1}.compass b{font-size:8px;font-weight:600;line-height:1;color:#c9d9d2}.scale-note{position:absolute;bottom:31px;left:30px;font-size:10px;color:#f0f1e8b5;letter-spacing:.04em}.control-panel{position:absolute;right:0;top:0;bottom:0;width:388px;background:var(--paper);box-shadow:-10px 0 35px #153b3030;z-index:4;overflow:hidden}.panel-scroll{height:100%;overflow:auto;padding:28px 28px 22px;scrollbar-width:thin}.panel-intro{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.panel-intro h2{font:600 28px/1 Fraunces,serif;letter-spacing:-.035em;margin:8px 0 0}.panel-count{color:var(--accent-deep);font:600 25px Fraunces,serif}.panel-count small{display:block;font:600 8px DM Sans;letter-spacing:.13em;text-transform:uppercase;color:#85978e;margin-top:4px}.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#e9eee7;border-radius:10px;margin-bottom:25px}.view-tab{border:0;background:transparent;border-radius:7px;color:#778b81;padding:10px 5px 9px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.view-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 10px #21483b16;font-weight:700}.tab-glyph{font-size:17px;line-height:1;color:#7e998c}.view-tab.active .tab-glyph{color:var(--accent-deep)}.panel-section{border-top:1px solid var(--line);padding:22px 0}.panel-section.compact{padding-bottom:19px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.section-heading h3{margin:6px 0 0;font-size:15px;font-weight:700;letter-spacing:-.01em}.pin-dot{width:10px;height:10px;background:#d6aa62;border-radius:50%;margin:13px 3px 0 0;box-shadow:0 0 0 5px #d6aa6228}.park-pill{font-size:10px;font-weight:700;color:#9d7337;background:#f2e6d1;border-radius:99px;padding:6px 9px}.choice-list{display:grid;gap:6px}.viewpoint-card{display:flex;align-items:center;text-align:left;width:100%;min-height:47px;border:1px solid transparent;background:transparent;border-radius:9px;padding:7px 9px;gap:10px;color:var(--ink)}.viewpoint-card:hover{background:#eef3ec}.viewpoint-card.selected{background:#e6efe7;border-color:#cadfcf}.point-marker{width:8px;height:8px;border-radius:50%;background:#aac6af;flex:none}.viewpoint-card.selected .point-marker{background:#2e7259;box-shadow:0 0 0 4px #b5d4bf}.choice-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.choice-copy strong{font-size:12px}.choice-copy small{font-size:10px;color:#7b8d84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-arrow{margin-left:auto;font-size:20px;color:#9bafa5}.outline-button{border:1px solid #aec5b5;background:transparent;color:#30614e;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:700;margin-top:10px;width:100%}.outline-button:hover{background:#e8f0e8}.control-panel select{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 11px;color:var(--ink);font-size:12px}.fact-row{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;color:#789087}.fact-row strong{font-size:14px;color:var(--ink)}.micro-copy{font-size:10px;line-height:1.5;color:#86988f;margin:10px 0 0}.toggle-list{display:grid;gap:1px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;cursor:pointer}.switch-row span{display:flex;flex-direction:column;gap:3px}.switch-row strong{font-size:12px}.switch-row small{font-size:10px;color:#8a9a92}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:35px;height:20px;border-radius:99px;background:#d7e1d9;position:relative;transition:.2s;flex:none}.switch:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #173d3530;transition:.2s}.switch-row input:checked+.switch{background:#3d7c61}.switch-row input:checked+.switch:after{transform:translate(15px)}.layer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layer-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 7px;text-align:left;color:#688078;font-size:10px;display:flex;align-items:center;gap:5px}.layer-button:last-child{grid-column:span 2}.layer-button.active{background:#e6efe7;color:#2c624e;border-color:#bbd1c0;font-weight:700}.layer-swatch{width:9px;height:9px;border-radius:50%;background:#d7e1d9;flex:none}.layer-swatch.distance{background:#efb95f}.layer-swatch.sound{background:#d37961}.eye-options output{font-size:13px;font-weight:700;color:#a87834}.eye-options input{width:100%;accent-color:#3d7c61}.panel-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#94a39c;font-size:9px}.text-button{border:0;background:transparent;padding:0;color:#547366;font-size:11px;font-weight:700}.text-button span{color:#bf8d4b;margin-left:3px}.sheet-handle{display:none}.dialog-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.dialog-backdrop{position:absolute;inset:0;background:#153b3299;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{position:relative;width:min(520px,100%);max-height:min(700px,90vh);overflow:auto;background:#f8faf4;border-radius:16px;padding:34px;box-shadow:0 25px 80px #122d2555;color:var(--ink)}.dialog h2{font:600 30px/1.03 Fraunces,serif;margin:10px 0 22px}.dialog p{font-size:13px;line-height:1.65;color:#557268}.dialog p strong{color:var(--ink)}.dialog a{color:#2d7057}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#6d8479;font-size:27px}.dialog-callout{display:flex;flex-direction:column;gap:6px;border-left:3px solid var(--accent);background:#eef3e9;padding:13px 15px;margin:20px 0;color:#587368;font-size:12px;line-height:1.5}.dialog-callout strong{color:var(--ink)}.dialog-links{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.error-detail{font-family:monospace;font-size:10px!important;overflow-wrap:anywhere}@media(max-width:950px){.stage{inset:0 330px 0 0}.control-panel{width:330px}.panel-scroll{padding-left:20px;padding-right:20px}.stage-caption h1{font-size:42px}}@media(max-width:700px){body{overflow:hidden}.topbar{height:58px;padding:0 16px}.brand strong{font-size:18px}.brand small{font-size:8px}.topbar-meta>span:not(.live-dot){display:none}.icon-button{margin-left:5px}.workspace{overflow:hidden}.stage{inset:0}.stage-caption{left:18px;top:28px;max-width:270px}.stage-caption h1{font-size:38px;margin:10px 0}.stage-caption p{font-size:12px;line-height:1.4}.stage-tools{right:14px;top:17px}.glass-button{width:36px;height:36px;padding:0;justify-content:center;font-size:18px}.glass-button span{display:none}.compass{right:17px;bottom:calc(min(49vh,430px) + 20px)}.scale-note{display:none}.control-panel{inset:auto 0 0;width:100%;height:min(49vh,430px);border-radius:20px 20px 0 0;box-shadow:0 -14px 40px #153b3030;transition:height .3s ease}.control-panel:not(.expanded){height:86px}.control-panel:not(.expanded) .panel-scroll{opacity:0;pointer-events:none}.sheet-handle{display:block;position:absolute;z-index:2;top:0;left:0;right:0;width:100%;height:28px;border:0;background:transparent}.sheet-handle span{display:block;width:35px;height:4px;border-radius:99px;background:#bccbc1;margin:8px auto}.panel-scroll{padding:24px 17px;height:100%;transition:opacity .15s;overflow:auto}.panel-intro{margin-bottom:13px}.panel-intro h2{font-size:23px}.view-tabs{margin-bottom:16px}.panel-section{padding:16px 0}.choice-list{grid-template-columns:1fr 1fr;gap:3px}.viewpoint-card{min-height:43px;padding:6px}.viewpoint-card:last-child{grid-column:span 2}.outline-button{margin-top:7px}.stage-status{top:36%;max-width:calc(100% - 34px);font-size:11px}.layer-buttons{grid-template-columns:1fr 1fr}.dialog{padding:28px 22px}.dialog h2{font-size:27px}}@media(max-width:380px){.control-panel:not(.expanded){height:78px}.control-panel{height:53vh}.stage-caption h1{font-size:34px}.stage-caption p{max-width:210px}.choice-copy small{font-size:9px}.panel-scroll{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.canvas-host canvas{scroll-behavior:auto}}.stage-status.faded{opacity:0;pointer-events:none;transition:opacity .45s ease}.dialog-layer[hidden]{display:none!important}.sheet-summary{display:none}.wind-buttons{display:flex;gap:6px}.wind-button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;color:#688078;padding:8px 5px;font-size:11px;font-weight:700}.wind-button.active{background:#e6efe7;color:#2c624e;border-color:#bbd1c0}.section-heading output{font-size:11px;font-weight:700;color:#a87834}.source-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.source-map-card{margin:0;min-width:0}.source-map-card img{width:100%;height:74px;object-fit:cover;border-radius:7px;background:#e8eee7}.source-map-card figcaption{display:flex;flex-direction:column;gap:2px;margin-top:5px;font-size:9px;color:#748980}.source-map-card figcaption strong{font-size:10px;color:var(--ink)}@media(max-width:700px){.sheet-summary{display:flex;position:absolute;left:17px;right:17px;top:26px;height:47px;border:0;background:transparent;align-items:center;justify-content:space-between;text-align:left;color:var(--ink);padding:0}.sheet-summary span{display:flex;flex-direction:column;gap:3px}.sheet-summary small{font-size:9px;font-weight:700;letter-spacing:.13em;color:#789087}.sheet-summary strong{font-size:14px}.sheet-summary b{font-size:11px;color:#547366}.control-panel:not(.expanded) .panel-scroll{opacity:0;pointer-events:none}.control-panel:not(.expanded) .sheet-summary{pointer-events:auto}.control-panel.expanded .sheet-summary{display:none}.panel-scroll{padding-top:24px}.source-map-grid{grid-template-columns:1fr 1fr}.source-map-card:last-child{grid-column:span 2}}.footer-actions{display:flex;align-items:center;gap:14px}.workspace.engaged .stage-caption h1{font-size:clamp(27px,3vw,43px);margin-bottom:8px}.workspace.engaged .stage-caption p{font-size:12px}.dialog{max-width:calc(100vw - 32px);overflow-x:hidden}.dialog img,.dialog svg{max-width:100%}.dialog-links{flex-wrap:wrap;gap:10px 18px}.dialog-links a{overflow-wrap:anywhere}.print-map,#print-map{display:none}.print-header h1{font:600 28px/1.1 Fraunces,serif;margin:7px 0}.print-header p{margin:0 0 10px;color:#577369;font-size:11px}.print-map-frame{position:relative;aspect-ratio:1/1;overflow:hidden;background:#d9e4d7;border:1px solid #c5d2c5}.print-map-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.print-map-frame>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.print-turbine circle{fill:#173d35;stroke:#fff;stroke-width:2}.print-turbine text,.print-viewpoint text{font:600 17px Arial,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.print-turbine text{fill:#173d35}.print-distance-lines{stroke:#d49e4d;stroke-width:1.3;stroke-dasharray:5 5;opacity:.7}.print-distance-lines .selected{stroke-width:2.7;opacity:1}.print-viewpoint circle{fill:#d4a55f;stroke:#fff;stroke-width:3}.print-viewpoint circle+circle{fill:#183c35;stroke:none}.print-viewpoint text{fill:#183c35}.print-north{position:absolute;right:18px;top:15px;width:46px;height:46px;border:1px solid #fff;background:#173d35db;color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 13px Arial;line-height:1}.print-north span{font-size:19px;color:#e3b265}.print-meta{display:flex;justify-content:space-between;gap:24px;padding-top:12px;color:#557369;font:10px/1.5 Arial,sans-serif}.print-meta p{margin:4px 0}.print-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#173d35;margin:0 3px}.print-dot.viewpoint{background:#d4a55f;margin-left:12px}.print-line{display:inline-block;width:22px;border-top:2px dashed #d49e4d;margin:0 4px 3px 12px}.eye-pad{display:flex;flex-direction:column;align-items:center;gap:3px;margin:14px auto 4px}.eye-pad>div{display:flex;gap:3px}.eye-pad button{width:32px;height:27px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#356651;font-weight:700;line-height:1}.eye-pad button:hover{background:#e6efe7}@media(max-width:700px){.workspace.controls-open .stage .map-labels{visibility:hidden}.workspace.engaged .stage-caption{top:22px}.workspace.engaged .stage-caption h1{font-size:28px;max-width:220px}.workspace.engaged .stage-caption p{display:none}.dialog{max-height:calc(100vh - 32px);padding:25px 18px}.dialog-links{gap:9px 13px}.footer-actions{gap:10px}}@media print{*{animation:none!important;transition:none!important}body{overflow:visible;background:#fff}#app{height:auto}.app-shell,.dialog-layer{display:none!important}#print-map{display:block!important;color:#183c35;background:#fff;font-family:Arial,sans-serif}.print-map-frame{height:calc(100vh - 92px);aspect-ratio:auto}.print-meta{break-inside:avoid}.print-header .eyebrow{color:#658176}}@media print{@page{size:A4 landscape;margin:8mm}html,body{width:100%;height:auto!important;margin:0!important;overflow:hidden!important}#app{height:auto!important;min-height:0!important}#print-map{display:flex!important;flex-direction:column;width:100%;height:190mm!important;max-height:190mm!important;overflow:hidden!important;break-after:avoid;page-break-after:avoid}#print-map .print-header{flex:0 0 19mm;height:19mm;overflow:hidden}#print-map .print-header h1{font-size:22pt;line-height:1.05;margin:1mm 0 1.5mm}#print-map .print-header p{font-size:8.5pt;line-height:1.2;margin:0}#print-map .print-map-frame{flex:0 0 147mm;width:100%;height:147mm!important;min-height:147mm;aspect-ratio:auto;break-inside:avoid;page-break-inside:avoid}#print-map .print-map-frame>img,#print-map .print-map-frame>svg{left:50%;right:auto;width:147mm;height:147mm;max-width:100%;transform:translate(-50%)}#print-map .print-map-frame>img{object-fit:contain}#print-map .print-meta{flex:0 0 24mm;height:24mm;min-height:24mm;padding-top:3mm;gap:10mm;font-size:8pt;line-height:1.35;break-inside:avoid;page-break-inside:avoid}#print-map .print-meta>div{max-width:48%}#print-map .print-meta>p{max-width:52%;margin:0;overflow-wrap:anywhere}#print-map .print-meta p{margin:0}#print-map #print-source:before{content:"Datengrundlage und Unsicherheit";display:block;font-weight:700;color:#183c35;margin-bottom:1mm}#print-map #print-source:after{content:"Direktabstände; Sichtprofil ist eine vereinfachte Orientierung. Standortkoordinaten rekonstruiert, ca. ±100 m.";display:block;margin-top:1mm}#print-map .print-north{right:calc((100% - 147mm)/2 + 12px);top:12px;width:39px;height:39px}#print-map .print-north span{font-size:16px}}.optional-section{padding-bottom:14px}.mode-state{font-size:10px;color:#82958b;border:1px solid var(--line);border-radius:99px;padding:5px 8px}.audio-livebar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e4efe6;border:1px solid #bfd7c4;border-radius:9px;padding:9px 10px;margin:-3px 0 9px;color:#285a46}.audio-livebar[hidden]{display:none!important}.audio-livebar span{display:flex;flex-direction:column;gap:2px}.audio-livebar strong{font-size:11px}.audio-livebar small{font-size:9px;color:#587568}.mini-button,.primary-button{border:0;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700}.mini-button{background:#fff;color:#2e664f;border:1px solid #b5cdbb}.primary-button{background:#356f58;color:#fff}.primary-button:disabled{opacity:.45;cursor:not-allowed}.option-card{border:1px solid var(--line);border-radius:9px;background:#fff;margin-top:7px;overflow:hidden}.option-card>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:11px 12px}.option-card>summary::-webkit-details-marker{display:none}.option-card>summary>span{display:flex;flex-direction:column;gap:3px}.option-card>summary strong{font-size:12px}.option-card>summary small{font-size:10px;color:#81938b}.option-card>summary>b{font-size:18px;color:#a87834;font-weight:400}.option-card[open]>summary{border-bottom:1px solid var(--line);background:#f5f8f2}.option-card[open]>summary>b{transform:rotate(45deg)}.option-content{padding:10px 12px 12px}.option-content>.micro-copy{margin:0 0 10px}.option-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-check{display:flex;align-items:center;gap:5px;color:#4f7162;font-size:10px}.inline-check input,.choice-fieldset input{accent-color:#39745a}.choice-fieldset{display:flex;gap:10px;flex-wrap:wrap;border:0;padding:9px 0 0;margin:0;font-size:10px;color:#5c7b6d}.choice-fieldset legend{width:100%;font-size:10px;font-weight:700;color:var(--ink);margin-bottom:3px}.audio-limit{font-size:9px;line-height:1.45;color:#789087;margin:9px 0 0}.source-details{margin-top:9px;border-top:1px solid var(--line);padding-top:8px}.source-details summary{font-size:10px;color:#46715e;cursor:pointer}.source-details p{font-size:10px;line-height:1.5;color:#688078;margin:7px 0}.source-links{display:flex;gap:12px;font-size:10px}.source-links a{color:#2d7057}.select-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#5c7b6d}.select-label select{width:auto;padding:7px 6px;font-size:10px}.compact-button{width:auto;margin:0;padding:8px 9px}.density-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.density-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 6px;font-size:10px;color:#688078}.density-button.active{background:#e6efe7;color:#2c624e;border-color:#bbd1c0}@media(max-width:700px){.optional-section{padding-top:14px}.audio-livebar{position:sticky;bottom:0;z-index:3;box-shadow:0 -5px 14px #173d3514}.option-card>summary{min-height:48px}.option-content{padding:10px}.source-links{flex-wrap:wrap}.footer-actions{flex-wrap:wrap;row-gap:7px}}.app-shell{height:100dvh;min-height:0;background:#17342d}.topbar{position:absolute;inset:18px auto auto 20px;width:auto;height:auto;padding:0;z-index:9;background:transparent;border:0;pointer-events:none}.brand{pointer-events:auto;padding:10px 13px;border:1px solid #ffffff4a;border-radius:14px;background:#112d27d9;color:#fff;box-shadow:0 8px 30px #071a1550;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand small{color:#bcd1c8}.topbar-meta{position:fixed;right:22px;top:18px;pointer-events:auto;padding:7px 8px 7px 12px;border:1px solid #ffffff42;border-radius:13px;background:#112d27d9;color:#e7f0eb;box-shadow:0 8px 30px #071a1544;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-meta .icon-button{width:44px;height:44px;margin:0;color:#fff}.lab-credit{font-size:10px;color:#bdd1c8}.workspace{position:fixed;inset:0}.stage{inset:0}.stage-caption{left:24px;top:92px;padding:13px 15px;border:1px solid #ffffff30;border-radius:12px;background:#102c25a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:290px}.stage-caption h1{font-size:clamp(28px,3vw,44px);margin:6px 0}.stage-caption p{font-size:12px}.stage-tools{inset:auto auto 23px 22px;gap:8px}.glass-button{min-width:44px;min-height:44px;border-radius:12px;background:#102c25d4}.glass-button svg{width:18px;height:18px}.speaker-fab.playing{background:#d8a95e;color:#17342d;border-color:#f1d29b}.control-panel{top:78px;right:22px;bottom:22px;width:354px;border:1px solid #ffffff70;border-radius:18px;background:#f7f8f2f2;box-shadow:0 22px 65px #071a1550;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-scroll{padding:20px 21px}.panel-intro{margin-bottom:14px}.panel-intro h2{font-size:24px}.view-tabs{margin-bottom:15px}.view-tab{min-height:52px;justify-content:center}.view-tab svg{width:18px;height:18px}.panel-section{padding:17px 0}.panel-footer{flex-direction:column;align-items:flex-start;gap:12px}.footer-actions{display:flex;flex-wrap:wrap;gap:8px 12px}.text-button{display:inline-flex;align-items:center;gap:5px;min-height:32px}.text-button svg{width:14px;height:14px}.legal-links{display:flex;align-items:center;gap:12px;font-size:9px}.legal-links a{color:#45695a}.mobile-tools{display:none}.volume-control{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0 5px;color:#4f7162;font-size:11px;font-weight:700}.volume-control input{grid-column:1/-1;width:100%;accent-color:#39745a}.stage-scrim{background:linear-gradient(90deg,#0e2b2459 0,transparent 35%,transparent 72%,#0e2b241f)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e6b65f;outline-offset:3px}@media(max-width:700px){.topbar{inset:10px auto auto 10px}.brand{padding:8px 10px}.brand small{display:none}.topbar-meta{top:10px;right:10px;padding:0}.topbar-meta>span{display:none!important}.stage-caption{top:68px;left:10px;max-width:230px;padding:9px 11px}.stage-caption h1{font-size:24px;margin:4px 0}.stage-caption p{display:none}.stage-tools{left:auto;right:10px;bottom:82px;flex-direction:column}.glass-button{width:46px;height:46px;padding:0}.glass-button span{display:none}.compass{right:66px;bottom:83px;width:46px;height:46px}.control-panel,.control-panel:not(.expanded){display:block;inset:auto 8px 72px;width:auto;height:min(72dvh,650px);border-radius:20px;transform:translateY(calc(100% + 90px));opacity:0;pointer-events:none;transition:transform .26s ease,opacity .2s ease}.control-panel.expanded{height:min(72dvh,650px);transform:translateY(0);opacity:1;pointer-events:auto}.control-panel:not(.expanded) .panel-scroll{opacity:1;pointer-events:auto}.control-panel .sheet-summary{display:none}.sheet-handle{display:block;height:38px}.sheet-handle b{position:absolute;right:15px;top:9px;padding:4px 8px;border-radius:99px;background:#edf1eb;color:#5d746a;font-size:9px;font-weight:700}.panel-scroll{padding:38px 17px 22px}.mobile-tools{position:fixed;z-index:10;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:58px;display:grid;grid-template-columns:repeat(4,1fr);padding:4px;border:1px solid #ffffff45;border-radius:16px;background:#102d27ed;box-shadow:0 12px 35px #071a1560;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tools button{min-width:44px;min-height:48px;border:0;border-radius:11px;background:transparent;color:#bbcec6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.mobile-tools button svg{width:18px;height:18px}.mobile-tools button.active{background:#e8efe8;color:#173d35;font-weight:700}.choice-list{grid-template-columns:1fr}.viewpoint-card:last-child{grid-column:auto}.panel-intro{margin-bottom:10px}.stage-status{top:48%}.scale-note,.lab-credit{display:none}.workspace.controls-open:after{content:"";position:absolute;inset:0;background:#102a2340;pointer-events:none}.workspace.controls-open .control-panel,.workspace.controls-open .mobile-tools{pointer-events:auto}.dialog-layer{z-index:30}}.map-labels{z-index:1;pointer-events:none!important}.map-labels>div{pointer-events:none}.stage-scrim{z-index:2}.stage-caption{z-index:3}.stage-tools{z-index:8}.stage-status{z-index:9;pointer-events:none}.compass,.scale-note{z-index:7}.scale-note{bottom:82px;left:22px}.control-panel{z-index:20}.mobile-tools{z-index:30}.dialog-layer{z-index:50}.inline-error{margin:8px 0;padding:9px 10px;border:1px solid #cf8a79;border-radius:8px;background:#fff0eb;color:#8c3528;font-size:10px;line-height:1.45}.inline-error[hidden],.sheet-backdrop{display:none}.imagery-credit{position:absolute;z-index:7;left:350px;bottom:27px;padding:5px 7px;border:1px solid #ffffff4d;border-radius:7px;background:#102d27bf;color:#dce9e3;font-size:8px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.teleport-bar{position:absolute;z-index:9;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:7px 8px 7px 13px;border:1px solid #ffffff66;border-radius:13px;background:#102d27e8;color:#fff;box-shadow:0 12px 35px #071a1560;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px}.teleport-bar[hidden]{display:none}.teleport-bar button{border:0;border-radius:8px;background:#e5b55f;color:#17342d;padding:8px 11px;font-weight:700}.teleport-bar button:last-child{background:transparent;color:#fff;font-size:18px;padding:4px 8px}@media(max-width:700px){.sheet-backdrop{position:fixed;inset:0;z-index:19;border:0;background:#102a2352;opacity:0;pointer-events:none;transition:opacity .2s}.workspace.controls-open .sheet-backdrop{display:block;opacity:1;pointer-events:auto}.workspace.controls-open:after{display:none}.control-panel{z-index:20}.mobile-tools{z-index:30}}@media(max-width:700px){.teleport-bar{bottom:82px;max-width:calc(100% - 132px);white-space:nowrap}.teleport-bar span{display:none}}.eye-minimap{position:absolute;z-index:7;left:22px;bottom:82px;width:180px;height:180px;border:1px solid #ffffff8c;border-radius:16px;overflow:hidden;background:#dfe8d8;box-shadow:0 12px 34px #071a1559}.eye-minimap[hidden]{display:none}.eye-minimap>button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#173d35;text-align:left}.eye-minimap svg{display:block;width:100%;height:100%}.minimap-title{position:absolute;z-index:2;left:8px;right:8px;top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#f8faf2e8;box-shadow:0 2px 8px #173d3520;pointer-events:none}.minimap-title b{font-size:10px}.minimap-title small{font-size:8px;font-weight:700;color:#47705f}.eye-minimap>a{position:absolute;z-index:2;left:6px;bottom:5px;padding:2px 4px;border-radius:4px;background:#f8faf2df;color:#365e4d;font-size:7px;text-decoration:none}.minimap-ground{fill:#e6ecdc}.minimap-road{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.minimap-road.local{stroke:#fff;stroke-width:3}.minimap-road.major{stroke:#f2b96d;stroke-width:4}.minimap-road.path{stroke:#a6b395;stroke-width:1.3;stroke-dasharray:3 2}.minimap-place{fill:#fff;stroke:#47705f;stroke-width:1.2}.minimap-turbine{fill:#315f50;stroke:#fff;stroke-width:1}.minimap-turbine.selected{fill:#c47b43;stroke-width:1.5}.minimap-cone{fill:#d9a44f42;stroke:#be7f2f;stroke-width:1}.minimap-arrow{fill:#173d35;stroke:#fff;stroke-width:1}.minimap-position-ring{fill:#fff;stroke:#173d35;stroke-width:1.5}.minimap-position{fill:#d69842}.minimap-north{fill:#173d35;font:700 9px DM Sans,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#f8faf2;stroke-width:3px}.eye-minimap.roads-unavailable:after{content:"Straßen nicht geladen";position:absolute;right:6px;bottom:6px;padding:3px 5px;border-radius:4px;background:#f8faf2e8;color:#785e3c;font-size:7px}.workspace.controls-open .eye-minimap{opacity:.2;pointer-events:none}.workspace.eye-mode .scale-note{display:none}@media(max-width:700px){.eye-minimap{left:10px;bottom:82px;width:132px;height:132px;border-radius:13px}.minimap-title{left:6px;right:6px;top:6px;padding:5px 6px}.minimap-title b{font-size:9px}.minimap-title small{font-size:7px}.eye-minimap>a{font-size:6px}.workspace.eye-mode .navigation-hint{left:calc(50% + 28px);max-width:calc(100% - 168px)}}.navigation-controls{position:absolute;z-index:7;right:398px;bottom:22px;display:flex;align-items:center;gap:7px}.map-control,.navigation-controls .compass{position:relative;inset:auto;width:46px;height:46px;min-width:46px;min-height:46px;border:1px solid #ffffff78;background:#102d27d9;color:#fff;box-shadow:0 8px 26px #071a1542;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-control{display:grid;place-items:center;border-radius:13px}.map-control svg{width:18px;height:18px}.navigation-controls .compass{border-radius:13px;padding:6px 0 5px;display:grid;grid-template-rows:1fr auto;place-items:center}.navigation-hint{position:absolute;z-index:9;left:calc((100% - 376px)/2);bottom:78px;transform:translate(-50%);max-width:min(520px,calc(100% - 440px));padding:9px 13px;border:1px solid #ffffff59;border-radius:11px;background:#102d27df;color:#fff;box-shadow:0 10px 30px #071a1548;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;line-height:1.35;text-align:center}.navigation-hint[hidden]{display:none!important}.workspace.eye-mode .zoom-control{display:none}@media(max-width:950px)and (min-width:701px){.stage-tools{left:20px;bottom:80px}.navigation-controls{right:398px}.navigation-hint{left:calc((100% - 376px)/2);bottom:136px;max-width:calc(100% - 436px)}}@media(max-width:700px){.navigation-controls{right:66px;bottom:82px}.navigation-controls .compass{right:auto;bottom:auto}.navigation-hint{left:50%;bottom:140px;max-width:calc(100% - 28px);width:max-content;font-size:10px}.workspace.eye-mode .navigation-hint{bottom:226px}}@media(max-width:700px){.imagery-credit{left:10px;bottom:220px;font-size:7px}.control-panel[data-mobile-tool] [data-mobile-panel]{display:none}.control-panel[data-mobile-tool=location] [data-mobile-panel=location],.control-panel[data-mobile-tool=view] [data-mobile-panel=view],.control-panel[data-mobile-tool=layers] [data-mobile-panel=layers],.control-panel[data-mobile-tool=audio] [data-mobile-panel=audio]{display:block}.control-panel[data-mobile-tool=view] .view-tabs{display:grid}.control-panel .eye-options[hidden]{display:none!important}.control-panel[data-mobile-tool]:not([data-mobile-tool=location]) .panel-count{display:none}.control-panel[data-mobile-tool] .panel-footer{margin-top:10px}}.walk-controls{display:none}.walk-controls[hidden]{display:none!important}.walk-label{padding:4px 7px;border:1px solid #ffffff55;border-radius:7px;background:#102d27e8;color:#fff;font-size:8px;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 12px #071a1538}@media(max-width:700px){.workspace.eye-mode .walk-controls{position:absolute;z-index:8;left:50%;bottom:82px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none;-webkit-user-select:none;user-select:none}.walk-controls>div{display:flex;gap:4px}.walk-controls button{width:38px;height:34px;border:1px solid #ffffff78;border-radius:10px;background:#102d27e8;color:#fff;box-shadow:0 6px 18px #071a1547;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:18px;font-weight:700;line-height:1}.walk-controls button:active{background:#e5b55f;color:#17342d}.workspace.controls-open .walk-controls{opacity:.2;pointer-events:none}}@media(hover:none)and (pointer:coarse)and (min-width:701px){.workspace.eye-mode .walk-controls{position:absolute;z-index:8;left:calc((100% - 376px)/2);bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none;-webkit-user-select:none;user-select:none}.walk-controls>div{display:flex;gap:4px}.walk-controls button{width:42px;height:38px;border:1px solid #ffffff78;border-radius:10px;background:#102d27e8;color:#fff;box-shadow:0 6px 18px #071a1547;font-size:19px;font-weight:700}.workspace.eye-mode .navigation-hint{bottom:132px}.workspace.controls-open .walk-controls{opacity:.2;pointer-events:none}}