@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0a0c10;--bg-gradient:radial-gradient(circle at 50% 0%, #1e2638 0%, #0a0c10 100%);--accent-cyan:#00f0ff;--accent-purple:#8a2be2;--accent-green:#0f8;--accent-red:#f36;--text-main:#fff;--text-muted:#8b9bb4;--glass-bg:#14192399;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000005e}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple))}.icon-glow{filter:drop-shadow(0 0 8px)}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-header{z-index:100;flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;left:32px}.app-title{letter-spacing:-.5px;align-items:center;gap:12px;font-size:28px;font-weight:700;display:flex}.app-subtitle{color:var(--text-muted);font-size:14px;font-weight:400}.floating-layer{pointer-events:none;z-index:50;position:absolute;inset:0}.floating-layer>*{pointer-events:auto}.heatmap-container{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.stadium-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;border:2px solid #ffffff0d;border-radius:200px;justify-content:center;align-items:center;width:800px;height:500px;display:flex;position:relative;box-shadow:inset 0 0 100px #000c,0 0 100px #00000080}.pitch{background:#00ff8805;border:1px solid #00ff8826;border-radius:10px;width:400px;height:200px;box-shadow:0 0 50px #00ff880d}.route-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.route-glow-path{fill:none;stroke:var(--accent-cyan);stroke-width:12px;stroke-opacity:.1;filter:blur(4px)}.route-flow-path{fill:none;stroke:url(#routeGrad);stroke-width:4px;stroke-dasharray:12 8;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--accent-cyan));animation:1s linear infinite flow}@keyframes flow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.density-blob{filter:blur(80px);pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.blob-red{background:var(--accent-red);width:300px;height:300px;top:10%;left:15%}.blob-green{background:var(--accent-green);width:250px;height:250px;bottom:20%;right:25%}.blob-orange{background:#fa0c;width:350px;height:350px;top:40%;left:50%;transform:translate(-50%,-50%)}.watermark{z-index:-1;pointer-events:none;position:absolute}.gate-marker{z-index:15;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.gate-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff1a;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700;transition:all .2s}.gate-marker:hover .gate-label{color:var(--text-main);background:#ffffff1a;border-color:#ffffff4d}.gate-selected .gate-label{color:var(--accent-cyan);background:#00f0ff26;border-color:#00f0ff80;box-shadow:0 0 12px #00f0ff33}.gate-tooltip{border:1px solid var(--glass-border);opacity:0;pointer-events:none;white-space:nowrap;background:#141923f2;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:-45px;transform:translateY(10px)}.gate-marker:hover .gate-tooltip{opacity:1;transform:translateY(0)}.tooltip-time{color:var(--text-main);font-size:13px;font-weight:600}.tooltip-click{color:var(--accent-green);font-size:10px}.tooltip-click.text-muted{color:var(--accent-red)}.user-location-marker{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:250px;left:400px;transform:translate(-50%,-50%)}.user-pulse{background:var(--accent-cyan);z-index:-1;border-radius:50%;width:20px;height:20px;position:absolute}.walking-user{border:1px solid var(--accent-cyan);z-index:20;offset-rotate:auto 45deg;background:#000000b3;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:24px;height:24px;animation:8s linear infinite walkRoute;display:flex;position:absolute;top:0;left:0}.walking-icon{margin-top:2px;margin-left:2px;transform:rotate(-45deg)}@keyframes walkRoute{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.crowd-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.crowd-particle{background:#fff6;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 4px #fffc}.routing-widget{cursor:grab;z-index:100;flex-direction:column;gap:12px;width:250px;padding:16px;display:flex;position:absolute}.widget-header{align-items:center;gap:8px;display:flex}.widget-header h3{color:var(--text-main);letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.routing-content{flex-direction:column;gap:8px;display:flex}.route-suggestion{background:#0003;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.best-route{border-left:2px solid var(--accent-green)}.avoid-route{border-left:2px solid var(--accent-red)}.route-info{flex-direction:column;display:flex}.route-title{font-size:14px;font-weight:500}.avoid-title{color:var(--accent-red)}.route-time{color:var(--text-muted);font-size:12px}.queue-widget{cursor:grab;z-index:90;flex-direction:column;gap:12px;width:250px;padding:16px;display:flex;position:absolute}.queue-content{flex-direction:column;gap:6px;display:flex}.queue-item{background:#00000026;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:all .3s;display:flex}.highlight-queue{background:#00f0ff1a;border:1px solid #00f0ff33}.queue-name{color:var(--text-main);opacity:.9}.queue-wait{align-items:center;gap:6px;display:flex}.wait-time{font-weight:600}.notifications-container{z-index:150;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:32px;right:32px}.notification-chip{pointer-events:auto;background:#141923d9;border-radius:40px;align-items:center;gap:12px;min-width:250px;padding:12px 20px;display:flex}.notification-icon{background:#8a2be226;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notification-text{color:var(--text-main);letter-spacing:.2px;font-size:14px;font-weight:500}