:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html,#root{margin:0;padding:0;height:100%;width:100%;font-family:Sora,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 10%,#101f42,#05060b 55%);overflow:hidden;display:block}.app-container{position:relative;height:100vh;width:100vw;--panel-offset: 1.8rem;--panel-width: min(32rem, 42vw);--loading-panel-gap: 1.1rem}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0}.loading-overlay{position:absolute;top:var(--panel-offset);bottom:var(--panel-offset);left:calc(var(--panel-offset) + var(--panel-width) + var(--loading-panel-gap));right:var(--panel-offset);z-index:40;display:flex;border-radius:1rem;background:radial-gradient(circle at center,#02060fb8,#02060f47 52%,#02060f00 82%);pointer-events:none}.loading-overlay-content{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center}.loading-spinner{width:48px;height:48px;border-radius:999px;border:3px solid rgba(146,185,255,.25);border-top-color:#d6ebff;animation:spin .8s linear infinite}.loading-text{margin:0;color:#d6e8ff;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.left-panel{position:absolute;top:var(--panel-offset);bottom:var(--panel-offset);left:var(--panel-offset);width:var(--panel-width);max-height:none;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding-right:.3rem;scrollbar-gutter:stable both-edges;z-index:10;display:flex;flex-direction:column;gap:.65rem}.left-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track{background:transparent}.left-panel::-webkit-scrollbar-thumb{border-radius:999px;background:#8bb2e45c}.left-panel::-webkit-scrollbar-thumb:hover{background:#a8cbf680}.panel-shell{position:relative;padding:1.95rem;border-radius:1.4rem;color:#f6f9ff;border:1px solid rgba(168,207,255,.24);background:linear-gradient(145deg,#121f3ed1,#03070fc7),radial-gradient(circle at 85% 10%,rgba(86,164,255,.28),transparent 40%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 50px #00000073,inset 0 1px #ffffff1a}.panel-shell-content{min-height:0}.panel-kicker{margin:0 0 .46rem;font-size:.63rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#accff7e6}.site-title{margin:0 0 .9rem;font-size:clamp(2rem,4.3vw,3.05rem);font-weight:700;line-height:.94;letter-spacing:-.018em;text-wrap:balance}.hero-copy{margin:0;font-size:.98rem;line-height:1.56;color:#f1f9fff2;max-width:36ch;text-wrap:pretty}.hero-subcopy{margin:.52rem 0 0;font-size:.88rem;line-height:1.56;color:#c9ddf6e6;max-width:46ch;text-wrap:pretty}.stats-row{margin:1.02rem 0 1.04rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.stat-card{padding:.75rem .65rem;border-radius:.75rem;border:1px solid rgba(173,209,255,.2);background:#060c19a6}.stat-value{display:block;font-size:.92rem;font-weight:600;color:#f2f8ff}.stat-label{display:block;margin-top:.22rem;font-size:.72rem;color:#bcd0e9e0;letter-spacing:.02em}.section-title{margin:0;font-size:.82rem;font-weight:600;color:#a4cbf3;letter-spacing:.12em;text-transform:uppercase}.section-title+p{margin:.62rem 0 .88rem;font-size:.88rem;line-height:1.56;color:#d5e5f8e0;max-width:44ch;text-wrap:pretty}.nav-hud{margin-top:.72rem;padding-top:.74rem;border-top:1px solid rgba(144,186,237,.22)}.nav-hud-header{display:flex;align-items:center;justify-content:space-between;gap:.55rem;margin-bottom:.52rem}.nav-hud-title{margin:0;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#b6d7fb}.nav-hud-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}.nav-hud-item{display:grid;gap:.18rem;box-sizing:border-box;border-radius:.62rem;border:1px solid rgba(165,201,245,.22);background:linear-gradient(145deg,#112240a3,#09112399);padding:.46rem .54rem}.nav-action{font-size:.72rem;line-height:1.18;font-weight:600;letter-spacing:.025em;color:#f0f8fffa}.nav-gesture{font-size:.56rem;line-height:1.12;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:#afcaeae6}.reset-camera-btn{min-height:1.28rem;padding:0 .56rem;border-radius:999px;border:1px solid rgba(175,212,255,.32);background:#10223f9e;color:#c7dff9f2;font-family:inherit;font-size:.58rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease,background-color .2s ease,border-color .2s ease}.reset-camera-btn:hover{background:#1b345ddb;border-color:#c5e1ff6b;transform:translateY(-1px)}.reset-camera-btn:focus-visible{outline:none}.fullscreen-canvas{width:100%;height:100%;touch-action:none}@media (max-width: 900px){.app-container{--panel-offset: 1rem;--panel-width: calc(100vw - 2rem) ;display:flex;flex-direction:column;gap:.78rem;height:100dvh;padding:1rem;box-sizing:border-box}.canvas-container{position:relative;width:100%;flex:1 1 0;min-height:0;order:1}.loading-overlay{top:0;right:0;bottom:0;left:0;border-radius:0;background:#02060fb8}.left-panel{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:auto;max-height:none;flex:1 1 0;min-height:0;order:2;gap:.52rem;padding-right:0;overflow:hidden}.panel-shell{height:100%;padding:1.4rem;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.panel-shell-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.32rem;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel-shell-content::-webkit-scrollbar{width:7px}.panel-shell-content::-webkit-scrollbar-track{background:transparent}.panel-shell-content::-webkit-scrollbar-thumb{border-radius:999px;background:#8bb2e45c}.panel-shell-content::-webkit-scrollbar-thumb:hover{background:#a8cbf680}.site-title{font-size:clamp(1.8rem,10vw,2.4rem)}.hero-copy,.hero-subcopy,.section-title+p{font-size:.9rem;line-height:1.55}.stats-row{grid-template-columns:1fr;gap:.45rem;margin:1rem 0}.nav-hud-list{grid-template-columns:1fr;gap:.4rem}.nav-hud{margin-top:.88rem;padding-top:.8rem}.fullscreen-canvas{min-height:0;height:auto}}