:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3eee7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-width:min(1240px, calc(100vw - 32px));--panel:linear-gradient(180deg, #1f1915db, #110e0cf0);--panel-strong:linear-gradient(180deg, #271f19f0, #110e0cfa);--panel-border:#f4e5d11c;--panel-highlight:#fff5e914;--line:#fff6ec1a;--muted:#b7ab9f;--accent:#c8a27f;--accent-strong:#f1deca;--warm:#d9ae7d;--private:#cf8d76;--success:#90b39f;--shadow:0 32px 90px #0000006b, 0 10px 24px #0000002e;--font-serif:"Cormorant Garamond", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;background:radial-gradient(circle at 0 0,#cb9e7229,#0000 32%),radial-gradient(circle at 85% 10%,#79845f1f,#0000 26%),linear-gradient(#17120f 0%,#100d0b 48%,#0b0908 100%);font-family:Manrope,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:inherit;background:radial-gradient(circle at top,#d6b1891f,#0000 28%),linear-gradient(#ffffff05,#0000 30%),#0c0908;margin:0;position:relative}body:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(circle at 15% 20%,#fff6ec08,#0000 24%),radial-gradient(circle at 80% 0,#a0ae800a,#0000 20%),linear-gradient(#ffffff05,#0000 26%);position:fixed;inset:0}::selection{color:#fff8f0;background:#d6b0843d}button,a{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}#root,.app-shell{min-height:100vh}.topbar{z-index:30;width:var(--page-width);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);background:#181310ad;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1rem auto 0;padding:.9rem 1.2rem;display:grid;position:sticky;top:0;box-shadow:0 18px 48px #00000038}.topbar-actions{justify-self:end;align-items:center;gap:.75rem;display:inline-flex}.topbar-mode-toggle{color:var(--accent)}.brand{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.brand-lockup{gap:.08rem;display:grid}.brand-name{letter-spacing:.05em;font-weight:700}.brand-tag{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.brand-mark{background:radial-gradient(circle at 30% 30%,#fff4e5,#d5aa7d 58%,#7d5c40 100%);border-radius:50%;width:.9rem;height:.9rem;box-shadow:0 0 0 1px #ffedd82e,0 0 24px #d2a5744d}.topnav{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.6rem;display:inline-flex}.topnav a,.topnav button,.ghost-button{min-height:2.5rem;color:inherit;border:1px solid #0000;border-radius:999px;align-items:center;padding:0 .95rem;display:inline-flex}.topnav a:hover,.topnav button:hover,.ghost-button:hover,.text-button:hover{color:var(--accent-strong);background:#fff7ee08;border-color:#f2e1ca14}.ghost-button,.icon-button{color:var(--muted)}.page-shell{width:var(--page-width);margin:0 auto;padding-bottom:5rem}.scene-page{min-height:100vh;position:relative}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.5rem;min-height:calc(100vh - 5rem);padding:1rem 0 2rem;display:grid}.hero-copy,.info-panel,.project-card,.static-scene-fallback,.project-index,.detail-panel,.scene-hud,.debug-panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);border-radius:28px;position:relative;overflow:hidden}.hero-copy:before,.info-panel:before,.project-card:before,.static-scene-fallback:before,.project-index:before,.detail-panel:before,.scene-hud:before,.debug-panel:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(180deg, var(--panel-highlight), transparent 22%), radial-gradient(circle at top right, #d0a87a14, transparent 30%);position:absolute;inset:0}.hero-copy{flex-direction:column;justify-content:center;padding:2.4rem;display:flex}.eyebrow,.panel-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-size:.72rem;font-weight:600}.hero-copy h1,.section-heading h2,.info-panel h2,.project-index h2,.detail-panel h2,.scene-hud h2,.debug-panel h2{font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-weight:600;line-height:.94}.hero-copy h1{max-width:10ch;font-size:clamp(3.6rem,7vw,6.2rem)}.lede,.bio,.hero-note,.panel-summary,.info-panel p,.project-card p,.project-index-item span,.overlay-description{color:var(--muted)}.lede{font-size:1.08rem;line-height:1.7}.bio{max-width:54ch;margin-bottom:0}.hero-note,.panel-summary{margin:.8rem 0 0;font-size:.95rem;line-height:1.65}.hero-actions,.overlay-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.8rem;display:flex}.primary-button,.secondary-button,.ghost-button,.text-button,.route-line,.icon-button{transition:color .16s,background-color .16s,border-color .16s,transform .16s}.primary-button,.secondary-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.1rem;font-weight:600;display:inline-flex}.primary-button{color:#1a130f;background:linear-gradient(#e9d7c3 0%,#c69f79 100%);border-color:#ffefda38;box-shadow:0 14px 34px #ab7d513d}.secondary-button{border-color:var(--line);background:#fff7ee0a}.text-button{min-height:2.2rem;color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:0;font-size:.76rem;display:inline-flex}.primary-button:hover,.secondary-button:hover,.route-line:hover,.project-index-item:hover,.text-button:hover,.icon-button:hover{transform:translateY(-1px)}.hero-visual{min-height:720px;position:relative}.scene-shell,.static-scene-fallback{min-height:100%;overflow:hidden}.scene-shell canvas{border-radius:28px;display:block}.is-scene-mode .topbar{width:auto;margin:1rem 0 0;position:fixed;top:0;left:max(20px,50vw + min(1400px,100vw - 40px)/-2);right:max(20px,50vw + min(1400px,100vw - 40px)/-2)}.is-scene-mode .scene-shell,.is-scene-mode .scene-shell canvas{border-radius:0;min-height:100vh}.scene-hud,.detail-panel{z-index:35;width:min(400px,100vw - 32px);padding:1.45rem;position:fixed}.debug-panel{top:5.6rem;left:max(16px, calc((100vw - var(--page-width)) / 2));z-index:36;overscroll-behavior:contain;scrollbar-gutter:stable;width:min(360px,100vw - 32px);max-height:calc(100vh - 7rem);padding:1.2rem;position:fixed;overflow:auto}.scene-hud{left:max(16px, calc((100vw - var(--page-width)) / 2));bottom:20px}.detail-panel{right:max(16px, calc((100vw - var(--page-width)) / 2));bottom:20px}.scene-hud p:last-child{color:var(--muted);margin-bottom:0}.scene-loader{z-index:42;opacity:1;background:radial-gradient(circle at 50% 35%,#d6ad801a,#0000 18%),radial-gradient(circle at 80% 10%,#87956a14,#0000 20%),linear-gradient(#120e0cf5,#080706fa);place-items:center;padding:1.5rem;transition:transform .42s,opacity .42s;display:grid;position:fixed;inset:0;transform:translateY(0)}.scene-loader.is-exiting{opacity:0;transform:translateY(-100%)}.scene-loader-shell{border:1px solid var(--panel-border);background:var(--panel-strong);width:min(520px,100vw - 48px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:1.9rem}.scene-loader-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.scene-loader-shell h2{font-family:var(--font-serif);letter-spacing:-.03em;margin:.45rem 0 0;font-size:clamp(2.6rem,7vw,3.5rem);font-weight:600;line-height:.95}.scene-loader-copy{color:var(--muted);margin:.9rem 0 0;line-height:1.7}.scene-loader-progress{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.scene-loader-actions{justify-content:flex-start;margin-top:1rem;display:flex}.scene-loader-skip{color:var(--muted)}.scene-loader-track{background:#fff7ee0d;border:1px solid #f1e3d01f;border-radius:999px;flex:1;height:8px;overflow:hidden;box-shadow:0 12px 30px #0000002e,inset 0 0 0 1px #fff4e60a}.scene-loader-fill{transform-origin:0;background:linear-gradient(90deg,#8e7050 0%,#ddc1a3 48%,#f1e2d2 100%);width:100%;height:100%;animation:1.15s linear infinite scene-loader-glide;box-shadow:0 0 22px #c59e765c}.scene-loader-value{min-width:3.5rem;color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-align:right;font-size:.84rem}@keyframes scene-loader-glide{0%{filter:brightness(.95)}50%{filter:brightness(1.08)}to{filter:brightness(.95)}}.sketch-preview-root{z-index:38;pointer-events:none;opacity:0;background:#050a0d;animation:.32s .52s forwards sketch-preview-overlay-fade;position:fixed;inset:0;overflow:hidden}.sketch-preview-root.is-settled{opacity:1;animation:none}.sketch-preview-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:1;width:100%;height:100%;position:absolute;inset:0}@keyframes sketch-preview-overlay-fade{0%{opacity:0}to{opacity:1}}.monitor-fullscreen-root{z-index:39;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle,#09141b1f,#040a0eb8),#03080c6b;place-items:center;padding:clamp(18px,2.4vw,36px);animation:.22s ease-out monitor-fullscreen-enter;display:grid;position:fixed;inset:0}.monitor-fullscreen-shell{background:#03090d;border:1px solid #90e2ff33;border-radius:28px;width:min(100vw - 48px,238.889vh - 114.667px);max-width:100%;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000075,0 0 0 1px #75d8ff14,0 0 42px #36a3d624}.monitor-fullscreen-shell:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff0f,#0000 14%),linear-gradient(90deg,#6ec0e714,#0000 18% 82%,#6ec0e714);position:absolute;inset:0}.monitor-fullscreen-canvas{background:#050d13;width:100%;height:100%;display:block}.monitor-fullscreen-close{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050e14c7;position:fixed;top:clamp(18px,2.4vw,28px);right:clamp(18px,2.4vw,28px)}.monitor-fullscreen-hint{z-index:40;color:#e6f6ffc7;letter-spacing:.08em;text-transform:uppercase;background:#050e14b8;border:1px solid #90e2ff2e;border-radius:999px;padding:.35rem .65rem;font-size:.74rem;position:fixed;bottom:clamp(18px,2.4vw,28px);left:clamp(18px,2.4vw,28px)}@keyframes monitor-fullscreen-enter{0%{opacity:0}to{opacity:1}}.drone-hud-root{z-index:34;pointer-events:none;color:#b9f6ff;letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;position:fixed;inset:0}.drone-hud-vignette{background:radial-gradient(circle,#0000 48%,#06111614 67%,#06111642 100%),linear-gradient(#0a19201f,#0a19200a 22%,#0a192029);position:absolute;inset:0}.drone-hud-topline,.drone-hud-statusline,.drone-hud-heading,.drone-hud-side,.drone-hud-bottom{text-shadow:0 0 10px #5be9ff3d;position:fixed}.drone-hud-topline,.drone-hud-statusline{color:#bef9ffd1;align-items:center;gap:1.5rem;font-size:.7rem;display:flex;left:50%;transform:translate(-50%)}.drone-hud-topline{top:1.2rem}.drone-hud-statusline{bottom:1.2rem}.drone-hud-corner{filter:drop-shadow(0 0 10px #58e0ff29);border-style:solid;border-color:#75ebff6b;width:84px;height:84px;position:fixed}.drone-hud-corner-tl{border-width:2px 0 0 2px;top:1.2rem;left:1.2rem}.drone-hud-corner-tr{border-width:2px 2px 0 0;top:1.2rem;right:1.2rem}.drone-hud-corner-bl{border-width:0 0 2px 2px;bottom:1.2rem;left:1.2rem}.drone-hud-corner-br{border-width:0 2px 2px 0;bottom:1.2rem;right:1.2rem}.drone-hud-side{color:#c2f9ffe6;gap:.28rem;display:grid;top:50%;transform:translateY(-50%)}.drone-hud-side-left{justify-items:start;left:2rem}.drone-hud-side-right{justify-items:end;right:2rem}.drone-hud-side-label,.drone-hud-side-unit{color:#a6edf8a3;font-size:.62rem}.drone-hud-side-value,.drone-hud-heading,.drone-hud-readout strong{color:#e9feff;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1}.drone-hud-scale{gap:.42rem;margin-top:.75rem;display:grid}.drone-hud-scale span{background:#92f0ff57;width:32px;height:1px;display:block}.drone-hud-side-right .drone-hud-scale span{justify-self:end}.drone-hud-scale .is-major{background:#c6fcffd1;width:48px}.drone-hud-center{position:fixed;inset:0}.drone-hud-horizon{width:420px;height:180px;position:absolute;top:50%;left:50%}.drone-hud-horizon-line,.drone-hud-horizon-ladder{background:#82f2ffa8;height:1px;position:absolute;top:50%;box-shadow:0 0 14px #63e3ff29}.drone-hud-horizon-line-left{width:140px;left:0}.drone-hud-horizon-line-right{width:140px;right:0}.drone-hud-horizon-ladder-top{width:150px;top:calc(50% - 36px);left:135px}.drone-hud-horizon-ladder-bottom{width:150px;top:calc(50% + 36px);left:135px}.drone-reticle{filter:drop-shadow(0 0 14px #64dcff38);width:132px;height:132px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.drone-reticle-ring{border:1px solid #78e6ff6b;border-radius:50%;position:absolute;inset:0}.drone-reticle-dot{background:#dcfefff2;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #b9f7ff5c}.drone-reticle-crosshair{background:#c9f6ffe0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drone-reticle-crosshair-horizontal{width:54px;height:1px}.drone-reticle-crosshair-vertical{width:1px;height:54px}.drone-reticle-bracket{border-top:2px solid #bcfbffdb;border-bottom:2px solid #bcfbffdb;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.drone-reticle-bracket-left{border-left:2px solid #bcfbffdb;left:14px}.drone-reticle-bracket-right{border-right:2px solid #bcfbffdb;right:14px}.drone-hud-heading{font-size:.92rem;top:calc(50% - 128px);left:50%;transform:translate(-50%)}.drone-hud-bottom{align-items:center;gap:1.2rem;display:flex;bottom:3.35rem;left:50%;transform:translate(-50%)}.drone-hud-readout{gap:.3rem;min-width:74px;display:grid}.drone-hud-readout span{color:#a4e9f5a6;font-size:.62rem}.drone-hud-readout strong{font-size:.95rem}.drone-hud-readout-wide{min-width:280px}.drone-hud-readout-wide strong{font-size:.82rem}.debug-select-list{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.debug-select-button{border:1px solid var(--line);min-height:2.2rem;color:var(--muted);background:#ffffff08;border-radius:999px;padding:.45rem .8rem}.debug-select-button.is-active{color:var(--accent-strong);background:#d6b59014;border-color:#dfc0a052}.debug-description{color:var(--muted);margin:.9rem 0 0}.debug-section{gap:.7rem;margin-top:1.1rem;display:grid}.debug-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.debug-field{color:var(--muted);gap:.35rem;font-size:.82rem;display:grid}.debug-field input{border:1px solid var(--line);min-width:0;min-height:2.5rem;color:var(--accent-strong);background:#fff6ec0a;border-radius:14px;padding:.55rem .7rem}.debug-readout{border:1px solid var(--line);background:#ffffff08;border-radius:18px;margin-top:1rem;padding:.8rem}.debug-readout code{white-space:pre-wrap;color:var(--accent-strong);font-size:.8rem;line-height:1.5;display:block}.debug-panel .overlay-actions{background:linear-gradient(#110e0c00,#110e0cf0 42%);margin-top:1rem;padding-top:1rem;padding-bottom:.1rem;position:sticky;bottom:0}.static-scene-fallback{background:radial-gradient(circle at 100% 0,#d4b18a29,#0000 34%),radial-gradient(circle at 0 85%,#7789651f,#0000 28%),linear-gradient(#1e1814eb,#100d0bfa);flex-direction:column;justify-content:center;gap:1rem;padding:2.2rem;display:flex}.fallback-orb{filter:blur(.4px);opacity:.88;background:radial-gradient(circle at 34% 30%,#fff5eae6,#e4c5a570 24%,#84644714 62%,#0000 74%),radial-gradient(circle at 70% 72%,#90a47424,#0000 42%);border-radius:50%;width:clamp(180px,22vw,250px);height:clamp(180px,22vw,250px);margin-left:auto}.fallback-copy{max-width:52ch;color:var(--muted);margin:0;line-height:1.7}.fallback-notice{max-width:52ch;color:var(--accent-strong);margin:0;font-size:.95rem;line-height:1.7}.fallback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.4rem;display:grid}.fallback-item{border:1px solid var(--line);background:#fff6ec0a;border-radius:22px;gap:.45rem;padding:1rem 1.05rem;display:grid}.fallback-item:last-child:nth-child(odd){grid-column:1/-1}.fallback-item strong{font-size:1rem;font-weight:600}.fallback-item-label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.section,.split-section{padding-top:4rem}.section-heading{margin-bottom:1.4rem}.project-card-grid,.split-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.project-card,.info-panel{padding:1.6rem}.project-card h3{font-family:var(--font-serif);margin:1rem 0 .7rem;font-size:2rem;font-weight:600;line-height:1}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-index{top:5.4rem;right:max(16px, calc((100vw - var(--page-width)) / 2));z-index:40;opacity:0;pointer-events:none;width:min(380px,100vw - 32px);max-height:calc(100vh - 7rem);padding:1.45rem;position:fixed;overflow:auto;transform:translate(calc(100% + 24px))}.project-index.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.project-index-list{gap:.85rem;margin-top:1.25rem;display:grid}.project-index-item,.route-line{text-align:left;border:1px solid var(--line);background:#fff7ee0a;border-radius:20px;gap:.55rem;width:100%;padding:1rem;display:grid}.project-index-item strong{font-size:1.05rem}.project-index-meta,.overlay-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pill,.stack-chip{min-height:1.8rem;font-family:var(--font-mono);letter-spacing:.05em;border-radius:999px;align-items:center;padding:0 .68rem;font-size:.72rem;display:inline-flex}.pill{background:#fff6ec0a;border:1px solid #fff6ec1a}.pill-public{color:var(--accent-strong)}.pill-private{color:var(--private)}.pill-coming-soon{color:#d6cc85}.project-status,.project-domain{color:var(--muted);font-family:var(--font-mono);font-size:.84rem}.stack-list{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.stack-chip{color:var(--accent-strong);background:#d6b69114}.overlay-description{margin-top:1rem}.route-panel{gap:.9rem;display:grid}.route-line{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.route-line span:first-child{color:var(--accent-strong)}.hud-chip-row{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.hud-chip{min-height:1.9rem;color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#fff7ee0a;border:1px solid #fff6ec1a;border-radius:999px;align-items:center;padding:0 .75rem;font-size:.72rem;display:inline-flex}.scene-label,.scene-note{color:var(--accent-strong);white-space:nowrap;background:#14100df0;border:1px solid #f4e3cd29;border-radius:999px;padding:.35rem .6rem;font-size:.76rem}.scene-label.is-active{border-color:#f4e3cd57}.scene-note{color:#dbc6f4}.scene-note-warm{color:#ffd9a5}.scene-action-chip{color:var(--accent-strong);font:inherit;letter-spacing:.05em;text-transform:lowercase;cursor:pointer;background:#14100df0;border:1px solid #f4e3cd38;border-radius:999px;padding:.42rem .76rem;font-size:.78rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;box-shadow:0 10px 24px #0003}.scene-action-chip:hover{border-color:#f8e7d26b;transform:translateY(-1px);box-shadow:0 14px 26px #0000003d}.scene-action-chip-cyan{color:#f2dfca;border-color:#d6b69152;box-shadow:0 0 0 1px #d6b6910d,0 12px 28px #0000003d}.icon-button{border:1px solid var(--line);background:#fff7ee08;border-radius:50%;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;padding:0;font-size:1.45rem;line-height:1;display:inline-flex}.mobile-lebenslauf-container{margin-top:1.6rem}.mobile-lebenslauf-canvas{background:#fff7ee05;border:1px solid #fff6ec1a;border-radius:18px;width:100%;height:auto;display:block}@media (width<=1100px){.hero-grid,.project-card-grid,.split-section{grid-template-columns:1fr}.hero-visual{min-height:620px}.fallback-grid{grid-template-columns:1fr}.fallback-item:last-child:nth-child(odd){grid-column:auto}}@media (width<=900px){.topbar{border-radius:30px;grid-template-columns:1fr;justify-items:start}.topbar-actions{flex-wrap:wrap;justify-self:start}.is-scene-mode .topbar{left:16px;right:16px}.topnav{justify-content:flex-start}.project-index,.detail-panel,.scene-hud,.debug-panel{width:calc(100vw - 32px);max-height:min(72vh,720px);top:auto;bottom:16px;right:16px}.scene-hud{left:16px}.debug-panel{left:16px;overflow:auto}.drone-hud-side-left{left:1rem}.drone-hud-side-right{right:1rem}.drone-hud-bottom{flex-wrap:wrap;justify-content:center;gap:.7rem;width:calc(100vw - 44px);bottom:3.7rem}.drone-hud-readout-wide{min-width:220px}.drone-hud-horizon{width:300px}.drone-hud-horizon-line-left,.drone-hud-horizon-line-right{width:94px}.drone-hud-horizon-ladder-top,.drone-hud-horizon-ladder-bottom{width:108px;left:96px}}@media (width<=640px){:root{--page-width:min(100vw - 20px, 1240px)}.hero-copy,.project-card,.info-panel,.static-scene-fallback,.project-index,.detail-panel,.scene-hud,.debug-panel{border-radius:22px}.hero-copy{padding:1.4rem}.hero-copy h1{max-width:none;font-size:clamp(3rem,15vw,4.2rem)}.scene-loader-shell,.project-index,.detail-panel,.scene-hud{padding:1.2rem}.scene-loader-shell h2{font-size:clamp(2.25rem,10vw,2.8rem)}.fallback-orb{width:160px;height:160px}}