:root{--text:#1f2937;--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--primary:#3b82f6;--gold:#f59e0b;--danger:#ef4444;--p-red:#dc2626;--p-green:#22c55e;--p-yellow:#f1c40f;--p-blue:#2980b9;--p-orange:#e67e22;--p-teal:#42e3f5;--p-purple:#9b59b6;--p-pink:#ff69b4;--p-brown:sienna;--street:#95a5a6;--highway:#475569;--block-inner:#3a3f47;--greenway:#2ecc71}html,body{background:var(--bg-gradient);width:100vw;height:100vh;color:var(--text);-webkit-overflow-scrolling:touch;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;inset:0;overscroll-behavior:none!important;overflow:hidden!important}#root{overscroll-behavior:none;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000004d}.glass-dark{-webkit-backdrop-filter:blur(12px);color:#fff;background:#0f172ab3;border:1px solid #ffffff1a}@keyframes floatUp{0%{opacity:1;margin-top:0;transform:translate(-50%)}to{opacity:0;margin-top:-20px;transform:translate(-50%,-100px)}}.app-layout{box-sizing:border-box;background-color:#0f172a;flex-direction:row;gap:20px;height:100vh;padding:15px;display:flex}.app-layout.is-host{padding:4vh 4vw}.left-panel{flex:1.5}.right-panel{flex:1}@media (width<=900px){.app-layout:not(.is-host){flex-direction:column;gap:10px;padding:5px}.app-layout:not(.is-host) .left-panel{display:none!important}.app-layout:not(.is-host) .right-panel{flex:1}}