.city-wrapper{flex:1;overflow:auto;display:flex;justify-content:center;align-items:center;height:calc(100vh - 120px)}.city-container{position:relative;width:100%;max-width:4096px;aspect-ratio:4096 / 1624;height:auto;min-width:1000px;min-height:400px}.building{position:absolute;pointer-events:auto;transition:filter 0.3s ease;cursor:pointer;z-index:10;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;touch-action:manipulation}.building:not([data-name="map"]):hover{filter:drop-shadow(0 0 20px #ff00c6) drop-shadow(0 0 40px #ff00c6) drop-shadow(0 0 70px #ff00c6);transform-origin:bottom center;transform:scaleY(1.05);transition:transform 0.2s ease,filter 0.2s ease}.building-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:600px;max-height:90vh;overflow:hidden;background:rgb(26 16 61 / .97);border:2px solid #ff00c6;border-radius:16px;color:#fff;font-family:'Courier New',monospace;z-index:150000;padding:0;box-sizing:border-box;box-shadow:0 0 30px rgb(255 0 198 / .3);backdrop-filter:blur(10px);display:flex;flex-direction:column;cursor:move}.building-window .window-header{background:linear-gradient(135deg,#6b32b2,#ff00c6);padding:15px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-radius:14px 14px 0 0;font-size:18px;text-shadow:0 2px 4px rgb(0 0 0 / .3);position:sticky;top:0;z-index:2;cursor:move}.building-window .close-window{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.building-window .close-window:hover{background:rgb(255 255 255 / .2);transform:scale(1.1)}.building-window .window-body{padding:20px;text-align:center;overflow-y:auto;flex:1;cursor:default}.building-detail-image{width:100%;max-width:600px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px rgb(0 0 0 / .3);transition:transform 0.3s ease;object-fit:contain}.building-detail-image:hover{transform:scale(1.02)}.building-description{font-size:16px;line-height:1.5;color:#fcf;margin-bottom:20px;text-align:left}.building-extras{list-style:none;padding:0;margin:0;text-align:left;background:rgb(255 255 255 / .05);border-radius:10px;padding:15px}.building-extras li{margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:8px}.building-extras li:last-child{margin-bottom:0}.building-extras strong{color:#ff80ff}.building-footer{display:flex;gap:10px;justify-content:center;padding:20px;background:rgb(0 0 0 / .2);border-radius:0 0 14px 14px;position:sticky;bottom:0;z-index:2}.building-btn{background:linear-gradient(135deg,#6b32b2,#ff00c6);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-family:'Courier New',monospace;font-size:14px;transition:all 0.3s ease;display:flex;align-items:center;gap:6px}.building-btn:hover{transform:scale(1.05);box-shadow:0 0 15px rgb(255 0 198 / .4)}.highlight-flash{animation:strongFlash 1.2s ease-out infinite alternate}@keyframes strongFlash{0%{filter:drop-shadow(0 0 20px #ff00c6) drop-shadow(0 0 40px #ff00c6) drop-shadow(0 0 70px #ff00c6)}100%{filter:drop-shadow(0 0 10px #ff00c6) drop-shadow(0 0 20px #ff00c6) drop-shadow(0 0 30px #ff00c6)}}.building-window img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.arcade-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;min-width:300px;max-width:min(95%, 800px);max-height:85vh;background:rgb(0 0 0 / .95);border:2px solid var(--neon);border-radius:8px;box-shadow:0 0 20px rgb(255 0 198 / .2);z-index:1000;overflow:hidden;font-family:'Courier New',monospace}.arcade-window-top{background:rgb(26 16 61 / .97);padding:8px 15px;color:var(--terminal-text);font-size:14px;border-bottom:1px solid var(--neon)}.arcade-window-header{background:linear-gradient(135deg,#6b32b2,#ff00c6);color:#fff;padding:12px 15px;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:move;user-select:none}.arcade-window-body{padding:15px;overflow-y:auto;max-height:calc(85vh - 42px - 34px);background:rgb(0 0 0 / .7)}.arcade-games-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:15px;padding:5px;width:fit-content}.arcade-game-card{background:rgb(0 0 0 / .3);border:1px solid var(--neon);border-radius:6px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all 0.2s ease;width:200px}.arcade-game-card:hover{transform:translateY(-2px);border-color:var(--terminal-text);box-shadow:0 0 15px rgb(255 0 198 / .15)}.arcade-game-image{width:100%;aspect-ratio:500/750;object-fit:cover;border-radius:4px;border:1px solid rgb(255 0 198 / .2)}.arcade-game-card:hover .arcade-game-image{border-color:var(--terminal-text)}.arcade-game-title{color:var(--terminal-text);font-family:'Courier New',monospace;font-size:12px;text-align:center;margin:0;line-height:1.4}.play-now-btn{background:var(--terminal-bg);color:var(--terminal-text);border:1px solid var(--neon);padding:8px 15px;border-radius:4px;font-family:'Courier New',monospace;font-size:11px;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:1px;width:100%}.play-now-btn:hover{background:var(--neon);color:var(--terminal-bg)}.close-window,.close-game{background:none;border:none;color:var(--terminal-text);font-size:20px;cursor:pointer;padding:0;line-height:1;transition:all 0.2s ease;opacity:.8;font-family:'Courier New',monospace}.close-window:hover,.close-game:hover{opacity:1;color:var(--neon)}.game-iframe-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;min-width:300px;background:rgb(0 0 0 / .95);border:2px solid var(--neon);border-radius:8px;box-shadow:0 0 20px rgb(255 0 198 / .2);z-index:1000001;overflow:hidden;display:flex;flex-direction:column;font-family:'Courier New',monospace}.game-iframe-container iframe{width:800px;height:600px;border:none;background:#000;opacity:0;transition:opacity 0.3s ease}.game-iframe-container iframe.loaded{opacity:1}.loading-screen{position:absolute;top:42px;left:0;right:0;bottom:0;background:rgb(0 0 0 / .95);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neon);font-size:18px;gap:15px}.loading-dots{display:flex;gap:8px}.loading-dot{width:8px;height:8px;background:var(--neon);border-radius:50%;animation:loadingDot 1s infinite}.loading-dot:nth-child(2){animation-delay:0.2s}.loading-dot:nth-child(3){animation-delay:0.4s}@keyframes loadingDot{0%,100%{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}@media (max-width:768px){.game-iframe-container{width:100%;height:100%;top:0;left:0;transform:none;border:none;border-radius:0}.game-iframe-container iframe{width:100%;height:calc(100% - 42px - 34px)}}.game-iframe-top{background:rgb(26 16 61 / .97);padding:8px 15px;color:var(--terminal-text);font-size:14px;border-bottom:1px solid var(--neon);display:flex;justify-content:space-between;align-items:center}.game-iframe-header{background:linear-gradient(135deg,#6b32b2,#ff00c6);color:#fff;padding:12px 15px;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:move;user-select:none}.game-iframe-header .title{display:flex;align-items:center;gap:8px}.game-iframe-header .title .separator{color:rgb(255 255 255 / .5);font-weight:300}.close-game{background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);color:#fff;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:all 0.2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-game:hover{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .3);transform:scale(1.1)}@media (max-width:768px){.city-wrapper{flex:1;overflow:auto;display:block;justify-content:center;align-items:center;height:calc(100vh - 70px);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain}.city-container{position:relative;justify-content:center;width:max-content;min-width:100vw;max-width:4096px;aspect-ratio:4096 / 1624;height:auto;min-width:1000px;min-height:400px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.building-window{width:90%;max-height:85vh}.building-window .window-header{padding:12px 15px;font-size:16px}.building-footer{flex-direction:column;gap:8px}.building-btn{width:100%;justify-content:center}}