:root{--road-bg:#333;--plot-gray:#b7b7b7;--park-green:#3d914b;--utility-teal:#468e9b;--utility-brown:#8b6b4d;--edge-forest:#384d28;--border-line:#999;--hover-fill:rgba(226,160,72,.6)}.app-container{width:100%;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:50px 20px;margin:0;min-height:40vh}.app-container::-webkit-scrollbar{height:6px}.app-container::-webkit-scrollbar-track{background:transparent}.app-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.app-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.master-layout{position:relative;width:1250px;min-width:1250px;height:350px;background:#fff;clip-path:polygon(0 18%,95% 3%,100% 100%,0 86%);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);margin:0 auto}.main-road{height:30px;background-color:var(--road-bg);z-index:10}.main-road,.main-road:after{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.main-road:after{content:"";height:2px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.6) 50%,transparent 0);background-size:20px 2px;pointer-events:none}.row{display:flex;height:calc(50% - 15px);width:100%}.row+.row{margin-top:30px}.v-road{width:15px;background-color:var(--road-bg);height:100%;flex-shrink:0;position:relative}.v-road:after{content:"";position:absolute;top:0;left:50%;height:100%;width:2px;background-image:linear-gradient(180deg,hsla(0,0%,100%,.6) 50%,transparent 0);background-size:2px 20px;transform:translateX(-50%);pointer-events:none}.plot-group{flex:1;min-width:30px;background-color:var(--plot-gray);gap:2px;display:grid;grid-template-columns:repeat(2,1fr);border-right:.5px solid var(--border-line);position:relative}.one-column{grid-template-columns:1fr!important}.plot-group>div{border-bottom:1px solid var(--border-line);border-right:1px solid var(--border-line);position:relative;z-index:20;display:flex;align-items:center;justify-content:center;font-size:10px;color:#000}.plot-container{position:relative;width:100%;height:100%;transform-origin:center;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background-color .22s ease;will-change:transform;display:flex;align-items:center;justify-content:center}.plot-container:hover{background-color:var(--hover-fill)!important;cursor:pointer;transform:scale(1.1);z-index:30;box-shadow:0 8px 16px rgba(0,0,0,.3),0 0 15px rgba(226,160,72,.5);border:1px solid hsla(0,0%,100%,.4)}.plot-tooltip-global{position:fixed;background-color:rgba(0,0,0,.85);color:#fff;padding:10px 14px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 4px 6px rgba(0,0,0,.3);text-align:left;line-height:1.4}.plot-tooltip-global p{margin:3px 0;font-weight:300}.plot-tooltip-global p strong{font-weight:600;margin-right:4px;color:#cbd5e1}.util-top-brown{background:linear-gradient(to bottom,var(--utility-brown) 35%,var(--plot-gray) 35%)}.park-top-green{background:linear-gradient(to bottom,var(--park-green) 35%,var(--plot-gray) 35%)}.util-bottom-brown{background:linear-gradient(to top,var(--utility-brown) 35%,var(--plot-gray) 35%)}.teal-full{background-color:var(--utility-teal);flex:1.5}.green-full{background-color:var(--park-green);flex:3}.forest-end{background-color:var(--edge-forest);width:60px;flex-shrink:0}.park-top-right-green{background:linear-gradient(90deg,transparent 50%,var(--park-green) 50%),var(--plot-gray);background-size:100% 35%;background-repeat:no-repeat}.utility-premium{background:linear-gradient(135deg,#2b3036,#1c1e22)!important;position:relative;box-shadow:inset 0 4px 10px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.utility-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.05) 10%,transparent 60%);pointer-events:none}.utility-icon{color:#e2a048;filter:drop-shadow(0 0 8px rgba(226,160,72,.6));animation:icon-pulse 3s ease-in-out infinite}.stp-icon{color:#81c784;filter:drop-shadow(0 0 8px rgba(129,199,132,.6));animation:stp-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(226,160,72,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(226,160,72,.8))}to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(226,160,72,.5))}}@keyframes stp-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(129,199,132,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(129,199,132,.8))}to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(129,199,132,.5))}}.park-premium{background:linear-gradient(135deg,#1e3a1f,#122114)!important;position:relative;box-shadow:inset 0 4px 10px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.park-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05) 5px,transparent 0,transparent 15px);pointer-events:none}.tree-icon{color:#a5d6a7;filter:drop-shadow(0 0 8px rgba(165,214,167,.6));animation:park-pulse 3s ease-in-out infinite}@keyframes park-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(165,214,167,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(165,214,167,.8))}to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(165,214,167,.5))}}