.steal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:stealFadeIn .2s ease}@keyframes stealFadeIn{0%{opacity:0}to{opacity:1}}.steal-modal{width:280px;max-width:90vw;text-align:center;background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--neon-yellow);border-radius:6px;padding:16px;position:relative;box-shadow:0 0 20px var(--neon-yellow-30),0 0 40px var(--neon-yellow-15);animation:stealModalIn .2s ease-out}.steal-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(240,255,0,.02) 2px,rgba(240,255,0,.02) 4px);pointer-events:none;border-radius:6px}@keyframes stealModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.steal-modal h3{font-family:Orbitron,sans-serif;margin:0 0 8px;color:var(--neon-yellow);font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px var(--neon-yellow-50);position:relative;z-index:1}.steal-description{font-family:Share Tech Mono,monospace;color:var(--text-muted);font-size:.7rem;margin-bottom:12px;line-height:1.3;position:relative;z-index:1}.steal-player-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;position:relative;z-index:1}.steal-player-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--player-color, var(--border-color));border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:left}.steal-player-option:hover{background:var(--bg-tertiary);transform:translate(3px);box-shadow:0 0 15px color-mix(in srgb,var(--player-color, var(--neon-cyan)) 40%,transparent);border-color:var(--player-color, var(--neon-cyan))}.steal-player-option:active{transform:translate(1px)}.player-color-indicator{width:18px;height:18px;border-radius:3px;flex-shrink:0;box-shadow:0 0 8px currentColor;border:1px solid currentColor}.player-info{display:flex;flex-direction:column;flex-grow:1;gap:1px}.player-name{font-family:Orbitron,sans-serif;font-weight:700;color:var(--text-primary);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.player-cards{font-family:Share Tech Mono,monospace;font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.no-cards-warning{font-family:Orbitron,sans-serif;color:var(--neon-red);font-size:.6rem;font-weight:700;padding:2px 6px;background:var(--neon-red-15);border:1px solid var(--neon-red-30);border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.steal-modal .btn-cancel{padding:6px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .15s ease;position:relative;z-index:1}.steal-modal .btn-cancel:hover{border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 10px var(--neon-red-30)}.game-board{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;contain:paint;transform:translateZ(0)}.board-svg{width:100%;height:100%;max-width:1100px;max-height:950px;filter:drop-shadow(0 0 30px rgba(0,255,255,.2));contain:paint}.hex{cursor:default;transition:opacity .2s ease}.hex polygon{stroke:#000;stroke-width:3}.hex-polygon{shape-rendering:geometricPrecision;will-change:filter;transform:translateZ(0)}.hex.valid{cursor:pointer}.hex.valid polygon{stroke:var(--neon-yellow);stroke-width:3;animation:hexNeonPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--neon-yellow-50))}.hex.valid:hover polygon{filter:brightness(1.3) drop-shadow(0 0 15px var(--neon-yellow))}@keyframes hexNeonPulse{0%,to{stroke-width:3;filter:drop-shadow(0 0 10px var(--neon-yellow-50))}50%{stroke-width:4;filter:drop-shadow(0 0 20px var(--neon-yellow))}}.hex.activated .hex-polygon{stroke:var(--neon-cyan)!important;stroke-width:3!important;animation:hexBrighten 3s ease-in-out}@keyframes hexBrighten{0%,to{filter:url(#hexShadow) brightness(1)}15%{filter:url(#hexShadow) brightness(1.15)}50%{filter:url(#hexShadow) brightness(1.1)}}.hex-glow-ring{animation:glowRingPulse 3s ease-in-out}@keyframes glowRingPulse{0%,to{opacity:0;stroke-width:8}10%{opacity:.35;stroke-width:12}50%{opacity:.2;stroke-width:10}}.hex-glow-ring-inner{animation:innerRingPulse 3s ease-in-out}@keyframes innerRingPulse{0%,to{opacity:0;stroke-width:3}10%{opacity:.4;stroke-width:4}50%{opacity:.25;stroke-width:3}}.road{cursor:default;transition:all .2s ease}.road.valid.wormhole-preview{cursor:pointer}.road.valid.wormhole-preview rect,.road.valid.wormhole-preview ellipse{animation:tubePreviewPulse 1.5s ease-in-out infinite}.road.valid.wormhole-preview:hover rect,.road.valid.wormhole-preview:hover ellipse{opacity:1;filter:drop-shadow(0 0 10px var(--neon-yellow))}@keyframes tubePreviewPulse{0%,to{opacity:.7}50%{opacity:1;filter:drop-shadow(0 0 6px var(--neon-yellow))}}.road.wormhole-tube{cursor:default}.tube-glow{animation:tubeGlowPulse 2s ease-in-out infinite}@keyframes tubeGlowPulse{0%,to{opacity:.4;stroke-width:1}50%{opacity:.7;stroke-width:1.5}}.tube-body{animation:tubeBodyPulse 3s ease-in-out infinite}@keyframes tubeBodyPulse{0%,to{stroke-width:1}50%{stroke-width:1.25;filter:drop-shadow(0 0 3px currentColor)}}.tube-highlight{animation:highlightShimmer 2s ease-in-out infinite}@keyframes highlightShimmer{0%,to{opacity:.2;transform:translate(-2px)}50%{opacity:.4;transform:translate(2px)}}.energy-ring{animation:energyRingPulse 1.5s ease-in-out infinite}.energy-ring.r1{animation-delay:0s}.energy-ring.r2{animation-delay:.3s}.energy-ring.r3{animation-delay:.15s}.energy-ring.r4{animation-delay:.45s}.energy-ring.r5{animation-delay:.6s}@keyframes energyRingPulse{0%,to{opacity:.5;stroke-width:.75}50%{opacity:1;stroke-width:1.25}}.portal-end{animation:portalGlow 1.2s ease-in-out infinite}.portal-end.left{animation-delay:0s}.portal-end.right{animation-delay:.6s}@keyframes portalGlow{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3);filter:drop-shadow(0 0 5px currentColor)}}.portal-core{animation:portalCorePulse 1s ease-in-out infinite}.portal-core.left{animation-delay:0s}.portal-core.right{animation-delay:.5s}@keyframes portalCorePulse{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 4px #ffffff)}}.quantum-stream .stream-base{animation:streamFlow 1s linear infinite}@keyframes streamFlow{0%{opacity:.6}to{opacity:.9}}.tube-particles .t-particle{animation:tubeParticleFlow 1s linear infinite}.tube-particles .p1{animation-delay:0s;cx:-15px}.tube-particles .p2{animation-delay:.25s;cx:-15px}.tube-particles .p3{animation-delay:.5s;cx:-15px}.tube-particles .p4{animation-delay:.75s;cx:-15px}@keyframes tubeParticleFlow{0%{transform:translate(-18px);opacity:0}10%{opacity:1}50%{opacity:1;filter:drop-shadow(0 0 3px #ffffff)}90%{opacity:1}to{transform:translate(18px);opacity:0}}.energy-wisp{animation:wispSnake 2s ease-in-out infinite;stroke-dasharray:8 4}.energy-wisp.w1{animation-delay:0s}.energy-wisp.w2{animation-delay:1s}@keyframes wispSnake{0%{stroke-dashoffset:0;opacity:.3}50%{stroke-dashoffset:-24;opacity:.7}to{stroke-dashoffset:-48;opacity:.3}}.road-network{pointer-events:none;filter:drop-shadow(0 0 3px currentColor)}.network-glow{animation:networkGlowPulse 2.5s ease-in-out infinite}@keyframes networkGlowPulse{0%,to{opacity:.5;stroke-width:9}50%{opacity:.7;stroke-width:10}}.network-tube{animation:networkTubePulse 3s ease-in-out infinite}@keyframes networkTubePulse{0%,to{opacity:.25}50%{opacity:.35}}.junction-fill{animation:junctionPulse 2s ease-in-out infinite}@keyframes junctionPulse{0%,to{opacity:1}50%{filter:drop-shadow(0 0 5px currentColor)}}.road-network.longest-road{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}.road-network.longest-road .network-glow{animation:longestRoadGlow 1.5s ease-in-out infinite}@keyframes longestRoadGlow{0%,to{opacity:.6;stroke-width:10}50%{opacity:.9;stroke-width:12}}.road-network.longest-road .network-tube{opacity:.4}.network-particles{pointer-events:none}.network-particle{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor)}.particle-glow{filter:blur(1.5px);opacity:.6}.super-particles{filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 12px currentColor)}.super-particles .super-particle{filter:drop-shadow(0 0 8px #ffffff) drop-shadow(0 0 16px currentColor)}.super-particles .comet-tail{animation:cometTailPulse .4s ease-in-out infinite;filter:blur(.5px)}@keyframes cometTailPulse{0%,to{opacity:.5}50%{opacity:.8}}.super-particles .particle-glow{filter:blur(2px);animation:superGlowPulse .6s ease-in-out infinite}@keyframes superGlowPulse{0%,to{opacity:.4}50%{opacity:.7}}.building{cursor:default;transition:all .2s ease;filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px rgba(255,255,255,.3))}.building.valid{cursor:pointer}.building.valid .placement-preview{animation:stationPreviewPulse 1.5s ease-in-out infinite}.building.valid .preview-ring{animation:previewRingRotate 8s linear infinite}.building.valid:hover .placement-preview{filter:drop-shadow(0 0 12px var(--neon-yellow))}@keyframes stationPreviewPulse{0%,to{opacity:.7}50%{opacity:1;filter:drop-shadow(0 0 8px var(--neon-yellow))}}@keyframes previewRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-outpost{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px rgba(255,255,255,.4))}.space-outpost .orbital-ring{animation:orbitalRingSpin 20s linear infinite;transform-origin:center}@keyframes orbitalRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-outpost .hab-module{animation:habModulePulse 3s ease-in-out infinite}@keyframes habModulePulse{0%,to{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 10px currentColor)}}.space-outpost .viewport{animation:viewportGlow 2s ease-in-out infinite}@keyframes viewportGlow{0%,to{fill:#013}50%{fill:#026;filter:drop-shadow(0 0 3px #66aaff)}}.space-outpost .antenna-beacon{animation:beaconBlink 1s ease-in-out infinite}@keyframes beaconBlink{0%,40%,to{opacity:1;fill:#fff}50%,90%{opacity:.3;fill:#888}}.space-outpost .solar-wing{animation:solarWingShimmer 4s ease-in-out infinite}.space-outpost .solar-wing.left{animation-delay:0s}.space-outpost .solar-wing.right{animation-delay:2s}@keyframes solarWingShimmer{0%,to{opacity:1}50%{opacity:.85;filter:brightness(1.2)}}.orbital-colony{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px rgba(255,255,255,.5))}.orbital-colony .orbital-ring.outer{animation:outerRingSpin 30s linear infinite reverse;transform-origin:center}@keyframes outerRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbital-colony .station-ring{animation:stationRingPulse 4s ease-in-out infinite}@keyframes stationRingPulse{0%,to{stroke-width:4;filter:drop-shadow(0 0 4px currentColor)}50%{stroke-width:5;filter:drop-shadow(0 0 10px currentColor)}}.orbital-colony .station-hub{animation:hubGlow 3s ease-in-out infinite}@keyframes hubGlow{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}.orbital-colony .hub-core{animation:coreFlicker 1.5s ease-in-out infinite}@keyframes coreFlicker{0%,to{opacity:.9;r:2}50%{opacity:1;r:2.5;filter:drop-shadow(0 0 6px #ffffff)}}.orbital-colony .solar-array{animation:arrayPowerCycle 5s ease-in-out infinite}.orbital-colony .solar-array:nth-child(odd){animation-delay:0s}.orbital-colony .solar-array:nth-child(2n){animation-delay:2.5s}@keyframes arrayPowerCycle{0%,to{opacity:1}25%{opacity:.9;filter:brightness(1.3)}50%{opacity:1}75%{opacity:.85}}.station-light{animation:stationLightBlink 2s ease-in-out infinite}.station-light.l1{animation-delay:0s}.station-light.l2{animation-delay:.5s}.station-light.l3{animation-delay:1s}.station-light.l4{animation-delay:1.5s}@keyframes stationLightBlink{0%,45%,55%,to{opacity:1}50%{opacity:.2}}.building.space-outpost:hover .outpost-station,.building.orbital-colony:hover .colony-station{filter:drop-shadow(0 0 10px currentColor) brightness(1.1);transform:scale(1.05);transition:all .3s ease}.harbor.moon{opacity:.95}.harbor .moon-body{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.harbor .moon-glow-outer{animation:moonGlowOuter 3s ease-in-out infinite}.harbor .moon-glow{animation:moonGlow 4s ease-in-out infinite}.harbor .moon-core-glow{animation:moonCorePulse 2.5s ease-in-out infinite}.harbor .moon-tether{animation:tetherPulse 3s ease-in-out infinite}.harbor .moon-icon{filter:drop-shadow(0 0 4px currentColor)}.harbor .ratio-text{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 1px 1px rgba(0,0,0,.8));paint-order:stroke fill}.harbor .ratio-badge{filter:drop-shadow(0 0 6px rgba(0,0,0,.7)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.harbor:hover{opacity:1}.harbor:hover .moon-glow-outer{opacity:.8;animation:none}.harbor:hover .moon-glow{opacity:.7;animation:none}.harbor:hover .ratio-badge{opacity:1}@keyframes moonGlowOuter{0%,to{opacity:.6}50%{opacity:.4}}@keyframes moonGlow{0%,to{opacity:.5}50%{opacity:.3}}@keyframes moonCorePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes tetherPulse{0%,to{opacity:.5}50%{opacity:.3}}.dice-token{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dice-token .token-outer-ring{animation:tokenRingPulse 3s ease-in-out infinite}.dice-token .token-body{filter:drop-shadow(0 0 8px rgba(0,0,0,.8)) drop-shadow(0 0 3px currentColor)}.dice-token .token-number{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 1px 2px rgba(0,0,0,.9));text-rendering:geometricPrecision}.dice-token .probability-dots circle{filter:drop-shadow(0 0 3px currentColor)}@keyframes tokenRingPulse{0%,to{opacity:.5;stroke-width:1.5}50%{opacity:.8;stroke-width:2}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes dataFlow{0%{background-position:0% 0%}to{background-position:100% 100%}}.planet-texture{pointer-events:none}.ice-planet ellipse{animation:iceShimmer 6s ease-in-out infinite}@keyframes iceShimmer{0%,to{opacity:1}50%{opacity:.85}}.lava-planet circle{animation:lavaPulse 4s ease-in-out infinite}@keyframes lavaPulse{0%,to{opacity:1}50%{opacity:.9}}.sun-planet path{animation:solarFlare 5s ease-in-out infinite}@keyframes solarFlare{0%,to{opacity:1}50%{opacity:.9}}.bio-planet circle{animation:bioGlow 4s ease-in-out infinite}@keyframes bioGlow{0%,to{opacity:1}50%{opacity:.85}}.crystal-planet circle{animation:crystalGleam 3s ease-in-out infinite}@keyframes crystalGleam{0%,to{opacity:1}50%{opacity:.88}}.black-hole-disk{animation:blackHoleRotate 20s linear infinite}@keyframes blackHoleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-time-ripple-far{animation:spaceTimeRippleFar 18s ease-in-out infinite;transform-origin:center}@keyframes spaceTimeRippleFar{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.space-time-ripple-outer{animation:spaceTimeRipple 12s ease-in-out infinite;transform-origin:center}@keyframes spaceTimeRipple{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.gravity-lens-zone-outer{animation:gravityLensPulseOuter 10s ease-in-out infinite}@keyframes gravityLensPulseOuter{0%,to{opacity:.04;stroke-width:25}50%{opacity:.08;stroke-width:35}}.gravity-lens-zone{animation:gravityLensPulse 8s ease-in-out infinite}@keyframes gravityLensPulse{0%,to{opacity:.08;stroke-width:18}50%{opacity:.15;stroke-width:28}}.gravity-bend-far{animation:gravityBendFar 8s ease-in-out infinite}@keyframes gravityBendFar{0%,to{opacity:.06;stroke-width:3}50%{opacity:.12;stroke-width:5}}.gravity-bend-outer{animation:gravityBendOuter 6s ease-in-out infinite}@keyframes gravityBendOuter{0%,to{opacity:.12;stroke-width:4}50%{opacity:.22;stroke-width:7}}.gravity-bend-mid{animation:gravityBendMid 5s ease-in-out infinite;animation-delay:1s}@keyframes gravityBendMid{0%,to{opacity:.2;stroke-width:3}50%{opacity:.35;stroke-width:5}}.gravity-bend-inner{animation:gravityBendInner 4s ease-in-out infinite;animation-delay:2s}@keyframes gravityBendInner{0%,to{opacity:.25;stroke-width:2}50%{opacity:.4;stroke-width:4}}.photon-sphere{animation:photonSpherePulse 3s ease-in-out infinite}@keyframes photonSpherePulse{0%,to{opacity:.7;stroke-width:4;filter:drop-shadow(0 0 4px rgba(255,204,85,.5))}50%{opacity:.9;stroke-width:5;filter:drop-shadow(0 0 10px rgba(255,204,85,.8))}}.event-horizon{animation:eventHorizonVoid 4s ease-in-out infinite}@keyframes eventHorizonVoid{0%,to{filter:drop-shadow(0 0 8px rgba(0,0,0,1)) drop-shadow(0 0 16px rgba(50,0,80,.6))}50%{filter:drop-shadow(0 0 12px rgba(0,0,0,1)) drop-shadow(0 0 24px rgba(80,0,120,.8))}}.einstein-ring{animation:einsteinRingGlow 2.5s ease-in-out infinite}@keyframes einsteinRingGlow{0%,to{opacity:.6;stroke-width:2}50%{opacity:.9;stroke-width:3;filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}}.hawking-radiation .hawking-particle{animation:hawkingEscape 3s ease-in-out infinite}.hawking-particle.p1{animation-delay:0s}.hawking-particle.p2{animation-delay:.4s}.hawking-particle.p3{animation-delay:.8s}.hawking-particle.p4{animation-delay:1.2s}.hawking-particle.p5{animation-delay:1.6s}.hawking-particle.p6{animation-delay:2s}.hawking-particle.p7{animation-delay:2.4s}.hawking-particle.p8{animation-delay:2.8s}@keyframes hawkingEscape{0%,to{opacity:.6;transform:scale(1);filter:drop-shadow(0 0 2px currentColor)}25%{opacity:1;transform:scale(1.3) translateY(-2px);filter:drop-shadow(0 0 6px currentColor)}50%{opacity:.8;transform:scale(1.1) translate(1px)}75%{opacity:1;transform:scale(1.2) translateY(2px);filter:drop-shadow(0 0 4px currentColor)}}.warped-starlight .stretched-star{animation:starStretch 6s ease-in-out infinite}.stretched-star.s1{animation-delay:0s}.stretched-star.s2{animation-delay:1s}.stretched-star.s3{animation-delay:2s}.stretched-star.s4{animation-delay:3s}.stretched-star.s5{animation-delay:4s}.stretched-star.s6{animation-delay:5s}@keyframes starStretch{0%,to{opacity:.3;transform:scaleX(1)}25%{opacity:.5;transform:scaleX(1.3)}50%{opacity:.6;transform:scaleX(1.5);filter:drop-shadow(0 0 4px currentColor)}75%{opacity:.4;transform:scaleX(1.2)}}.black-hole{filter:drop-shadow(0 0 15px rgba(150,50,200,.4)) drop-shadow(0 0 30px rgba(100,0,150,.2))}.hex:hover .black-hole{filter:drop-shadow(0 0 20px rgba(180,80,255,.5)) drop-shadow(0 0 40px rgba(120,20,180,.3))}@media (prefers-reduced-motion: reduce){.black-hole-disk,.space-time-ripple-far,.space-time-ripple-outer,.gravity-lens-zone-outer,.gravity-lens-zone,.gravity-bend-far,.gravity-bend-outer,.gravity-bend-mid,.gravity-bend-inner,.photon-sphere,.event-horizon,.einstein-ring,.hawking-particle,.stretched-star{animation:none!important}.black-hole{filter:drop-shadow(0 0 15px rgba(150,50,200,.4))}}.resource-indicator{pointer-events:none;-webkit-user-select:none;user-select:none}.resource-icon{transition:all .3s ease}.resource-icon svg{overflow:visible}.resource-icon path{transition:all .3s ease}.resource-name{transition:all .3s ease;paint-order:stroke fill}.hex:hover .resource-icon path{opacity:1}.hex:hover .resource-name{opacity:1}.resource-icon svg{animation:iconGlow 4s ease-in-out infinite}@keyframes iconGlow{0%,to{opacity:1}50%{opacity:.8}}.hex-help-label,.moon-help-label{pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600!important;fill:#fff!important}.help-label{pointer-events:none}.help-label text{font-weight:700!important;fill:#fff!important;stroke:#000000e6;stroke-width:3px;paint-order:stroke fill}.hex:hover .help-label text{fill:#fff!important}.colony-decoration{pointer-events:none;-webkit-user-select:none;user-select:none}.colony-decoration.dome{animation:domePulse 3s ease-in-out infinite}@keyframes domePulse{0%,to{opacity:1}50%{opacity:.9;filter:brightness(1.1)}}.colony-decoration.ring{animation:ringRotate 8s linear infinite}@keyframes ringRotate{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}.colony-decoration.cylinder{animation:cylinderShimmer 4s ease-in-out infinite}@keyframes cylinderShimmer{0%,to{opacity:1}50%{opacity:.92}}.colony-decoration.crystal{animation:crystalSparkle 2s ease-in-out infinite}@keyframes crystalSparkle{0%,to{filter:brightness(1)}25%{filter:brightness(1.2)}50%{filter:brightness(1)}75%{filter:brightness(1.15)}}.colony-decoration.spire .beacon-light{animation:beaconBlink 1.5s ease-in-out infinite}.colony-decoration.pyramid{animation:pyramidPulse 3s ease-in-out infinite}@keyframes pyramidPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.colony-decoration.hexagon{animation:hexagonGlow 4s ease-in-out infinite}@keyframes hexagonGlow{0%,to{opacity:1}50%{opacity:.95;filter:brightness(1.08)}}.colony-decoration.fortress{animation:fortressPower 3.5s ease-in-out infinite}@keyframes fortressPower{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.colony-decoration.crescent{animation:crescentGlow 3s ease-in-out infinite}@keyframes crescentGlow{0%,to{opacity:1}50%{opacity:.92;filter:brightness(1.1)}}.colony-decoration.satellite{animation:satelliteScan 4s ease-in-out infinite}@keyframes satelliteScan{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.colony-decoration.platform{animation:platformActivity 3s ease-in-out infinite}@keyframes platformActivity{0%,to{opacity:1}50%{opacity:.95}}.colony-decoration.asteroid{animation:asteroidDrift 5s ease-in-out infinite}@keyframes asteroidDrift{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.space-pirates{pointer-events:none}.space-pirates>circle{animation:pirateBackgroundPulse 2s ease-in-out infinite}@keyframes pirateBackgroundPulse{0%,to{stroke:#ff004099;filter:drop-shadow(0 0 8px rgba(255,0,64,.4))}50%{stroke:#ff0040e6;filter:drop-shadow(0 0 16px rgba(255,0,64,.7))}}.space-pirates>g{animation:pirateSkullGlow 1.5s ease-in-out infinite}@keyframes pirateSkullGlow{0%,to{filter:drop-shadow(0 0 8px #ff0040) drop-shadow(0 0 4px #ff0040)}50%{filter:drop-shadow(0 0 12px #ff0040) drop-shadow(0 0 8px #ff3060) drop-shadow(0 0 2px #ffffff)}}.space-pirates circle[fill="#ffffff"]{animation:pirateEyeFlicker .8s ease-in-out infinite}@keyframes pirateEyeFlicker{0%,to{opacity:.9;r:1.5}50%{opacity:1;r:2;filter:drop-shadow(0 0 4px #ffffff)}}.space-pirates circle[cx="14"][cy="3"]{animation:pirateAntennaBeacon 1s ease-in-out infinite}@keyframes pirateAntennaBeacon{0%,40%,to{opacity:1;fill:#ff0040}50%,90%{opacity:.5;fill:#ff3060;filter:drop-shadow(0 0 6px #ff0040)}}.hex.activated,.hex.valid,.road.valid,.road-network,.network-particles,.building.valid,.trading-resource{will-change:transform,opacity}.hex:not(.activated):not(.valid),.building:not(.valid){will-change:auto}@media (prefers-reduced-motion: reduce){.hex.valid polygon,.hex.activated .hex-polygon,.hex-glow-ring,.hex-glow-ring-inner{animation:none!important}.road-network,.network-glow,.network-tube,.network-particles,.network-particle,.super-particle,.particle-glow,.comet-tail,.road.valid,.building,.colony-station,.outpost-station,.placement-preview,.orbital-ring,.energy-ring,.colony-decoration,.harbor.moon,.moon-glow,.moon-core-glow,.ratio-badge,.tether,.dice-token,.token-outer-ring,.token-body,.probability-bars,.probability-dots{animation:none!important}.space-pirates>circle,.space-pirates>g,.space-pirates circle[fill="#ffffff"],.space-pirates circle[cx="14"][cy="3"]{animation:none!important}.black-hole,.accretion-disk,.gravity-wave,.photon-sphere,.event-horizon,.einstein-ring,.hawking-radiation,.warped-starlight,.hawking-particle,.stretched-star{animation:none!important}.hex polygon,.hex.valid polygon,.hex.activated .hex-polygon{filter:none!important}.hex,.road,.building{transition:none!important}}.player-panel{background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-primary);transition:all .3s ease;position:relative;overflow:hidden}.player-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.player-panel.current{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan-50),0 0 30px var(--neon-cyan-30),inset 0 0 20px var(--neon-cyan-15);animation:panelGlow 2s ease-in-out infinite}@keyframes panelGlow{0%,to{box-shadow:0 0 15px var(--neon-cyan-50),0 0 30px var(--neon-cyan-30),inset 0 0 20px var(--neon-cyan-15)}50%{box-shadow:0 0 25px var(--neon-cyan-50),0 0 50px var(--neon-cyan-30),inset 0 0 30px var(--neon-cyan-15)}}.player-panel.receiving-resources{position:relative;z-index:2050;border-color:var(--neon-green, #00ff88);border-width:2px;box-shadow:inset 0 0 12px color-mix(in srgb,var(--neon-green, #00ff88) 40%,transparent);animation:receivingBorderPulse .6s ease-in-out infinite}.player-panel.receiving-resources:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9px;border:2px solid var(--neon-green, #00ff88);animation:receivingRingPulse .6s ease-in-out infinite;pointer-events:none}@keyframes receivingBorderPulse{0%,to{border-color:var(--neon-green, #00ff88);box-shadow:inset 0 0 12px color-mix(in srgb,var(--neon-green, #00ff88) 40%,transparent)}50%{border-color:color-mix(in srgb,var(--neon-green, #00ff88) 70%,white);box-shadow:inset 0 0 18px color-mix(in srgb,var(--neon-green, #00ff88) 50%,transparent)}}@keyframes receivingRingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.player-panel.has-gains{border-color:var(--neon-green, #00ff88);box-shadow:inset 0 0 8px color-mix(in srgb,var(--neon-green, #00ff88) 25%,transparent)}.player-name-row{margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-name{font-family:Orbitron,sans-serif;font-weight:600;font-size:13px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px var(--neon-cyan-50)}.resource-gains-badge{display:flex;gap:6px;flex-wrap:wrap}.resource-gains-badge .gain-item{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;color:var(--gain-color, #00ff88);background:color-mix(in srgb,var(--gain-color, #00ff88) 15%,transparent);border:1px solid var(--gain-color, #00ff88);border-radius:4px;padding:2px 6px;text-transform:uppercase;letter-spacing:.5px;animation:gainBadgeGlow 2s ease-in-out infinite;text-shadow:0 0 6px var(--gain-color, #00ff88);box-shadow:0 0 6px color-mix(in srgb,var(--gain-color, #00ff88) 40%,transparent),inset 0 0 4px color-mix(in srgb,var(--gain-color, #00ff88) 20%,transparent)}@keyframes gainBadgeGlow{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--gain-color, #00ff88) 40%,transparent),inset 0 0 4px color-mix(in srgb,var(--gain-color, #00ff88) 20%,transparent)}50%{box-shadow:0 0 10px color-mix(in srgb,var(--gain-color, #00ff88) 60%,transparent),inset 0 0 6px color-mix(in srgb,var(--gain-color, #00ff88) 30%,transparent)}}.player-stats-row{display:flex;align-items:center;gap:10px}.player-avatar-section{display:flex;flex-direction:column;align-items:center;gap:4px}.player-avatar{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid currentColor;box-shadow:0 0 10px currentColor,inset 0 0 10px #00000080;background:var(--bg-card)}.avatar-icon{filter:drop-shadow(0 0 5px currentColor)}.turn-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--neon-yellow);border-radius:50%;border:2px solid var(--bg-void);animation:turnPulse 1.5s ease-in-out infinite;box-shadow:0 0 10px var(--neon-yellow)}@keyframes turnPulse{0%,to{transform:scale(1);box-shadow:0 0 10px var(--neon-yellow)}50%{transform:scale(1.2);box-shadow:0 0 20px var(--neon-yellow),0 0 30px var(--neon-yellow-50)}}.vp-badge{background:var(--bg-tertiary);border:1px solid var(--neon-yellow);border-radius:4px;padding:2px 10px;min-width:28px;text-align:center;box-shadow:0 0 8px var(--neon-yellow-30)}.vp-number{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow-50)}.stat-card{position:relative;width:36px;height:46px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-30)}.stat-card-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--neon-cyan-50)}.stat-card-count{position:absolute;top:-4px;right:-4px;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px var(--neon-cyan-50);padding:0 4px}.resource-card-stat{background:linear-gradient(135deg,var(--neon-cyan-15) 0%,var(--bg-card) 100%);border-color:var(--neon-cyan)}.resource-card-stat .stat-card-icon{background:var(--neon-cyan-15);border-color:var(--neon-cyan)}.question-mark{font-family:Orbitron,sans-serif;font-size:14px;font-weight:800;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.dev-card-stat{background:linear-gradient(135deg,var(--neon-purple-15) 0%,var(--bg-card) 100%);border-color:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple-30)}.dev-card-stat .stat-card-icon{background:var(--neon-purple-15);border-color:var(--neon-purple);color:var(--neon-purple)}.dev-card-stat .stat-card-count{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple-50)}.stat-icon-group{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted)}.stat-icon-group.has-achievement{color:var(--neon-yellow)}.stat-icon-group.has-achievement .stat-count{color:var(--neon-yellow);font-weight:700;text-shadow:0 0 8px var(--neon-yellow-50)}.army-icons{display:flex;align-items:flex-end;gap:-4px;margin-left:-8px}.army-icons svg{margin-left:-6px;filter:drop-shadow(0 0 3px currentColor)}.army-icons svg:first-child{margin-left:0}.road-icons{display:flex;align-items:center;gap:-2px}.road-icons svg{margin-left:-8px;filter:drop-shadow(0 0 3px currentColor)}.road-icons svg:first-child{margin-left:0}.stat-count{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;color:var(--text-muted)}.current-player-panel{background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:8px 8px 0 0;border-bottom:none;padding:12px 14px;color:var(--text-primary);margin-top:auto;position:relative;overflow:hidden}.current-player-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-10) 50%,transparent 100%);background-size:200% 100%;animation:dataStream 3s linear infinite;pointer-events:none;opacity:.3}@keyframes dataStream{0%{background-position:200% 0}to{background-position:-200% 0}}.current-player-panel.my-turn{border-color:var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan-50),0 0 40px var(--neon-cyan-30),inset 0 0 30px var(--neon-cyan-15);animation:commandCenterGlow 2s ease-in-out infinite}@keyframes commandCenterGlow{0%,to{box-shadow:0 0 20px var(--neon-cyan-50),0 0 40px var(--neon-cyan-30),inset 0 0 30px var(--neon-cyan-15)}50%{box-shadow:0 0 30px var(--neon-cyan-50),0 0 60px var(--neon-cyan-30),inset 0 0 40px var(--neon-cyan-15)}}.current-player-panel.receiving-resources{position:relative;z-index:2050;border-color:var(--neon-green, #00ff88);border-width:2px;box-shadow:inset 0 0 15px color-mix(in srgb,var(--neon-green, #00ff88) 40%,transparent);animation:receivingBorderPulseMain .6s ease-in-out infinite}.current-player-panel.receiving-resources:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:11px 11px 3px 3px;border:2px solid var(--neon-green, #00ff88);animation:receivingRingPulseMain .6s ease-in-out infinite;pointer-events:none}@keyframes receivingBorderPulseMain{0%,to{border-color:var(--neon-green, #00ff88);box-shadow:inset 0 0 15px color-mix(in srgb,var(--neon-green, #00ff88) 40%,transparent)}50%{border-color:color-mix(in srgb,var(--neon-green, #00ff88) 70%,white);box-shadow:inset 0 0 22px color-mix(in srgb,var(--neon-green, #00ff88) 50%,transparent)}}@keyframes receivingRingPulseMain{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.01)}}.current-player-panel.has-gains{border-color:var(--neon-green, #00ff88);box-shadow:inset 0 0 10px color-mix(in srgb,var(--neon-green, #00ff88) 25%,transparent)}.current-player-name-row{margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.current-player-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px var(--neon-cyan-50)}.current-player-panel .resource-gains-badge{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.current-player-panel .resource-gains-badge .gain-item{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:var(--gain-color, #00ff88);background:color-mix(in srgb,var(--gain-color, #00ff88) 15%,transparent);border:1px solid var(--gain-color, #00ff88);border-radius:4px;padding:3px 8px;text-transform:uppercase;letter-spacing:.5px;animation:gainBadgeGlowMain 2s ease-in-out infinite;text-shadow:0 0 8px var(--gain-color, #00ff88);box-shadow:0 0 8px color-mix(in srgb,var(--gain-color, #00ff88) 40%,transparent),inset 0 0 5px color-mix(in srgb,var(--gain-color, #00ff88) 20%,transparent)}@keyframes gainBadgeGlowMain{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--gain-color, #00ff88) 40%,transparent),inset 0 0 5px color-mix(in srgb,var(--gain-color, #00ff88) 20%,transparent)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--gain-color, #00ff88) 60%,transparent),inset 0 0 8px color-mix(in srgb,var(--gain-color, #00ff88) 30%,transparent)}}.current-stats-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light);position:relative;z-index:1}.current-avatar-section{display:flex;flex-direction:column;align-items:center;gap:4px}.current-avatar{width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid currentColor;box-shadow:0 0 15px currentColor,inset 0 0 15px #00000080;background:var(--bg-card)}.current-avatar-icon{filter:drop-shadow(0 0 8px currentColor)}.current-turn-indicator{position:absolute;top:-5px;right:-5px;width:14px;height:14px;background:var(--neon-yellow);border-radius:50%;border:2px solid var(--bg-void);animation:currentTurnPulse 1.5s ease-in-out infinite;box-shadow:0 0 15px var(--neon-yellow)}@keyframes currentTurnPulse{0%,to{transform:scale(1);box-shadow:0 0 15px var(--neon-yellow)}50%{transform:scale(1.2);box-shadow:0 0 25px var(--neon-yellow),0 0 40px var(--neon-yellow-50)}}.current-vp-badge{background:var(--bg-tertiary);border:2px solid var(--neon-yellow);border-radius:4px;padding:3px 12px;min-width:32px;text-align:center;box-shadow:0 0 12px var(--neon-yellow-30)}.current-vp-number{font-family:Orbitron,sans-serif;font-size:16px;font-weight:800;color:var(--neon-yellow);text-shadow:0 0 15px var(--neon-yellow-50)}.current-stat-card{position:relative;width:42px;height:54px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-30)}.current-stat-card-icon{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--neon-cyan-50)}.current-stat-card-count{position:absolute;top:-5px;right:-5px;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--neon-cyan-50);padding:0 5px}.current-stat-card.resource-card-stat{background:linear-gradient(135deg,var(--neon-cyan-15) 0%,var(--bg-card) 100%);border-color:var(--neon-cyan)}.current-stat-card.resource-card-stat .current-stat-card-icon{background:var(--neon-cyan-15);border-color:var(--neon-cyan)}.current-question-mark{font-family:Orbitron,sans-serif;font-size:16px;font-weight:800;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.current-stat-card.dev-card-stat{background:linear-gradient(135deg,var(--neon-purple-15) 0%,var(--bg-card) 100%);border-color:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple-30)}.current-stat-card.dev-card-stat .current-stat-card-icon{background:var(--neon-purple-15);border-color:var(--neon-purple)}.current-stat-card.dev-card-stat .dev-icon{color:var(--neon-purple);filter:drop-shadow(0 0 5px var(--neon-purple))}.current-stat-card.dev-card-stat .current-stat-card-count{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple-50)}.current-stat-icon-group{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted)}.current-stat-icon-group.has-achievement{color:var(--neon-yellow)}.current-stat-icon-group.has-achievement .current-stat-count{color:var(--neon-yellow);font-weight:700;text-shadow:0 0 10px var(--neon-yellow-50)}.current-army-icons{display:flex;align-items:flex-end}.current-army-icons svg{margin-left:-7px;filter:drop-shadow(0 0 4px currentColor)}.current-army-icons svg:first-child{margin-left:0}.current-road-icons{display:flex;align-items:center}.current-road-icons svg{margin-left:-10px;filter:drop-shadow(0 0 4px currentColor)}.current-road-icons svg:first-child{margin-left:0}.current-stat-count{font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;color:var(--text-muted)}.current-resources{display:flex;gap:6px;margin-bottom:12px;position:relative;z-index:1}.resource-card{flex:1;background:var(--bg-card);border:1px solid var(--resource-color, var(--neon-cyan));border-radius:6px;padding:6px 4px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;box-shadow:0 0 10px color-mix(in srgb,var(--resource-color, var(--neon-cyan)) 50%,transparent);transition:all .2s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:0 0 20px color-mix(in srgb,var(--resource-color, var(--neon-cyan)) 70%,transparent)}.resource-icon{font-size:16px;filter:drop-shadow(0 0 5px var(--resource-color, var(--neon-cyan)));line-height:1}.resource-label{font-family:Orbitron,sans-serif;font-size:7px;font-weight:600;color:var(--resource-color, var(--neon-cyan));text-transform:uppercase;letter-spacing:.5px;opacity:.9;line-height:1}.resource-count{font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;color:var(--resource-color, var(--neon-cyan));text-shadow:0 0 10px color-mix(in srgb,var(--resource-color, var(--neon-cyan)) 60%,transparent);line-height:1;padding:2px 0}.current-player-panel .current-resources .resource-card .help-translation{position:static!important;transform:none!important;bottom:auto!important;left:auto!important;font-family:Share Tech Mono,monospace;font-size:5px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.2px;margin-top:2px;padding:0;background:none;line-height:1}.current-dev-cards{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border-light);position:relative;z-index:1}.dev-cards-label{font-family:Orbitron,sans-serif;font-size:10px;color:var(--neon-purple);font-weight:600;text-transform:uppercase;letter-spacing:1px}.dev-cards-help{font-family:Share Tech Mono,monospace;font-size:9px;font-weight:600;color:#fff;text-transform:none;letter-spacing:0;background:#000000b3;padding:1px 4px;border-radius:2px;margin-left:4px;position:relative;z-index:9999}.dev-cards-list{display:flex;gap:4px;flex-wrap:wrap}.dev-card-chip{background:var(--bg-tertiary);border:1px solid var(--neon-purple);color:var(--neon-purple);padding:4px 8px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;cursor:default;box-shadow:0 0 8px var(--neon-purple-30);transition:all .2s ease}.dev-card-chip:hover{box-shadow:0 0 15px var(--neon-purple-50);background:var(--neon-purple-15)}.bank-display{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.bank-icon{width:32px;height:32px;background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);flex-shrink:0;box-shadow:0 0 10px var(--neon-cyan-30)}.bank-icon svg{filter:drop-shadow(0 0 5px var(--neon-cyan))}.bank-card{position:relative;width:42px;height:52px;background:var(--bg-card);border:1px solid var(--card-color, var(--neon-cyan));border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;gap:2px;box-shadow:0 0 10px color-mix(in srgb,var(--card-color, var(--neon-cyan)) 30%,transparent);transition:all .2s ease}.bank-card:hover{box-shadow:0 0 20px color-mix(in srgb,var(--card-color, var(--neon-cyan)) 50%,transparent);transform:translateY(-2px)}.bank-card-icon{font-size:16px;line-height:1;filter:drop-shadow(0 0 5px var(--card-color, var(--neon-cyan)))}.bank-card-label{font-family:Orbitron,sans-serif;font-size:6px;font-weight:600;color:var(--card-color, var(--neon-cyan));text-transform:uppercase;letter-spacing:.3px;opacity:.9}.bank-card-count{position:absolute;bottom:-4px;right:-4px;background:var(--bg-tertiary);border:1px solid var(--card-color, var(--neon-cyan));color:var(--card-color, var(--neon-cyan));font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px color-mix(in srgb,var(--card-color, var(--neon-cyan)) 50%,transparent);padding:0 4px}.wood-card{--card-color: var(--synth-color);border-color:var(--synth-color)}.brick-card{--card-color: var(--alloy-color);border-color:var(--alloy-color)}.sheep-card{--card-color: var(--clone-color);border-color:var(--clone-color)}.wheat-card{--card-color: var(--data-color);border-color:var(--data-color)}.ore-card{--card-color: var(--chrome-color);border-color:var(--chrome-color)}.dev-card{--card-color: var(--neon-purple);border-color:var(--neon-purple)}.wood-card .bank-card-count,.brick-card .bank-card-count,.sheep-card .bank-card-count,.wheat-card .bank-card-count,.ore-card .bank-card-count{border-color:var(--card-color);color:var(--card-color);box-shadow:0 0 8px color-mix(in srgb,var(--card-color) 50%,transparent)}.dev-card .bank-card-count{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple-50)}.bank-card .help-translation{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:Share Tech Mono,monospace;font-size:7px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:9999;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9);background:#000c;padding:2px 4px;border-radius:2px;border:1px solid rgba(255,255,255,.3)}.building-cost-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);box-shadow:0 0 10px #0000004d;min-width:60px;padding:0}.building-cost-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 0 20px var(--neon-cyan-30);border-color:var(--neon-cyan)}.building-cost-card.active{border-color:var(--neon-yellow);box-shadow:0 0 15px var(--neon-yellow-50),0 0 30px var(--neon-yellow-30)}.building-cost-card.disabled{opacity:.3;cursor:not-allowed}.building-cost-card.cannot-afford:not(.disabled){opacity:.6}.building-cost-card.cannot-afford .card-header:after{content:"💰";position:absolute;top:2px;right:2px;font-size:11px;filter:grayscale(.5)}.card-header{padding:8px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--header-bg, var(--neon-cyan-15));border-bottom:1px solid var(--header-border, var(--neon-cyan-30))}.card-icon{font-size:18px;color:var(--header-color, var(--neon-cyan));filter:drop-shadow(0 0 5px currentColor)}.remaining-count{position:absolute;top:4px;right:4px;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px var(--neon-cyan-50)}.card-body{padding:6px;background:var(--bg-card)}.cost-row{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.cost-item{display:flex;align-items:center;gap:1px}.cost-icon{font-size:11px;filter:drop-shadow(0 0 3px currentColor)}.cost-amount{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;color:var(--text-secondary)}.building-cost-card.road-card .card-header{--header-bg: var(--neon-cyan-15);--header-border: var(--neon-cyan-30);--header-color: var(--neon-cyan)}.building-cost-card.settlement-card .card-header{--header-bg: var(--neon-green-15);--header-border: var(--neon-green-30);--header-color: var(--neon-green)}.building-cost-card.city-card .card-header{--header-bg: var(--neon-magenta-15);--header-border: var(--neon-magenta-30);--header-color: var(--neon-magenta)}.building-cost-card.dev-card-card .card-header{--header-bg: var(--neon-purple-15);--header-border: var(--neon-purple-30);--header-color: var(--neon-purple)}.action-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}.action-left{display:flex;align-items:center;gap:12px;min-width:120px}.roll-dice-btn{padding:12px 24px;background:var(--bg-tertiary);border:2px solid var(--neon-yellow);color:var(--neon-yellow);border-radius:6px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;animation:rollDicePulse 1.5s ease-in-out infinite;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px}.roll-dice-btn svg{flex-shrink:0;filter:drop-shadow(0 0 3px currentColor)}.roll-dice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-yellow-30),transparent);animation:shimmerRoll 2s infinite}@keyframes shimmerRoll{0%{left:-100%}to{left:100%}}@keyframes rollDicePulse{0%,to{box-shadow:0 0 15px var(--neon-yellow-50),0 0 30px var(--neon-yellow-30)}50%{box-shadow:0 0 25px var(--neon-yellow),0 0 50px var(--neon-yellow-50)}}.roll-dice-btn:hover:not(:disabled){transform:scale(1.05);background:var(--neon-yellow-15);box-shadow:0 0 30px var(--neon-yellow),0 0 60px var(--neon-yellow-50)}.roll-dice-btn:disabled{opacity:.3;animation:none;border-color:var(--text-muted);color:var(--text-muted)}.play-card-btn{padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--neon-purple);color:var(--neon-purple);border-radius:6px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.play-card-btn svg{flex-shrink:0;filter:drop-shadow(0 0 2px currentColor)}.play-card-btn:hover{background:var(--neon-purple-15);box-shadow:var(--glow-purple)}.play-card-btn.active{background:var(--neon-purple-30);box-shadow:var(--glow-purple)}.action-center{display:flex;align-items:center;gap:12px}.action-prompt{display:flex;align-items:center;gap:12px;background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px 8px 8px;border-radius:6px;border:1px solid var(--border-color);box-shadow:0 0 20px var(--neon-cyan-30)}.prompt-avatar{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--bg-void);font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;box-shadow:0 0 10px currentColor}.prompt-icon{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px var(--neon-cyan))}.prompt-icon svg{display:block}.prompt-text{font-family:Orbitron,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:1px}.prompt-timer{font-family:Share Tech Mono,monospace;font-size:14px;font-weight:700;color:var(--neon-cyan);background:var(--bg-card);padding:4px 10px;border-radius:4px;border:1px solid var(--neon-cyan-50);box-shadow:0 0 10px var(--neon-cyan-30)}.cancel-btn{width:32px;height:32px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--neon-red);color:var(--neon-red);cursor:pointer;display:flex;align-items:center;justify-content:center}.cancel-btn svg{filter:drop-shadow(0 0 2px currentColor);transition:all .2s ease;padding:0}.cancel-btn:hover{background:var(--neon-red-30);box-shadow:var(--glow-red);transform:scale(1.1)}.action-right{display:flex;align-items:center;gap:8px}.end-turn-btn{padding:12px 20px;background:var(--bg-tertiary);border:2px solid var(--neon-green);color:var(--neon-green);border-radius:6px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;margin-left:8px;display:flex;align-items:center;gap:8px}.end-turn-btn svg{flex-shrink:0;filter:drop-shadow(0 0 3px currentColor)}.end-turn-btn:hover:not(:disabled){transform:scale(1.05);background:var(--neon-green-15);box-shadow:var(--glow-green)}.end-turn-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.dev-card-menu-container{position:relative}.dev-card-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--neon-purple);border-radius:6px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;min-width:180px;box-shadow:0 0 20px var(--neon-purple-30);z-index:100}.dev-card-menu button{padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-primary);cursor:pointer;text-align:left;font-family:Orbitron,sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.dev-card-menu button svg{flex-shrink:0;filter:drop-shadow(0 0 2px currentColor)}.dev-card-menu button:hover{background:var(--neon-purple-15);border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple-30)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--neon-cyan);border-radius:8px;padding:28px;min-width:320px;max-width:90%;box-shadow:0 0 30px var(--neon-cyan-30),0 0 60px var(--neon-cyan-15);animation:modalSlideUp .3s ease;position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,255,255,.02) 2px,rgba(0,255,255,.02) 4px);pointer-events:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-family:Orbitron,sans-serif;color:var(--neon-cyan);margin-bottom:12px;font-size:18px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px var(--neon-cyan-50)}.modal-content p{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.resource-selectors{display:flex;gap:12px;margin-bottom:24px}.resource-selectors select,.modal-content>select{flex:1;padding:12px;text-transform:uppercase;font-family:Share Tech Mono,monospace;border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-primary);background:var(--bg-card)}.resource-selectors select:focus,.modal-content>select:focus{border-color:var(--neon-cyan);outline:none;box-shadow:var(--glow-cyan)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-actions .btn-secondary{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.modal-actions .btn-secondary:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.modal-actions .btn-primary{padding:10px 20px;background:var(--neon-cyan-15);border:1px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.modal-actions .btn-primary:hover{background:var(--neon-cyan-30);box-shadow:var(--glow-cyan)}.resource-card{position:relative;background:var(--bg-card);border:1px solid var(--card-border, var(--neon-cyan));border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 0 10px var(--card-glow, rgba(0, 255, 255, .3)),inset 0 0 20px #00000080;-webkit-user-select:none;user-select:none;overflow:hidden}.resource-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,transparent 49%,var(--card-border, var(--neon-cyan-15)) 50%,transparent 51%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 49%,var(--card-border, var(--neon-cyan-15)) 50%,transparent 51%,transparent 100%);background-size:10px 10px;opacity:.3;pointer-events:none}.resource-card.small{width:40px;height:56px}.resource-card.medium{width:56px;height:78px}.resource-card.large{width:72px;height:100px}.resource-card:hover:not(.disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 0 20px var(--card-glow, rgba(0, 255, 255, .5)),0 0 40px var(--card-glow, rgba(0, 255, 255, .3)),inset 0 0 20px #0000004d;border-color:var(--card-border-bright, var(--neon-cyan-bright))}.resource-card.selected{transform:translateY(-8px) scale(1.05);box-shadow:0 0 25px var(--neon-yellow),0 0 50px var(--neon-yellow-50),inset 0 0 15px #f0ff0033;border:2px solid var(--neon-yellow);animation:cardSelected 1s ease-in-out infinite}@keyframes cardSelected{0%,to{box-shadow:0 0 25px var(--neon-yellow),0 0 50px var(--neon-yellow-50),inset 0 0 15px #f0ff0033}50%{box-shadow:0 0 35px var(--neon-yellow),0 0 70px var(--neon-yellow-30),inset 0 0 25px #f0ff004d}}.resource-card.selected:hover{transform:translateY(-8px) scale(1.05)}.resource-card.disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.8) brightness(.5);box-shadow:none;border-color:var(--text-muted)}.resource-card-icon{font-size:28px;line-height:1;filter:drop-shadow(0 0 8px var(--card-glow, rgba(0, 255, 255, .5)));position:relative;z-index:1}.resource-card.small .resource-card-icon{font-size:20px}.resource-card.large .resource-card-icon{font-size:36px}.wildcard-icon{font-size:32px;font-weight:700;color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta-50);font-family:Orbitron,sans-serif}.resource-card.small .wildcard-icon{font-size:22px}.resource-card.large .wildcard-icon{font-size:42px}.resource-card-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-size:11px;font-weight:700;font-family:Orbitron,sans-serif;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 0 10px var(--neon-cyan-50);z-index:10}.resource-card.small .resource-card-badge{min-width:18px;height:18px;font-size:9px;top:-4px;right:-4px}.resource-card-check{position:absolute;bottom:4px;right:4px;width:18px;height:18px;background:var(--neon-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg-void);animation:popIn .2s ease;box-shadow:0 0 10px var(--neon-green);z-index:10}.resource-card-check svg{width:12px;height:12px}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.resource-card-stack{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.resource-card-stack.small{width:50px;height:70px}.resource-card-stack.medium{width:65px;height:90px}.resource-card-stack.large{width:80px;height:110px}.resource-card-stack:hover:not(.disabled){transform:translateY(-4px)}.resource-card-stack.disabled{opacity:.3;cursor:not-allowed}.stack-cards{position:relative;width:100%;height:100%}.stack-card{position:absolute;width:100%;height:100%;background:var(--bg-card);border:1px solid var(--card-border, var(--neon-cyan));border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--card-glow, rgba(0, 255, 255, .3));transition:transform .2s ease,box-shadow .2s ease}.stack-card.main{z-index:3}.stack-card.behind{z-index:2;transform:translate(4px) translateY(4px);opacity:.6;filter:brightness(.7)}.stack-card.behind-2{z-index:1;transform:translate(8px) translateY(8px);opacity:.3;filter:brightness(.5)}.stack-card.main.selected{transform:translateY(-8px);box-shadow:0 0 25px var(--neon-yellow),0 0 50px var(--neon-yellow-50);border:2px solid var(--neon-yellow)}.stack-card .resource-emoji{font-size:28px;filter:drop-shadow(0 0 8px var(--card-glow, rgba(0, 255, 255, .5)))}.resource-card-stack.small .stack-card .resource-emoji{font-size:20px}.resource-card-stack.large .stack-card .resource-emoji{font-size:36px}.stack-count-badge{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-size:12px;font-weight:700;font-family:Orbitron,sans-serif;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 0 10px var(--neon-cyan-50);z-index:10}.stack-selected-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);min-width:28px;height:24px;background:var(--bg-tertiary);border:1px solid var(--neon-red);color:var(--neon-red);font-size:12px;font-weight:700;font-family:Orbitron,sans-serif;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 8px;box-shadow:0 0 10px var(--neon-red-50);z-index:10;animation:popIn .2s ease}.stack-selected-badge:before{content:"-";margin-right:2px}.mini-resource-card{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--card-border, var(--neon-cyan));color:var(--card-border, var(--neon-cyan));font-size:13px;font-weight:600;font-family:Orbitron,sans-serif;box-shadow:0 0 8px var(--card-glow, rgba(0, 255, 255, .3))}.mini-resource-card .mini-icon{font-size:14px;filter:drop-shadow(0 0 4px var(--card-glow, rgba(0, 255, 255, .5)))}.mini-resource-card .mini-count{font-size:12px;opacity:.9}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.8);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.resource-card.animate-in{animation:cardSlideIn .3s ease}@keyframes cardSlideOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-20px) scale(.8);filter:blur(5px)}}.resource-card.animate-out{animation:cardSlideOut .2s ease forwards}@keyframes holoShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.resource-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:holoShimmer 3s linear infinite;pointer-events:none;opacity:0;transition:opacity .3s ease}.resource-card:hover:after{opacity:1}.resource-card .help-translation{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-family:Share Tech Mono,monospace;font-size:8px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:9999;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,1);background:#000000b3;padding:1px 4px;border-radius:2px;pointer-events:none}.resource-card.medium .help-translation{font-size:9px;bottom:6px;padding:2px 5px}.resource-card.large .help-translation{font-size:10px;bottom:8px;padding:2px 6px}.stack-help-translation{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:Share Tech Mono,monospace;font-size:8px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:9999;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,1);background:#000000b3;padding:2px 5px;border-radius:2px;pointer-events:none}.trade-trigger-btn{position:fixed;bottom:100px;left:20px;width:56px;height:56px;border-radius:8px;background:var(--bg-tertiary);border:2px solid var(--neon-cyan);box-shadow:var(--glow-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:50;padding:0;color:var(--neon-cyan)}.trade-trigger-btn:hover{transform:scale(1.1);box-shadow:0 0 30px var(--neon-cyan),0 0 60px var(--neon-cyan-50);background:var(--neon-cyan-15)}.trade-trigger-btn.has-pending{animation:tradePulse 1.5s ease-in-out infinite;border-color:var(--neon-yellow);color:var(--neon-yellow)}@keyframes tradePulse{0%,to{box-shadow:var(--glow-yellow)}50%{box-shadow:0 0 30px var(--neon-yellow),0 0 60px var(--neon-yellow-50)}}.trade-trigger-btn.disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.trade-trigger-btn.disabled:hover{transform:none;box-shadow:none}.trade-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;background:var(--neon-red);color:var(--bg-void);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 10px var(--neon-red)}.trading-terminal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.trading-terminal{background:var(--panel-bg);border:2px solid var(--neon-cyan);border-radius:8px;box-shadow:0 0 30px var(--neon-cyan-30),0 0 60px var(--neon-cyan-15),inset 0 0 30px #00ffff0d;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:0;max-width:700px;width:100%;animation:terminalSlideUp .3s ease;overflow:hidden;position:relative}.trading-terminal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,255,255,.02) 2px,rgba(0,255,255,.02) 4px);pointer-events:none;z-index:1}@keyframes terminalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.terminal-section{padding:16px;border-bottom:1px solid var(--border-light);position:relative;z-index:2}.terminal-section:last-of-type{border-bottom:none}.bank-row{grid-column:1 / 2;grid-row:1;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--neon-cyan-30)}.bank-cards{display:flex;gap:8px;flex-wrap:wrap;flex:1}.bank-card-wrapper{position:relative}.decrement-btn{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--neon-red);color:var(--neon-red);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10;box-shadow:0 0 8px var(--neon-red-30)}.decrement-btn:hover{background:var(--neon-red-15);box-shadow:var(--glow-red)}.bank-icon-container{padding-left:16px;border-left:1px solid var(--border-light)}.bank-icon{width:50px;height:50px;background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-30)}.bank-icon svg{width:28px;height:28px;filter:drop-shadow(0 0 5px var(--neon-cyan))}.trade-display{grid-column:1 / 2;grid-row:2;background:var(--bg-secondary);display:flex;flex-direction:column;gap:12px;min-height:140px}.trade-row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;padding:12px;min-height:60px}.trade-row-icon{display:flex;align-items:center;gap:8px}.player-indicator{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--bg-void);border:1px solid currentColor;box-shadow:0 0 10px currentColor}.player-indicator.others{background:var(--neon-cyan-30);border-color:var(--neon-cyan);color:var(--neon-cyan)}.player-indicator.me{background:var(--neon-magenta-30);border-color:var(--neon-magenta);color:var(--neon-magenta)}.player-indicator svg{width:22px;height:22px;filter:drop-shadow(0 0 5px currentColor)}.arrow{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.arrow.down{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green-50)}.arrow.up{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red-50)}.trade-cards{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1}.trade-card-display{animation:cardSlideIn .3s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(15px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-trade-hint{color:var(--text-muted);font-family:Share Tech Mono,monospace;font-size:12px;font-style:italic}.hand-row{grid-column:1 / 2;grid-row:3;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-card) 100%);border-top:1px solid var(--border-light)}.hand-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.wildcard-give{opacity:.8}.terminal-actions{grid-column:2;grid-row:1 / 4;background:linear-gradient(180deg,var(--neon-cyan-15) 0%,var(--bg-tertiary) 100%);display:flex;flex-direction:column;padding:12px;gap:10px;border-left:1px solid var(--neon-cyan-30);position:relative;z-index:2}.action-btn{width:64px;height:64px;border-radius:6px;border:1px solid var(--neon-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;background:var(--bg-card);color:var(--neon-cyan)}.action-btn svg{width:32px;height:32px;filter:drop-shadow(0 0 5px currentColor)}.action-btn:hover:not(:disabled){transform:scale(1.05);background:var(--neon-cyan-15);box-shadow:var(--glow-cyan)}.action-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.action-btn.highlighted{background:var(--neon-green-15);border-color:var(--neon-green);color:var(--neon-green);box-shadow:var(--glow-green);animation:highlightPulse 1.5s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:var(--glow-green)}50%{box-shadow:0 0 30px var(--neon-green),0 0 60px var(--neon-green-50)}}.action-btn.active{background:var(--neon-cyan-30)}.bank-trade-btn,.player-trade-btn{background:var(--bg-card)}.cancel-btn{margin-top:auto;border-color:var(--neon-red);color:var(--neon-red)}.cancel-btn:hover:not(:disabled){background:var(--neon-red-15);box-shadow:var(--glow-red)}.btn-check{position:absolute;bottom:4px;right:4px;width:18px;height:18px;background:var(--neon-green);color:var(--bg-void);border-radius:4px;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--neon-green)}.star-badge{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:var(--neon-yellow);color:var(--bg-void);border-radius:4px;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--neon-yellow)}.pending-trades{grid-column:1 / -1;grid-row:4;background:var(--bg-secondary);border-top:1px solid var(--neon-cyan-30);max-height:200px;overflow-y:auto;position:relative;z-index:2}.pending-trades h4{margin:0 0 12px;color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px}.trades-list{display:flex;flex-direction:column;gap:10px}.trade-offer-card{background:var(--bg-card);border-radius:6px;padding:12px;border:1px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-30)}.trade-offer-card.cannot-afford{opacity:.6;border-color:var(--text-muted);box-shadow:none}.offer-header{font-family:Orbitron,sans-serif;font-size:11px;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.offer-content{display:flex;align-items:center;gap:12px;margin-bottom:10px}.offer-give,.offer-want{flex:1}.offer-label{display:block;font-family:Orbitron,sans-serif;font-size:9px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.offer-cards{display:flex;flex-wrap:wrap;gap:4px}.offer-arrow{color:var(--text-muted);font-size:18px;font-weight:700}.cannot-afford-message{background:var(--neon-red-15);border:1px solid var(--neon-red-30);color:var(--neon-red);padding:6px 10px;border-radius:4px;font-family:Share Tech Mono,monospace;font-size:11px;margin-bottom:10px}.offer-actions{display:flex;gap:8px}.offer-actions .accept-btn,.offer-actions .decline-btn{flex:1;padding:8px 12px;border:1px solid;border-radius:4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.offer-actions .accept-btn{background:var(--neon-green-15);border-color:var(--neon-green);color:var(--neon-green)}.offer-actions .accept-btn:hover:not(:disabled){background:var(--neon-green-30);box-shadow:var(--glow-green)}.offer-actions .accept-btn:disabled{background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed}.offer-actions .decline-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.offer-actions .decline-btn:hover{border-color:var(--neon-red);color:var(--neon-red)}@media (max-width: 600px){.trading-terminal{max-width:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.terminal-actions{grid-column:1;grid-row:4;flex-direction:row;justify-content:center;border-left:none;border-top:1px solid var(--neon-cyan-30)}.pending-trades{grid-row:5}.action-btn{width:56px;height:56px}.bank-cards{justify-content:center}.hand-cards{gap:8px}}.trade-notifications-container{position:fixed;top:80px;right:20px;z-index:900;display:flex;flex-direction:column;gap:12px;max-width:360px;width:100%;pointer-events:none}.trade-notification-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:8px;box-shadow:0 0 20px var(--neon-green-30),0 0 40px #0006;overflow:hidden;pointer-events:auto;animation:slideInRight .3s ease;animation-delay:calc(var(--notification-index, 0) * .1s);animation-fill-mode:both;border:1px solid var(--neon-green);position:relative}.trade-notification-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,255,65,.02) 2px,rgba(0,255,65,.02) 4px);pointer-events:none}.trade-notification-card.cannot-afford{border-color:var(--text-muted);opacity:.8;box-shadow:none}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notification-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.proposer-avatar{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--bg-void);border:1px solid currentColor;box-shadow:0 0 10px currentColor}.proposer-avatar svg{width:22px;height:22px;filter:drop-shadow(0 0 5px currentColor)}.proposer-info{flex:1;display:flex;flex-direction:column}.proposer-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.proposal-text{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--text-muted)}.dismiss-btn{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.dismiss-btn:hover{border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 10px var(--neon-red-30)}.notification-body{padding:14px;position:relative;z-index:1}.trade-flow{display:flex;align-items:stretch;gap:10px}.trade-side{flex:1;background:var(--bg-card);border-radius:6px;padding:10px;border:1px solid var(--border-light)}.trade-side.receive-side{background:var(--neon-green-15);border-color:var(--neon-green-30)}.trade-side.give-side{background:var(--neon-cyan-15);border-color:var(--neon-cyan-30)}.trade-side.cannot-fulfill{background:var(--neon-red-15);border-color:var(--neon-red-30)}.side-label{display:block;font-family:Orbitron,sans-serif;font-size:9px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.trade-resources{display:flex;flex-wrap:wrap;gap:4px}.empty-hint{font-family:Share Tech Mono,monospace;font-size:10px;color:var(--text-muted);font-style:italic}.trade-arrow{display:flex;align-items:center;font-size:18px;color:var(--text-muted);font-weight:700}.resource-with-status{position:relative}.resource-with-status.insufficient .mini-resource-card{opacity:.5;filter:grayscale(.5)}.shortage-badge{position:absolute;bottom:-4px;right:-4px;background:var(--neon-red);color:var(--bg-void);font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;padding:2px 4px;border-radius:3px;white-space:nowrap;box-shadow:0 0 8px var(--neon-red)}.cannot-afford-banner{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;background:var(--neon-red-15);border:1px solid var(--neon-red-30);border-radius:4px;color:var(--neon-red);font-family:Share Tech Mono,monospace;font-size:11px}.cannot-afford-banner svg{width:16px;height:16px;flex-shrink:0;filter:drop-shadow(0 0 5px currentColor)}.notification-actions{display:flex;gap:8px;padding:0 14px 14px;position:relative;z-index:1}.notification-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid;border-radius:4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.notification-actions button svg{width:16px;height:16px;filter:drop-shadow(0 0 3px currentColor)}.notification-actions .accept-btn{background:var(--neon-green-15);border-color:var(--neon-green);color:var(--neon-green)}.notification-actions .accept-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--neon-green-30);box-shadow:var(--glow-green)}.notification-actions .accept-btn:disabled{background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed}.notification-actions .decline-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.notification-actions .decline-btn:hover{border-color:var(--neon-red);color:var(--neon-red)}@media (max-width: 480px){.trade-notifications-container{right:10px;left:10px;max-width:none}.trade-flow{flex-direction:column}.trade-arrow{transform:rotate(90deg);justify-content:center;padding:4px 0}}.trade-notification-card.removing{animation:slideOutRight .3s ease forwards}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.trade-notification-card.can-afford{animation:slideInRight .3s ease,pulseNeonGreen 2s ease-in-out}@keyframes pulseNeonGreen{0%,to{box-shadow:0 0 20px var(--neon-green-30)}50%{box-shadow:0 0 40px var(--neon-green),0 0 60px var(--neon-green-50)}}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent}.chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;font-family:Share Tech Mono,monospace;font-size:12px}.chat-empty{color:var(--text-muted);font-style:italic;font-size:11px;padding:8px 0}.system-message{color:var(--text-muted);font-size:11px;padding:2px 0}.chat-message{display:flex;flex-wrap:wrap;gap:4px;padding:3px 0;line-height:1.4}.chat-message.system{padding:2px 0}.system-content{display:inline}.player-name{font-family:Orbitron,sans-serif;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px currentColor}.action-icon{margin-left:4px;filter:drop-shadow(0 0 3px currentColor)}.message-author{font-family:Orbitron,sans-serif;font-weight:600;margin-right:4px;text-shadow:0 0 8px currentColor}.message-content{color:var(--text-secondary);word-break:break-word}.chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border-light)}.chat-input input{flex:1;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:12px}.chat-input input::placeholder{color:var(--text-muted)}.chat-input input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-30)}.chat-input button{width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);border-radius:4px;color:var(--neon-cyan);font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-input button:hover:not(:disabled){background:var(--neon-cyan-15);box-shadow:var(--glow-cyan)}.chat-input button:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan-30),var(--neon-magenta-30));border-radius:2px}.discard-modal{min-width:400px;background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--neon-red);border-radius:8px;padding:24px;color:var(--text-primary);position:relative;box-shadow:0 0 30px var(--neon-red-30),0 0 60px var(--neon-red-15)}.discard-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,0,64,.02) 2px,rgba(255,0,64,.02) 4px);pointer-events:none;border-radius:8px}.discard-modal h3{font-family:Orbitron,sans-serif;color:var(--neon-red);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px var(--neon-red-50)}.discard-progress{position:relative;height:28px;background:var(--bg-card);border:1px solid var(--neon-red-50);border-radius:4px;margin:16px 0;overflow:hidden}.discard-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--neon-red-50) 0%,var(--neon-red) 100%);transition:width .2s ease;box-shadow:0 0 20px var(--neon-red-50)}.discard-progress span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-weight:700;font-size:.85rem;z-index:1;color:var(--text-primary);text-shadow:0 0 10px rgba(0,0,0,.5)}.discard-resources{display:flex;flex-direction:column;gap:10px;margin:16px 0}.discard-resource{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-light);border-left:3px solid var(--resource-color, var(--neon-cyan));transition:all .2s ease}.discard-resource:hover{border-color:var(--resource-color, var(--neon-cyan));box-shadow:0 0 15px color-mix(in srgb,var(--resource-color, var(--neon-cyan)) 30%,transparent)}.discard-resource .resource-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--bg-tertiary);border:1px solid var(--resource-color, var(--neon-cyan));box-shadow:0 0 10px color-mix(in srgb,var(--resource-color, var(--neon-cyan)) 30%,transparent)}.discard-resource .resource-name{flex:1;font-family:Orbitron,sans-serif;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:1px;color:var(--text-primary)}.discard-resource .resource-available{font-family:Share Tech Mono,monospace;color:var(--text-muted);font-size:.85rem}.resource-selector{display:flex;align-items:center;gap:8px}.resource-selector button{width:32px;height:32px;padding:0;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.resource-selector button:hover:not(:disabled){background:var(--neon-cyan-15);box-shadow:var(--glow-cyan)}.resource-selector button:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.resource-selector .selected-count{width:36px;text-align:center;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--neon-red);text-shadow:0 0 10px var(--neon-red-50)}.discard-btn{width:100%;padding:14px;font-family:Orbitron,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;background:var(--neon-red-15);border:1px solid var(--neon-red);color:var(--neon-red);border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:16px}.discard-btn:hover:not(:disabled){background:var(--neon-red-30);box-shadow:var(--glow-red)}.discard-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.waiting-players{display:flex;flex-direction:column;gap:8px;margin-top:16px}.waiting-player{padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;display:flex;align-items:center;gap:10px;font-family:Share Tech Mono,monospace;font-size:13px;color:var(--text-secondary)}.waiting-player:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow);animation:waitingPulse 1.5s ease-in-out infinite}@keyframes waitingPulse{0%,to{transform:scale(1);box-shadow:0 0 10px var(--neon-yellow)}50%{transform:scale(1.2);box-shadow:0 0 20px var(--neon-yellow)}}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:14px 24px;border-radius:6px;display:flex;align-items:center;gap:12px;z-index:1000;animation:notificationSlideDown .3s ease,notificationFadeOut .3s ease 3.5s forwards;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Orbitron,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.5px}@keyframes notificationSlideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes notificationFadeOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}.notification-info{background:var(--panel-bg);border:1px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan-30)}.notification-success{background:var(--neon-green-15);border:1px solid var(--neon-green);color:var(--neon-green);box-shadow:0 0 20px var(--neon-green-30)}.notification-warning{background:var(--neon-yellow-15);border:1px solid var(--neon-yellow);color:var(--neon-yellow);box-shadow:0 0 20px var(--neon-yellow-30)}.notification-error{background:var(--neon-red-15);border:1px solid var(--neon-red);color:var(--neon-red);box-shadow:0 0 20px var(--neon-red-30);animation:notificationSlideDown .3s ease,notificationGlitch .1s ease .3s,notificationFadeOut .3s ease 3.5s forwards}@keyframes notificationGlitch{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(calc(-50% - 2px)) translateY(1px)}75%{transform:translate(calc(-50% + 2px)) translateY(-1px)}}.notification-icon{font-size:1.2rem;filter:drop-shadow(0 0 5px currentColor)}.notification-message{font-weight:500;text-shadow:0 0 10px currentColor}.game-over-modal{min-width:450px;max-width:500px;background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--neon-cyan);border-radius:8px;padding:28px;color:var(--text-primary);position:relative;box-shadow:0 0 30px var(--neon-cyan-30),0 0 60px var(--neon-cyan-15)}.game-over-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,255,255,.02) 2px,rgba(0,255,255,.02) 4px);pointer-events:none;border-radius:8px}.game-over-header{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border-light);margin-bottom:20px;position:relative;z-index:1}.game-over-header h2{font-family:Orbitron,sans-serif;font-size:1.8rem;text-transform:uppercase;letter-spacing:3px;color:var(--text-primary);margin-bottom:12px}.game-over-header.winner h2{color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow),0 0 40px var(--neon-yellow-50);animation:victoryPulse 2s ease-in-out infinite}@keyframes victoryPulse{0%,to{text-shadow:0 0 20px var(--neon-yellow),0 0 40px var(--neon-yellow-50)}50%{text-shadow:0 0 30px var(--neon-yellow),0 0 60px var(--neon-yellow-50),0 0 80px var(--neon-yellow-30)}}.winner-announcement{font-family:Share Tech Mono,monospace;font-size:1rem;color:var(--text-muted)}.winner-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.2rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-50)}.final-standings{margin-bottom:20px;position:relative;z-index:1}.final-standings h3,.game-stats h3{font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--text-muted);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.standings-list{display:flex;flex-direction:column;gap:8px}.standing-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;transition:all .2s ease}.standing-row:hover{border-color:var(--neon-cyan-50)}.standing-row.you{border:2px solid var(--neon-yellow);background:var(--neon-yellow-15);box-shadow:0 0 20px var(--neon-yellow-30)}.standing-rank{font-size:1.2rem;width:30px;text-align:center}.standing-name{flex:1;font-family:Orbitron,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.standing-vp{font-family:Orbitron,sans-serif;font-weight:700;color:var(--neon-yellow);font-size:1.1rem;text-shadow:0 0 10px var(--neon-yellow-50)}.standing-achievements{display:flex;gap:4px}.standing-achievements span{font-size:1rem;filter:drop-shadow(0 0 5px currentColor)}.game-stats{margin-bottom:24px;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px}.stat-label{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-50)}.leave-btn{width:100%;padding:14px;font-family:Orbitron,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;background:var(--neon-cyan-15);border:1px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.leave-btn:hover{transform:scale(1.02);background:var(--neon-cyan-30);box-shadow:var(--glow-cyan)}.dice-roll-floating{position:absolute;top:20px;right:20px;z-index:100;pointer-events:none;animation:floatIn .3s cubic-bezier(.34,1.56,.64,1)}.dice-roll-floating.fading{animation:floatOut .3s ease-out forwards}@keyframes floatIn{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes floatOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10px) scale(.95)}}.dice-roll-inner{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0a0c12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--neon-cyan-30);border-radius:12px;box-shadow:0 4px 24px #0006,0 0 20px var(--neon-cyan-15),inset 0 1px #ffffff0d}.dice-roll-floating.pirates .dice-roll-inner{border-color:var(--neon-red-50);box-shadow:0 4px 24px #0006,0 0 20px var(--neon-red-15),inset 0 1px #ffffff0d}.dice-pair{display:flex;gap:10px}.dice-face-3d{width:48px;height:48px;background:linear-gradient(145deg,#1a1d26,#0d0f14);border:1px solid var(--neon-cyan-30);border-radius:8px;padding:6px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14,0 0 12px var(--neon-cyan-15);transition:transform .15s ease,box-shadow .15s ease}.dice-face-3d.rolling{animation:diceRoll .15s ease-in-out infinite}.dice-face-3d.settled{animation:diceSettle .25s cubic-bezier(.34,1.56,.64,1)}@keyframes diceRoll{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(.98)}}@keyframes diceSettle{0%{transform:scale(.9) rotate(-5deg)}50%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}.dice-inner{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;height:100%}.pip-slot{display:flex;align-items:center;justify-content:center}.pip{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 4px var(--neon-cyan),0 0 8px var(--neon-cyan-50);animation:pipGlow 1.5s ease-in-out infinite}.dice-roll-floating.pirates .pip{background:var(--neon-red);box-shadow:0 0 4px var(--neon-red),0 0 8px var(--neon-red-50)}.dice-roll-floating.pirates .dice-face-3d{border-color:var(--neon-red-30);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14,0 0 12px var(--neon-red-15)}@keyframes pipGlow{0%,to{opacity:1}50%{opacity:.8}}.dice-total{display:flex;align-items:center;gap:8px;opacity:0;transform:translate(-10px);transition:opacity .2s ease,transform .2s ease}.dice-total.visible{opacity:1;transform:translate(0)}.total-value{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan),0 0 16px var(--neon-cyan-50);line-height:1}.dice-roll-floating.pirates .total-value{color:var(--neon-red);text-shadow:0 0 8px var(--neon-red),0 0 16px var(--neon-red-50)}.pirates-badge{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;color:var(--neon-red);background:var(--neon-red-15);border:1px solid var(--neon-red-50);padding:3px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;animation:piratesPulse .8s ease-in-out infinite}@keyframes piratesPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--neon-red-30)}50%{opacity:.8;box-shadow:0 0 12px var(--neon-red-50)}}.rocket-animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;overflow:hidden}.rocket-mission{position:fixed;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--rotation));z-index:9999;transition:opacity .5s ease;will-change:transform,left,top}.rocket-mission.arrival{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(.5);transition:opacity .6s ease,transform .6s ease}.rocket{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 10px var(--player-color, #ff0040));position:relative}.rocket.wobbling{animation:rocketWobble .2s ease-in-out infinite}.rocket-svg{display:block;position:relative;z-index:2}.rocket-fin{transform-origin:center}.rocket-flame{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:20px;height:40px;display:flex;justify-content:center;z-index:1}.flame-core{position:absolute;top:0;width:10px;height:25px;background:linear-gradient(to bottom,#ffffff 0%,#ffff00 20%,#ff8800 50%,#ff4400 80%,transparent 100%);border-radius:50%/60% 60% 40% 40%;animation:flameFlicker .2s ease-in-out infinite;filter:blur(1px)}.flame-outer{position:absolute;top:-5px;width:18px;height:35px;background:linear-gradient(to bottom,rgba(255,200,100,.8) 0%,rgba(255,100,0,.6) 40%,rgba(255,50,0,.3) 70%,transparent 100%);border-radius:50%/60% 60% 40% 40%;animation:flameFlickerOuter .3s ease-in-out infinite;filter:blur(3px)}.cargo-container{position:absolute;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.cargo-container.flying{animation:cargoSway 1.2s ease-in-out infinite}.tow-cable{width:3px;height:var(--cable-length, 25px);background:linear-gradient(to bottom,#aaa,#666,#444);box-shadow:0 0 4px #fff6,0 0 8px #00000080;border-radius:2px}.cargo-box{transform:rotate(var(--counter-rotation, 0deg));background:#0a1428f2;border:2px solid var(--glow-color, #00ffff);border-radius:8px;padding:8px 14px;display:flex;gap:10px;box-shadow:0 0 15px var(--glow-color, #00ffff),0 0 30px #00ffff4d,inset 0 0 10px #00ffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}.cargo-item{display:flex;align-items:center;gap:4px}.cargo-icon{font-size:20px;filter:drop-shadow(0 0 5px var(--item-color, #fff))}.cargo-count{color:#fff;font-weight:700;font-size:14px;font-family:Share Tech Mono,monospace;text-shadow:0 0 8px var(--item-color, #fff)}.smoke-particles{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9997}.smoke-particle{position:absolute;width:var(--size, 20px);height:var(--size, 20px);background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(200,200,200,.6) 40%,rgba(150,150,150,.3) 70%,transparent 100%);border-radius:50%;animation:smokeParticleSimple 1s ease-out forwards;animation-delay:var(--delay, 0ms);transform-origin:center;left:50%;top:50%}.exhaust-trail-svg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9996}.exhaust-trail-path{animation:trailPulse .3s ease-in-out infinite}@keyframes flameFlicker{0%,to{height:22px;opacity:1;transform:scaleX(1)}25%{height:26px;opacity:.95;transform:scaleX(.9)}50%{height:28px;opacity:.9;transform:scaleX(1.1)}75%{height:24px;opacity:.95;transform:scaleX(.95)}}@keyframes flameFlickerOuter{0%,to{height:32px;opacity:.7;transform:scaleX(1)}33%{height:38px;opacity:.6;transform:scaleX(1.1)}66%{height:35px;opacity:.75;transform:scaleX(.9)}}@keyframes smokeParticle{0%{transform:translate(-50%,-50%) scale(.3) translate(0) translateY(0);opacity:.9}to{transform:translate(-50%,-50%) scale(2.5) translate(calc(cos(var(--angle)) * var(--distance))) translateY(calc(sin(var(--angle)) * var(--distance)));opacity:0}}@keyframes smokeParticleSimple{0%{transform:translate(-50%,-50%) scale(.4);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes rocketWobble{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-2px) rotate(-1deg)}40%{transform:translate(1px) rotate(.5deg)}60%{transform:translate(-1px) rotate(-.5deg)}80%{transform:translate(2px) rotate(1deg)}}@keyframes cargoSway{0%,to{transform:translate(-50%) translate(-3px)}50%{transform:translate(-50%) translate(3px)}}@keyframes trailPulse{0%,to{stroke-width:4;opacity:.8}50%{stroke-width:5;opacity:.9}}@keyframes trailFade{0%{stroke-opacity:.8}to{stroke-opacity:0}}@keyframes arrivalFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--glow-color),inset 0 0 10px #00ffff1a}50%{box-shadow:0 0 20px var(--glow-color),0 0 30px var(--glow-color),inset 0 0 15px #0ff3}}@media (max-width: 768px){.rocket-svg{width:30px;height:52px}.cargo-box{padding:4px 6px;gap:4px}.cargo-icon{font-size:12px}.cargo-count{font-size:10px}.test-banner{font-size:14px;padding:10px 15px}}.trade-animation-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;overflow:visible}.trading-resource{position:fixed;left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%);z-index:1001;animation:tradeSwap 1.5s cubic-bezier(.25,.1,.25,1) forwards;opacity:0}.trade-resource-icon-wrapper{width:60px;height:60px;background:var(--resource-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006,0 0 30px var(--resource-color),0 0 50px var(--resource-color),inset 0 2px 5px #fff6;border:3px solid rgba(255,255,255,.9);animation:tradeIconPop .3s ease-out,tradeGlow .5s ease-in-out infinite}.trade-resource-emoji{font-size:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}@keyframes tradeSwap{0%{left:var(--start-x);top:var(--start-y);opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}20%{transform:translate(-50%,-50%) scale(1)}30%{left:var(--start-x);top:var(--start-y);opacity:1;transform:translate(-50%,-50%) scale(1.1)}50%{left:calc((var(--start-x) + var(--end-x)) / 2);top:calc((var(--start-y) + var(--end-y)) / 2 - 60px);opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{left:var(--end-x);top:var(--end-y);opacity:0;transform:translate(-50%,-50%) scale(.4)}}@keyframes tradeIconPop{0%{transform:scale(.4)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes tradeGlow{0%,to{box-shadow:0 4px 15px #0006,0 0 30px var(--resource-color),0 0 50px var(--resource-color),inset 0 2px 5px #fff6}50%{box-shadow:0 4px 15px #0006,0 0 50px var(--resource-color),0 0 80px var(--resource-color),0 0 110px var(--resource-color),inset 0 2px 5px #fff6}}.trading-resource:before{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:radial-gradient(circle,var(--resource-color) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:.7;filter:blur(12px);z-index:-1;animation:tradeTrailPulse .35s ease-in-out infinite}@keyframes tradeTrailPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.4)}}.trading-resource:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:var(--resource-color);border-radius:50%;opacity:.25;filter:blur(10px);z-index:-2;animation:tradeMotionTrail 1.5s cubic-bezier(.25,.1,.25,1) forwards}@keyframes tradeMotionTrail{0%,25%{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}.trading-resource.outgoing .trade-resource-icon-wrapper{border-color:#ffc8c8e6}.trading-resource.incoming .trade-resource-icon-wrapper{border-color:#c8ffc8e6}.trading-resource:before{animation:tradeTrailPulse .35s ease-in-out infinite,tradeSparkleSpin 1s linear infinite}@keyframes tradeSparkleSpin{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.stolen-resource-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1500;pointer-events:none;animation:fadeIn .3s ease}.stolen-resource-popup{background:linear-gradient(135deg,#0f0519f2,#1e0a32f2);border:2px solid var(--resource-color, #00ffff);border-radius:12px;padding:24px 32px;text-align:center;box-shadow:0 0 30px var(--resource-color, #00ffff),0 0 60px #000c,inset 0 0 20px #00000080;animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1),popupPulse 2s ease-in-out infinite .4s,popupFadeOut .5s ease 4.5s forwards;font-family:Orbitron,sans-serif}@keyframes popupSlideIn{0%{transform:scale(.5) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes popupPulse{0%,to{box-shadow:0 0 30px var(--resource-color, #00ffff),0 0 60px #000c}50%{box-shadow:0 0 40px var(--resource-color, #00ffff),0 0 80px var(--resource-color, #00ffff),0 0 60px #000c}}@keyframes popupFadeOut{to{transform:scale(.9) translateY(-20px);opacity:0}}.stolen-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.stolen-icon{font-size:2rem;filter:drop-shadow(0 0 10px var(--resource-color, #00ffff));animation:iconBounce .6s ease-in-out infinite alternate}@keyframes iconBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.stolen-title{font-size:1.3rem;font-weight:700;color:var(--resource-color, #00ffff);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px var(--resource-color, #00ffff)}.stolen-resource-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 40px;background:#00000080;border:1px solid var(--resource-color, #00ffff);border-radius:8px;margin:16px 0}.resource-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--resource-color, #00ffff) 0%,transparent 70%);opacity:.15;border-radius:8px}.stolen-resource-card .resource-icon{font-size:3rem;filter:drop-shadow(0 0 15px var(--resource-color, #00ffff));animation:resourceGlow 1.5s ease-in-out infinite alternate;z-index:1}@keyframes resourceGlow{0%{filter:drop-shadow(0 0 10px var(--resource-color, #00ffff));transform:scale(1)}to{filter:drop-shadow(0 0 25px var(--resource-color, #00ffff));transform:scale(1.1)}}.stolen-resource-card .resource-name{font-size:1.4rem;font-weight:600;color:var(--resource-color, #00ffff);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px var(--resource-color, #00ffff);z-index:1}.stolen-subtext{font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.distribution-overlay{position:fixed!important;top:80px;left:0;right:0;display:flex;justify-content:center;z-index:2147483647!important;pointer-events:none;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1);isolation:isolate}@keyframes slideDown{0%{margin-top:-30px;opacity:0}to{margin-top:0;opacity:1}}.distribution-popup{background:#0f0519;border:2px solid var(--neon-cyan, #00ffff);border-radius:12px;padding:16px 24px;min-width:280px;max-width:400px;box-shadow:0 0 20px #0ff6,0 0 40px #000c,0 4px 30px #000000e6,inset 0 0 15px #0006;font-family:Orbitron,sans-serif;animation:popupPulse 2s ease-in-out infinite,popupFadeOut .5s ease 4.5s forwards;position:relative}.distribution-popup:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#0a0514;border-radius:14px;z-index:-1}@keyframes popupPulse{0%,to{box-shadow:0 0 20px #0ff6,0 0 40px #0009}50%{box-shadow:0 0 30px #0ff9,0 0 50px #00ffff4d,0 0 40px #0009}}@keyframes popupFadeOut{to{transform:translateY(-20px);opacity:0}}.distribution-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,255,.3)}.dice-result{font-size:1.4rem;color:var(--neon-cyan, #00ffff);text-shadow:0 0 10px var(--neon-cyan, #00ffff)}.distribution-title{font-size:.85rem;font-weight:600;color:var(--neon-cyan, #00ffff);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px var(--neon-cyan, #00ffff)}.distribution-list{display:flex;flex-direction:column;gap:12px}.player-distribution{background:#0a0514;border:1px solid var(--player-color, #ffffff);border-radius:8px;padding:10px 14px;box-shadow:0 0 10px #00000080}.player-name-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.player-color-dot{width:10px;height:10px;border-radius:50%;background:var(--player-color, #ffffff);box-shadow:0 0 8px var(--player-color, #ffffff)}.player-name{font-size:.9rem;font-weight:600;color:var(--player-color, #ffffff);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px var(--player-color, #ffffff)}.player-resources{display:flex;flex-wrap:wrap;gap:8px}.resource-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#05050f;border:1px solid var(--resource-color, #00ffff);border-radius:4px;animation:resourcePop .3s ease backwards}.resource-item:nth-child(1){animation-delay:.1s}.resource-item:nth-child(2){animation-delay:.2s}.resource-item:nth-child(3){animation-delay:.3s}.resource-item:nth-child(4){animation-delay:.4s}.resource-item:nth-child(5){animation-delay:.5s}@keyframes resourcePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.resource-item .resource-count{font-size:.85rem;font-weight:700;color:var(--neon-green, #00ff41);text-shadow:0 0 5px var(--neon-green, #00ff41)}.resource-item .resource-icon{font-size:1rem;filter:drop-shadow(0 0 5px var(--resource-color, #00ffff))}.resource-item .resource-type{font-size:.7rem;color:var(--resource-color, #00ffff);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.game-controls{position:fixed;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.control-btn{width:40px;height:40px;border-radius:6px;background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--neon-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.control-btn:hover{background:var(--neon-cyan-15);border-color:var(--neon-cyan);box-shadow:var(--glow-cyan);transform:scale(1.05)}.control-btn svg{opacity:.8;filter:drop-shadow(0 0 3px var(--neon-cyan))}.control-btn:hover svg{opacity:1;filter:drop-shadow(0 0 8px var(--neon-cyan))}.control-menu{position:absolute;top:0;left:50px;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:6px;padding:12px;min-width:180px;border:1px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan-30),0 0 40px #00000080}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light);margin-bottom:8px}.menu-label{font-family:Orbitron,sans-serif;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.menu-value{font-family:Share Tech Mono,monospace;font-size:12px;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan-50)}.menu-btn{width:100%;padding:10px;background:var(--neon-red-15);border:1px solid var(--neon-red);color:var(--neon-red);border-radius:4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.menu-btn:hover{background:var(--neon-red-30);box-shadow:var(--glow-red);transform:none}.control-btn.muted{color:var(--text-muted);opacity:.6}.control-btn.muted svg{opacity:.5;filter:none}.control-btn.muted:hover{opacity:1;color:var(--neon-cyan)}.control-btn.help-active{background:var(--neon-cyan-15);border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan-50),inset 0 0 10px var(--neon-cyan-15);animation:helpModeGlow 2s ease-in-out infinite}.control-btn.help-active svg{opacity:1;filter:drop-shadow(0 0 8px var(--neon-cyan))}@keyframes helpModeGlow{0%,to{box-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan-50),inset 0 0 10px var(--neon-cyan-15)}50%{box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan-30),inset 0 0 15px var(--neon-cyan-15)}}.control-checkbox{width:40px;height:40px;border-radius:6px;background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.control-checkbox input{display:none}.control-checkbox .checkbox-icon{display:flex;align-items:center;justify-content:center;opacity:.6;filter:drop-shadow(0 0 2px currentColor);transition:all .2s ease}.control-checkbox:hover{background:var(--neon-orange-15, rgba(255, 165, 0, .15));border-color:var(--neon-orange, #ffa500);color:var(--neon-orange, #ffa500)}.control-checkbox:hover .checkbox-icon{opacity:1;filter:drop-shadow(0 0 6px currentColor)}.control-checkbox.active{background:var(--neon-orange-15, rgba(255, 165, 0, .15));border-color:var(--neon-orange, #ffa500);color:var(--neon-orange, #ffa500);box-shadow:0 0 15px var(--neon-orange, #ffa500),0 0 30px #ffa5004d,inset 0 0 10px #ffa5001a;animation:mapLockGlow 2s ease-in-out infinite}.control-checkbox.active .checkbox-icon{opacity:1;filter:drop-shadow(0 0 8px currentColor)}@keyframes mapLockGlow{0%,to{box-shadow:0 0 15px var(--neon-orange, #ffa500),0 0 30px #ffa5004d,inset 0 0 10px #ffa5001a}50%{box-shadow:0 0 20px var(--neon-orange, #ffa500),0 0 40px #ffa50033,inset 0 0 15px #ffa5001a}}.control-btn.performance-active{background:var(--neon-yellow-15, rgba(255, 221, 0, .15));border-color:var(--neon-yellow, #ffdd00);color:var(--neon-yellow, #ffdd00);box-shadow:0 0 10px var(--neon-yellow, #ffdd00),0 0 20px #ffdd004d,inset 0 0 8px #ffdd001a}.control-btn.performance-active svg{opacity:1;filter:drop-shadow(0 0 6px var(--neon-yellow, #ffdd00))}.control-btn.performance-active:hover{background:var(--neon-yellow-30, rgba(255, 221, 0, .3));box-shadow:0 0 15px var(--neon-yellow, #ffdd00),0 0 30px #fd06,inset 0 0 12px #ffdd0026}.space-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;perspective:1500px;perspective-origin:50% 50%;transform-style:preserve-3d;contain:strict}.depth-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:radial-gradient(ellipse 65% 55% at 50% 50%,transparent 0%,transparent 35%,rgba(2,2,8,.2) 55%,rgba(2,2,8,.5) 75%,rgba(2,2,8,.8) 100%)}.deep-space-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.nebula-layer{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;width:160%;height:160%;pointer-events:none;z-index:2}.nebula{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;animation:nebula-breathe 30s ease-in-out infinite;will-change:transform,opacity;transition:transform .15s ease-out;transform-origin:center center}.nebula.cyan{background:radial-gradient(ellipse,var(--neon-cyan, #00ffff),transparent 70%)}.nebula.magenta{background:radial-gradient(ellipse,var(--neon-magenta, #ff00ff),transparent 70%)}.nebula.purple{background:radial-gradient(ellipse,var(--neon-purple, #a855f7),transparent 70%)}.nebula.blue{background:radial-gradient(ellipse,#4488ff,transparent 70%)}.nebula.pink{background:radial-gradient(ellipse,#ff69b4,transparent 70%)}.nebula.coral{background:radial-gradient(ellipse,#ff7f50,transparent 70%)}.nebula.gold{background:radial-gradient(ellipse,#ffd700,transparent 70%)}.nebula.orange{background:radial-gradient(ellipse,#ff8c00,transparent 70%)}.nebula.rose{background:radial-gradient(ellipse,#ff6b9d,transparent 70%)}.nebula.teal{background:radial-gradient(ellipse,#20b2aa,transparent 70%)}.nebula.ambient{filter:blur(150px);opacity:.15;animation:nebula-ambient 45s ease-in-out infinite}.nebula.accent{filter:blur(60px);opacity:.22;animation:nebula-accent 20s ease-in-out infinite}@keyframes nebula-breathe{0%,to{opacity:.2;filter:blur(100px)}50%{opacity:.3;filter:blur(80px)}}@keyframes nebula-ambient{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.18;transform:scale(1.05)}}@keyframes nebula-accent{0%,to{opacity:.18;filter:blur(60px)}50%{opacity:.28;filter:blur(45px)}}.shooting-stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;will-change:transform;transition:transform .2s ease-out}.shooting-star{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,#fff0,#ffffff1a 20%,#ffffff80 60%,#ffffffe6 90%,#fff);border-radius:1px;opacity:0;transform-origin:right center;animation-name:shoot;animation-timing-function:linear;animation-iteration-count:infinite}.shooting-star:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 15px var(--neon-cyan, #00ffff)}.shooting-star.cyan{background:linear-gradient(90deg,#0ff0,#00ffff1a 20%,#00ffff80 60%,#00ffffe6 90%,#0ff)}.shooting-star.cyan:after{background:var(--neon-cyan, #00ffff);box-shadow:0 0 8px var(--neon-cyan, #00ffff),0 0 15px var(--neon-cyan, #00ffff)}@keyframes shoot{0%{opacity:0;transform:rotate(var(--angle)) translate(0)}2%{opacity:1}80%{opacity:.8}to{opacity:0;transform:rotate(var(--angle)) translate(var(--travel-distance, 120vw))}}.floating-objects-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.floating-object{position:absolute;opacity:0;animation:float-across linear infinite;will-change:transform,opacity;transition:transform .15s ease-out;--obj-scale: 1}@keyframes float-across{0%{opacity:0;transform:translate(-120px) translateY(var(--start-y, 0)) scale(calc(var(--obj-scale, 1) * .8))}5%{opacity:.7}50%{opacity:.9;transform:translate(50vw) translateY(calc((var(--start-y, 0) + var(--end-y, 0)) / 2)) scale(var(--obj-scale, 1))}95%{opacity:.7}to{opacity:0;transform:translate(calc(100vw + 120px)) translateY(var(--end-y, 0)) scale(calc(var(--obj-scale, 1) * 1.1))}}.floating-object.reverse{animation:float-across-reverse linear infinite}@keyframes float-across-reverse{0%{opacity:0;transform:translate(calc(100vw + 120px)) translateY(var(--start-y, 0)) scale(calc(var(--obj-scale, 1) * 1.1))}5%{opacity:.7}50%{opacity:.9;transform:translate(50vw) translateY(calc((var(--start-y, 0) + var(--end-y, 0)) / 2)) scale(var(--obj-scale, 1))}95%{opacity:.7}to{opacity:0;transform:translate(-120px) translateY(var(--end-y, 0)) scale(calc(var(--obj-scale, 1) * .8))}}.rocket{width:50px;height:25px}.rocket svg{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--neon-cyan, #00ffff))}.rocket.reverse svg{transform:scaleX(-1)}.rocket .engine-glow{animation:engine-pulse .15s ease-in-out infinite alternate}@keyframes engine-pulse{0%{opacity:.5}to{opacity:1}}.ufo{width:60px;height:36px}.ufo svg{width:100%;height:100%;filter:drop-shadow(0 0 8px var(--neon-green, #00ff41))}.ufo .ufo-light{animation:ufo-blink .4s ease-in-out infinite alternate}.ufo .ufo-light:nth-child(2){animation-delay:.15s}.ufo .ufo-light:nth-child(3){animation-delay:.3s}.ufo .ufo-beam{animation:beam-pulse 2s ease-in-out infinite}@keyframes ufo-blink{0%{opacity:.3}to{opacity:1}}@keyframes beam-pulse{0%,to{opacity:.1}50%{opacity:.4}}.ufo-hover{animation:hover-motion 2.5s ease-in-out infinite}@keyframes hover-motion{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.asteroid{width:35px;height:35px}.asteroid .asteroid-svg{width:100%;height:100%;animation:tumble var(--tumble-duration, 15s) linear infinite}.asteroid.small{width:18px;height:18px}.asteroid.large{width:55px;height:55px}@keyframes tumble{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zoom-indicator{position:absolute;bottom:20px;right:20px;z-index:200;padding:6px 12px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffffb3;font-family:Courier New,monospace;font-size:12px;pointer-events:none;opacity:.8;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}.shooting-stars-layer,.floating-object,.nebula-layer{transform-origin:center center}.game-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:linear-gradient(var(--neon-cyan-10) 1px,transparent 1px),linear-gradient(90deg,var(--neon-cyan-10) 1px,transparent 1px),radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-void) 100%);background-size:50px 50px,50px 50px,100% 100%;color:var(--text-primary, #e0e0e0);text-align:center;padding:20px}.game-loading h2{color:var(--neon-cyan, #00ffff);margin:0;font-family:Orbitron,sans-serif}.game-loading p{margin:0;opacity:.7}.loading-spinner{width:48px;height:48px;border:3px solid var(--neon-cyan-30);border-top-color:var(--neon-cyan);border-radius:50%;animation:cyberSpin 1s linear infinite;box-shadow:0 0 20px var(--neon-cyan-50),inset 0 0 20px var(--neon-cyan-30)}@keyframes cyberSpin{to{transform:rotate(360deg)}}.connection-warning{color:var(--neon-yellow, #ffd93d);font-style:italic;animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:.5}50%{opacity:1}}.connection-error{margin-top:20px;padding:20px 30px;background:#ff3c3c1a;border:1px solid rgba(255,60,60,.3);border-radius:8px;max-width:450px}.connection-error p{color:var(--neon-red, #ff4444);margin-bottom:10px}.error-hint{color:var(--text-secondary, #a0a0a0)!important;font-size:14px}.error-checklist{text-align:left;color:var(--text-secondary, #a0a0a0);font-size:13px;margin:15px 0;padding-left:20px}.error-checklist li{margin-bottom:8px}.retry-btn,.back-btn{margin:8px;padding:10px 24px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.retry-btn{background:var(--neon-cyan-15, rgba(0, 255, 255, .15));border:1px solid var(--neon-cyan, #00ffff);color:var(--neon-cyan, #00ffff)}.retry-btn:hover{background:var(--neon-cyan-30, rgba(0, 255, 255, .3));box-shadow:0 0 15px var(--neon-cyan-50, rgba(0, 255, 255, .5))}.back-btn{background:transparent;border:1px solid var(--border-color, #333);color:var(--text-secondary, #a0a0a0)}.back-btn:hover{border-color:var(--text-primary, #e0e0e0);color:var(--text-primary, #e0e0e0)}.connection-error-detail{margin-top:15px;padding:10px 15px;background:#ff3c3c26;border-radius:4px;font-size:12px;color:var(--neon-red, #ff4444);font-family:monospace}.game-container{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr auto;height:100vh;width:100vw;overflow:hidden;position:relative;background:var(--bg-void)}.board-area{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 20px 60px;overflow:hidden;background:radial-gradient(ellipse at center,#0a0a1a,#050510,#020208);position:relative;z-index:1;transition:z-index 0s;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.board-area:active{cursor:grabbing}.board-area.map-locked,.board-area.map-locked:active{cursor:default}.board-area.intro-zoom-active{cursor:default;pointer-events:none}.board-area.intro-zoom-active .game-board{pointer-events:none}.board-area:not(.intro-zoom-active) .game-board{pointer-events:auto}.board-transform-container{position:relative;z-index:10;transform-origin:center center;will-change:transform;transition:none}.reset-viewport-btn{position:absolute;bottom:20px;left:20px;z-index:100;width:40px;height:40px;border-radius:50%;background:#000000b3;border:1px solid rgba(0,255,255,.4);color:var(--neon-cyan, #00ffff);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 0 10px #0ff3}.reset-viewport-btn:hover{background:#0ff3;border-color:var(--neon-cyan, #00ffff);box-shadow:0 0 20px #0ff6;transform:scale(1.1)}.reset-viewport-btn:active{transform:scale(.95)}.board-area.has-activated-hexes{z-index:2050;background:transparent!important;contain:paint}.board-area.has-activated-hexes:before{display:none}.board-area.has-activated-hexes .space-background{opacity:.3;transition:opacity .3s ease}.board-area.has-activated-hexes .hex:not(.activated){opacity:.45;transition:opacity .3s ease}.board-area.has-activated-hexes .road,.board-area.has-activated-hexes .building,.board-area.has-activated-hexes .harbor{opacity:.45;transition:opacity .3s ease}.board-area.has-activated-hexes .hex.activated{opacity:1;filter:drop-shadow(0 0 30px #ffd700)}.board-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none}.right-sidebar{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid var(--border-color);overflow:hidden;position:relative;z-index:1;transition:z-index 0s}.right-sidebar.has-receiving-players{z-index:2050}.right-sidebar:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--neon-cyan),transparent);animation:sidebarGlow 3s ease-in-out infinite}@keyframes sidebarGlow{0%,to{opacity:.3}50%{opacity:.8}}.chat-section{display:flex;flex-direction:column;border-bottom:1px solid var(--border-light);transition:all .3s ease}.chat-section.expanded{flex:0 0 200px;overflow:hidden}.chat-section.collapsed{flex:0 0 40px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-secondary);cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan);border-bottom:1px solid var(--border-light)}.chat-header:hover{background:var(--neon-cyan-15)}.chat-toggle{font-size:10px;opacity:.7}.players-section{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.game-footer{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border-color);gap:24px;min-height:80px;position:relative}.game-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent)}.error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--neon-red-15);border:1px solid var(--neon-red);color:var(--neon-red);border-radius:4px;box-shadow:var(--glow-red);z-index:1000;animation:errorSlideUp .3s ease;font-family:Orbitron,sans-serif;font-size:12px;text-transform:uppercase}@keyframes errorSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.right-sidebar::-webkit-scrollbar,.players-section::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track,.players-section::-webkit-scrollbar-track{background:transparent}.right-sidebar::-webkit-scrollbar-thumb,.players-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan-30),var(--neon-magenta-30));border-radius:3px}.right-sidebar::-webkit-scrollbar-thumb:hover,.players-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-cyan-50),var(--neon-magenta-50))}.board-area,.board-transform-container{transform:translateZ(0);will-change:transform}body.performance-mode .right-sidebar,body.performance-mode .game-footer{backdrop-filter:none;-webkit-backdrop-filter:none;background:#05050ff7}body.performance-mode .right-sidebar:before,body.performance-mode .game-footer:before{animation:none!important}body.performance-mode .loading-spinner{animation-duration:2s}body.performance-mode .nebula{animation:none!important;filter:blur(80px)}body.performance-mode .shooting-star,body.performance-mode .floating-object{animation-duration:120s!important}body.performance-mode .board-transform-container{will-change:auto}@media (prefers-reduced-motion: reduce){.loading-spinner,.right-sidebar:before,.game-footer:before,.reset-viewport-btn{animation:none!important}.right-sidebar,.game-footer{backdrop-filter:none;-webkit-backdrop-filter:none;background:#05050ff2}.chat-section,.reset-viewport-btn{transition:none!important}.nebula,.shooting-star,.floating-object{display:none}}.stats-panel{width:100%;max-width:900px;margin:0 auto;animation:fadeIn .3s ease}.stats-loading,.stats-error,.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.stats-spinner{width:48px;height:48px;border:3px solid var(--neon-cyan-30);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.stats-error p,.stats-loading p{color:var(--text-secondary);margin-bottom:16px}.empty-icon{font-size:64px;margin-bottom:16px;color:var(--neon-cyan);opacity:.8}.stats-empty h2{color:var(--neon-cyan);margin-bottom:8px}.stats-empty p{color:var(--text-secondary)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.stats-header h2{color:var(--neon-cyan);font-size:1.5rem;margin:0}.stats-view-toggle{display:flex;gap:4px;background:var(--bg-card);padding:4px;border-radius:8px;border:1px solid var(--border-light)}.stats-view-toggle button{padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;border-radius:6px}.stats-view-toggle button:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:none;box-shadow:none}.stats-view-toggle button.active{background:var(--neon-cyan-15);color:var(--neon-cyan)}.stats-overview{display:flex;flex-direction:column;gap:24px}.stats-main-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-card.highlight{background:linear-gradient(135deg,var(--neon-yellow-15) 0%,var(--neon-orange-15) 100%);border-color:var(--neon-yellow-50)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-tertiary)}.stat-icon.win{background:var(--neon-yellow-15);color:var(--neon-yellow)}.stat-icon.games{background:var(--neon-cyan-15);color:var(--neon-cyan)}.stat-icon.vp{background:var(--neon-magenta-15);color:var(--neon-magenta)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:Orbitron,sans-serif}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-secondary{margin-left:auto;text-align:right;display:flex;flex-direction:column}.win-rate{font-size:1.5rem;font-weight:700;color:var(--neon-green);font-family:Orbitron,sans-serif}.win-rate-label{font-size:.75rem;color:var(--text-muted)}.stats-section{background:var(--panel-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px}.stats-section h3{color:var(--neon-cyan);font-size:1rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.achievement{background:var(--bg-tertiary);border-radius:8px;padding:16px;text-align:center}.achievement-value{display:block;font-size:2rem;font-weight:700;color:var(--neon-yellow);font-family:Orbitron,sans-serif}.achievement-label{color:var(--text-secondary);font-size:.85rem}.building-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.building-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.building-icon{font-size:24px}.building-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:Orbitron,sans-serif}.building-label{color:var(--text-muted);font-size:.8rem}.trade-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trade-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.trade-value{font-size:1.25rem;font-weight:700;color:var(--neon-cyan);font-family:Orbitron,sans-serif}.trade-label{color:var(--text-muted);font-size:.75rem;text-align:center}.stats-history{background:var(--panel-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px}.stats-history h3{color:var(--neon-cyan);font-size:1rem;margin-bottom:16px}.games-list{display:flex;flex-direction:column;gap:8px}.game-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-light)}.game-item.won{border-color:var(--neon-green-30);background:linear-gradient(90deg,var(--neon-green-10) 0%,transparent 50%)}.game-item.lost{border-color:var(--neon-red-15)}.game-result{font-size:24px}.game-info{display:flex;flex-direction:column;gap:2px}.game-date{color:var(--text-primary);font-size:.9rem}.game-players{color:var(--text-muted);font-size:.8rem}.game-details{margin-left:auto;display:flex;align-items:center;gap:12px}.game-color{width:12px;height:12px;border-radius:50%}.game-vp{color:var(--neon-yellow);font-weight:700}.game-turns{color:var(--text-muted);font-size:.85rem}.no-history,.no-leaderboard{color:var(--text-muted);text-align:center;padding:32px}.stats-leaderboard{background:var(--panel-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px}.stats-leaderboard h3{color:var(--neon-cyan);font-size:1rem;margin-bottom:16px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:grid;grid-template-columns:48px 1fr auto auto auto;gap:16px;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-light)}.leaderboard-item.current-user{border-color:var(--neon-cyan);background:var(--neon-cyan-10)}.rank{font-size:1.25rem;font-weight:700;color:var(--text-muted)}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.player-name{color:var(--text-primary);font-weight:500}.player-wins{color:var(--neon-green);font-weight:700}.player-games{color:var(--text-muted);font-size:.85rem}.player-winrate{color:var(--neon-cyan);font-weight:700}@media (max-width: 768px){.stats-header{flex-direction:column;align-items:flex-start}.stats-main-cards{grid-template-columns:1fr}.trade-stats{grid-template-columns:repeat(2,1fr)}.leaderboard-item{grid-template-columns:48px 1fr auto;gap:8px}.player-games,.player-winrate{display:none}}.profile-editor{width:100%;max-width:480px;animation:fadeIn .3s ease}.profile-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;box-shadow:var(--panel-shadow)}.profile-card h2{color:var(--neon-cyan);font-size:1.5rem;margin-bottom:24px;text-align:center}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.avatar-container{width:120px;height:120px;border-radius:50%;position:relative;cursor:pointer;overflow:hidden;border:3px solid var(--neon-cyan);box-shadow:var(--glow-cyan);transition:all .3s ease}.avatar-container:hover{transform:scale(1.05)}.avatar-container.uploading{pointer-events:none;opacity:.7}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--neon-cyan-30);font-size:48px;font-weight:700;color:var(--neon-cyan);font-family:Orbitron,sans-serif}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:var(--neon-cyan)}.avatar-container:hover .avatar-overlay,.avatar-container.uploading .avatar-overlay{opacity:1}.avatar-spinner{width:32px;height:32px;border:3px solid var(--neon-cyan-30);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite}.avatar-actions{display:flex;gap:8px}.avatar-actions button{display:flex;align-items:center;gap:6px}.username-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-group label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.form-group input{padding:14px 16px;font-size:1rem}.input-hint{color:var(--text-muted);font-size:.75rem}.email-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.email-section label{display:block;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.email-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary)}.verified-badge{background:var(--neon-green-15);color:var(--neon-green);font-size:.75rem;padding:4px 8px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.profile-error{background:var(--neon-red-15);border:1px solid var(--neon-red-30);color:var(--neon-red);padding:12px 16px;border-radius:6px;margin-bottom:16px;text-align:center;font-size:.9rem}.profile-success{background:var(--neon-green-15);border:1px solid var(--neon-green-30);color:var(--neon-green);padding:12px 16px;border-radius:6px;margin-bottom:16px;text-align:center;font-size:.9rem}.account-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.logout-btn,.delete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.delete-modal{background:var(--panel-bg);border:1px solid var(--neon-red-30);border-radius:12px;padding:32px;max-width:400px;width:90%;box-shadow:0 0 40px var(--neon-red-30)}.delete-modal h3{color:var(--neon-red);margin-bottom:16px}.delete-modal p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.delete-modal-actions{display:flex;gap:12px}.delete-modal-actions button{flex:1}.password-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.change-password-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.password-form{display:flex;flex-direction:column;gap:16px}.password-actions{display:flex;gap:12px}.password-actions button{flex:1}@media (max-width: 480px){.profile-card{padding:24px}.avatar-container{width:100px;height:100px}.avatar-placeholder{font-size:40px}.avatar-actions{flex-direction:column;width:100%}.avatar-actions button{width:100%;justify-content:center}.account-actions{flex-direction:column}}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.auth-modal{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;width:100%;max-width:400px;position:relative;box-shadow:var(--panel-shadow),0 0 60px #00000080;animation:slideUp .3s ease}.auth-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);font-size:20px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.auth-close-btn:hover{background:var(--neon-red-15);border-color:var(--neon-red);color:var(--neon-red);transform:none}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{color:var(--neon-cyan);font-size:1.5rem;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-group label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.auth-form-group input{padding:14px 16px;font-size:1rem}.auth-error{color:var(--neon-red);font-size:.85rem;padding:8px 12px;background:var(--neon-red-15);border:1px solid var(--neon-red-30);border-radius:6px;text-align:center}.auth-submit-btn{margin-top:8px;padding:14px 20px;font-size:1rem}.auth-loading{display:flex;align-items:center;justify-content:center;gap:8px}.auth-spinner-small{width:16px;height:16px;border:2px solid var(--neon-yellow-30);border-top-color:var(--neon-yellow);border-radius:50%;animation:spin .8s linear infinite}.auth-info{margin-top:20px;text-align:center;padding-top:16px;border-top:1px solid var(--border-light)}.auth-info p{color:var(--text-muted);font-size:.8rem}.auth-password-hint{color:var(--text-muted);font-size:.8rem;margin-bottom:16px}.auth-forgot-btn{background:none;border:none;color:var(--neon-cyan);font-size:.85rem;cursor:pointer;padding:0;margin-bottom:16px;text-align:right;display:block;width:100%}.auth-forgot-btn:hover{text-decoration:underline;transform:none;box-shadow:none}.auth-switch{margin-top:20px;text-align:center;padding-top:16px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;gap:8px}.auth-switch span{color:var(--text-muted);font-size:.85rem}.auth-link-btn{background:none;border:none;color:var(--neon-cyan);font-size:.85rem;cursor:pointer;padding:0;font-weight:600}.auth-link-btn:hover{text-decoration:underline;transform:none;box-shadow:none}.auth-email-sent{text-align:center;padding:16px 0}.auth-email-icon{font-size:48px;margin-bottom:16px;animation:neonPulse 2s ease-in-out infinite}.auth-email-sent h2{color:var(--neon-green);margin-bottom:12px}.auth-email-address{color:var(--neon-cyan);font-size:1.1rem;font-weight:600;margin-bottom:16px;word-break:break-all}.auth-email-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px;line-height:1.5}.auth-email-expires{color:var(--neon-yellow);font-size:.85rem;margin-bottom:24px}.auth-email-actions{display:flex;gap:12px;justify-content:center}.auth-email-actions button{flex:1;max-width:160px}.auth-verifying{text-align:center;padding:32px 0}.auth-spinner{width:48px;height:48px;border:3px solid var(--neon-cyan-30);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.auth-verifying h2{color:var(--neon-cyan);margin-bottom:8px}.auth-verifying p{color:var(--text-secondary)}@media (max-width: 480px){.auth-modal{margin:16px;padding:24px}.auth-email-actions{flex-direction:column}.auth-email-actions button{max-width:none}}.home-screen{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden}.home-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;position:relative;z-index:10;background:linear-gradient(180deg,var(--bg-void) 0%,transparent 100%)}.home-title{display:flex;align-items:baseline;gap:12px}.home-title h1{font-size:2rem;color:var(--neon-cyan);margin:0}.home-title .subtitle{font-family:Share Tech Mono,monospace;color:var(--text-secondary);font-size:1rem;text-transform:lowercase}.home-user-section{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:var(--panel-bg-glass);border:1px solid var(--border-light);border-radius:24px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--neon-cyan)}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--neon-cyan-30);border:2px solid var(--neon-cyan);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--neon-cyan);font-size:14px}.user-name{color:var(--text-primary);font-size:.9rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-in-btn{padding:10px 24px;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-cyan-dark, #00cccc) 100%);border:none;color:var(--bg-void, #0a0a0f);font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 20px var(--neon-cyan-30)}.sign-in-btn:hover{background:linear-gradient(135deg,#0ff,#0dd);transform:translateY(-2px);box-shadow:0 0 30px var(--neon-cyan-50, rgba(0, 255, 255, .5))}.home-tabs{display:flex;justify-content:center;gap:8px;padding:0 32px;margin-bottom:24px;position:relative;z-index:10}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--panel-bg-glass);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:.9rem;transition:all .2s ease}.tab-btn:hover{border-color:var(--neon-cyan-50);color:var(--neon-cyan);transform:none;background:var(--neon-cyan-10)}.tab-btn.active{background:var(--neon-cyan-15);border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.tab-btn svg{width:16px;height:16px}.home-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:0 32px 32px;position:relative;z-index:10}.tab-content{width:100%;max-width:1200px;animation:fadeIn .3s ease}.play-tab{display:flex;flex-direction:column;align-items:center;gap:24px}.play-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;max-width:800px}.play-option-card{background:#0a0a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,80,160,.4);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.play-option-card.primary{border-color:#0ff6;background:linear-gradient(135deg,#00ffff0d,#0a0a14d9)}.play-option-card.primary:hover{border-color:#0ff9;box-shadow:0 0 30px #00ffff26}.play-option-card.secondary:hover{border-color:#9664c899;box-shadow:0 0 30px #9664c826}.play-option-card .option-header{display:flex;align-items:center;gap:12px;color:var(--neon-cyan)}.play-option-card.secondary .option-header{color:#c8b4f0e6}.play-option-card .option-header h3{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.play-option-card>p{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#b4b4c8cc;margin:0;line-height:1.5}.play-option-card .btn-primary,.play-option-card .btn-secondary{margin-top:auto}.quick-play-config{display:flex;flex-direction:column;gap:12px;padding:16px;background:#14142380;border-radius:10px;border:1px solid rgba(100,80,160,.2)}.config-inline{display:flex;align-items:center;gap:12px}.config-inline label{display:flex;align-items:center;gap:6px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#b4a0dce6;min-width:90px}.config-inline select{flex:1;padding:8px 30px 8px 12px;background:#0f0f1ecc;border:1px solid rgba(100,80,160,.3);border-radius:6px;color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a090c0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.difficulty-pills{display:flex;gap:6px;flex:1}.difficulty-pills .pill{flex:1;padding:6px 10px;background:#14142399;border:1px solid rgba(100,80,160,.25);border-radius:6px;color:#b4b4c8b3;font-family:Share Tech Mono,monospace;font-size:11px;cursor:pointer;transition:all .2s ease}.difficulty-pills .pill:hover{border-color:#9664c866;color:#dcc8ffe6}.difficulty-pills .pill.active{background:linear-gradient(135deg,#7850c84d,#5078c833);border-color:#9664dc80;color:#fff}.help-mode-toggle{padding-top:8px;border-top:1px solid rgba(100,80,160,.15)}.checkbox-label-inline{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:12px;color:#b4b4c8cc}.checkbox-label-inline input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#1e1e32cc;border:2px solid rgba(150,100,200,.4);border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease}.checkbox-label-inline input[type=checkbox]:checked{background:linear-gradient(135deg,#7850c880,#5078c866);border-color:#9678dcb3}.checkbox-label-inline input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.checkbox-label-inline .hint{color:#9696b499;font-size:11px}.btn-quick{display:flex;align-items:center;justify-content:center;gap:8px}.play-option-card .error-message{display:flex;align-items:center;gap:8px;color:#ff6b8a;font-family:Share Tech Mono,monospace;font-size:12px;padding:10px 12px;background:#ff32641a;border:1px solid rgba(255,50,100,.3);border-radius:8px}.play-option-card .error-message:before{content:"⚠";font-size:14px}.play-option-card .loading-state{display:flex;align-items:center;gap:8px}.play-option-card .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sign-in-banner{margin-top:24px;padding:20px 32px;background:var(--panel-bg-glass);border:1px solid var(--border-light);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.sign-in-banner p{color:var(--text-secondary);margin:0;font-size:.9rem}.sign-in-banner button{padding:10px 24px}.auth-required{display:flex;justify-content:center;align-items:center;min-height:400px}.auth-required-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:48px;text-align:center;max-width:400px;box-shadow:var(--panel-shadow)}.auth-icon{margin-bottom:16px;color:var(--neon-cyan);display:flex;justify-content:center;align-items:center}.auth-required-card h2{color:var(--neon-cyan);margin-bottom:12px;font-size:1.5rem}.auth-required-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.auth-required-card button{padding:14px 28px}.stats-tab{width:100%}.profile-tab{display:flex;justify-content:center}@media (max-width: 768px){.home-header{padding:16px;flex-direction:column;gap:16px}.home-title h1{font-size:1.5rem}.home-tabs{padding:0 16px;gap:4px}.tab-btn{padding:10px 16px;font-size:.8rem}.tab-btn span{display:none}.home-content{padding:0 16px 16px}.auth-required-card{padding:32px 24px}}.lobby-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;overflow:hidden}.lobby-card{background:#0a0a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,80,160,.4);border-radius:16px;padding:36px 32px;width:100%;max-width:420px;box-shadow:0 0 40px #64329633,0 0 80px #5028781a,0 20px 60px #00000080,inset 0 1px #ffffff0d;animation:cardAppear .5s cubic-bezier(.16,1,.3,1);color:var(--text-primary);position:relative;z-index:10;overflow:hidden}.lobby-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#9664c84d,#6496ff1a,#9664c833);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.lobby-card.waiting-room{max-width:500px}.lobby-card .title-section{text-align:center;margin-bottom:28px}.lobby-card .title-section h1{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;margin:0 0 8px;background:linear-gradient(135deg,#fff,#c8a8ff 30%,#a080ff,#80c0ff 70%,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 8s ease-in-out infinite}.lobby-card .title-section .subtitle{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#b4a0dce6;letter-spacing:1px}.lobby-form{display:flex;flex-direction:column;gap:18px}.lobby-form .form-group{display:flex;flex-direction:column;gap:8px}.lobby-form .form-group label{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-weight:600;color:#c8b4f0e6;font-size:11px;text-transform:uppercase;letter-spacing:1px}.lobby-form .form-group input,.lobby-form .form-group select{width:100%;padding:14px 16px;background:#0f0f1ecc;border:1px solid rgba(100,80,160,.3);border-radius:10px;color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:15px;transition:all .25s ease}.lobby-form .form-group input::placeholder{color:#9696b480}.lobby-form .form-group input:focus,.lobby-form .form-group select:focus{outline:none;border-color:#9664dc99;box-shadow:0 0 20px #7850c833,inset 0 0 10px #7850c80d;background:#141428e6}.lobby-form .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a090c0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.party-code-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#14142399;border:1px solid rgba(100,80,160,.3);border-radius:12px;margin-bottom:24px}.party-code-display .code-label{font-family:Share Tech Mono,monospace;font-size:12px;color:#9696b4b3;text-transform:uppercase;letter-spacing:1px}.party-code-display .code-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;letter-spacing:8px;color:var(--neon-cyan, #00ffff);text-shadow:0 0 20px rgba(0,255,255,.5)}.share-section{margin-bottom:24px}.party-code-large{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#00ffff0d,#6450c81a);border:1px solid rgba(0,255,255,.3);border-radius:12px}.party-code-large .code-label{font-family:Share Tech Mono,monospace;font-size:12px;color:#b4b4c8cc}.party-code-large .code-row{display:flex;align-items:center;gap:16px}.party-code-large .code-value{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:10px;color:var(--neon-cyan, #00ffff);text-shadow:0 0 30px rgba(0,255,255,.5)}.party-code-large .code-hint{font-family:Share Tech Mono,monospace;font-size:11px;color:#9696b499;word-break:break-all;text-align:center}.party-code-large .copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#00ffff1a;border:1px solid rgba(0,255,255,.4);border-radius:8px;color:var(--neon-cyan, #00ffff);font-family:Share Tech Mono,monospace;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.party-code-large .copy-btn:hover{background:#0ff3;box-shadow:0 0 20px #00ffff4d}.party-code-large .copy-btn.copied{background:#50c87833;border-color:#50c87880;color:#60d080}.players-section{margin-bottom:24px}.players-section h3{font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#c8b4f0e6;margin:0 0 12px}.players-list{display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#14142399;border:1px solid rgba(100,80,160,.25);border-radius:10px;transition:all .2s ease}.player-item.npc{background:#c864ff0d;border-color:#c864ff33}.player-item.empty{background:#1e1e3266;border-style:dashed;border-color:#6464824d}.player-item .player-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.player-item .player-color-dot.empty{background:#6464824d;box-shadow:none}.player-item .player-name{flex:1;font-family:Share Tech Mono,monospace;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.player-item.empty .player-name{color:#9696b480;font-style:italic}.host-badge,.you-badge{font-family:Orbitron,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px}.host-badge{background:#ffb43233;color:#ffb432;border:1px solid rgba(255,180,50,.3)}.you-badge{background:#00ffff26;color:var(--neon-cyan, #00ffff);border:1px solid rgba(0,255,255,.3)}.player-item .player-type{color:#9696b499}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn-start{background:linear-gradient(135deg,#50c87866,#3cb4644d);border-color:#50c87880}.btn-start:hover:not(:disabled){background:linear-gradient(135deg,#64dc8c80,#50c87866);box-shadow:0 0 30px #50c8784d}.btn-leave{background:transparent;border-color:#ff64644d;color:#ff9696cc}.btn-leave:hover{background:#ff64641a;border-color:#ff646480;color:#ff8080}.btn-back{margin-top:16px}.waiting-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#14142380;border:1px solid rgba(100,80,160,.2);border-radius:10px;font-family:Share Tech Mono,monospace;font-size:14px;color:#b4b4c8cc}.waiting-message .spinner{width:18px;height:18px;border:2px solid rgba(150,100,200,.3);border-top-color:#9664c8cc;border-radius:50%;animation:spin .8s linear infinite}.lobby-card .loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;font-family:Share Tech Mono,monospace;color:#b4b4c8cc}.lobby-card .loading-state .spinner{width:32px;height:32px;border:3px solid rgba(150,100,200,.2);border-top-color:#9664c8cc;border-radius:50%;animation:spin .8s linear infinite}.lobby-card .error-message{display:flex;align-items:center;gap:10px;color:#ff6b8a;font-family:Share Tech Mono,monospace;font-size:13px;padding:12px 16px;background:#ff32641a;border:1px solid rgba(255,50,100,.3);border-radius:10px;animation:errorShake .4s ease}.lobby-card .error-message:before{content:"⚠";font-size:16px}@media (max-width: 480px){.lobby-card{padding:28px 24px}.party-code-large .code-value{font-size:1.8rem;letter-spacing:6px}.party-code-large .code-row{flex-direction:column;gap:12px}}@media (prefers-reduced-motion: reduce){.lobby-card,.lobby-card .loading-state .spinner,.waiting-message .spinner,.lobby-card .title-section h1{animation:none}}.black-hole-background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 50% 50%,#0a0812,#050508 40%,#020204);contain:strict}.black-hole-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.dust-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.dust-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,200,150,.8) 0%,rgba(200,150,255,.4) 50%,transparent 100%);animation:dust-drift linear infinite;filter:blur(1px)}@keyframes dust-drift{0%{transform:translate(0) scale(1);opacity:var(--dust-opacity, .2)}25%{transform:translate(30px,-20px) scale(1.2);opacity:calc(var(--dust-opacity, .2) * 1.5)}50%{transform:translate(50px,10px) scale(.8);opacity:var(--dust-opacity, .2)}75%{transform:translate(20px,30px) scale(1.1);opacity:calc(var(--dust-opacity, .2) * .8)}to{transform:translate(0) scale(1);opacity:var(--dust-opacity, .2)}}.cosmic-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,transparent 30%,rgba(5,5,12,.3) 50%,rgba(5,5,12,.6) 70%,rgba(2,2,8,.85) 100%)}.lens-flare{position:absolute;border-radius:50%;pointer-events:none;z-index:5;filter:blur(40px);animation:flare-pulse 8s ease-in-out infinite}.lens-flare-1{width:200px;height:200px;top:35%;left:55%;background:radial-gradient(circle,rgba(255,150,100,.15) 0%,rgba(255,100,150,.08) 40%,transparent 70%);animation-delay:0s}.lens-flare-2{width:150px;height:150px;top:55%;left:40%;background:radial-gradient(circle,rgba(100,150,255,.12) 0%,rgba(150,100,255,.06) 40%,transparent 70%);animation-delay:4s}@keyframes flare-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.black-hole-background:before{content:"";position:absolute;top:50%;left:50%;width:120vmin;height:40vmin;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,180,100,.08) 0%,rgba(200,100,150,.04) 40%,transparent 70%);filter:blur(30px);z-index:3;pointer-events:none;animation:disk-glow 10s ease-in-out infinite}@keyframes disk-glow{0%,to{opacity:.6;filter:blur(30px)}50%{opacity:.9;filter:blur(25px)}}.black-hole-background:after{content:"";position:absolute;top:50%;left:50%;width:65vmin;height:65vmin;transform:translate(-50%,-50%);border-radius:50%;background:transparent;box-shadow:0 0 60px 10px #6432964d,0 0 100px 20px #50287826,0 0 150px 40px #3c1e6414,inset 0 0 30px 10px #000c;z-index:4;pointer-events:none;animation:horizon-pulse 6s ease-in-out infinite}@keyframes horizon-pulse{0%,to{box-shadow:0 0 60px 10px #6432964d,0 0 100px 20px #50287826,0 0 150px 40px #3c1e6414,inset 0 0 30px 10px #000c}50%{box-shadow:0 0 80px 15px #783cb459,0 0 120px 30px #64329633,0 0 180px 50px #5028821a,inset 0 0 40px 15px #000000e6}}@media (max-width: 768px){.lens-flare-1{width:120px;height:120px}.lens-flare-2{width:100px;height:100px}.black-hole-background:before{width:85vmin;height:28vmin}.black-hole-background:after{width:38vmin;height:38vmin}}@media (prefers-reduced-motion: reduce){.dust-particle,.lens-flare,.black-hole-background:before,.black-hole-background:after{animation:none}.lens-flare{opacity:.6}}.app{min-height:100vh;display:flex;flex-direction:column}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;overflow:hidden}.login-card{background:#0a0a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,80,160,.4);border-radius:16px;padding:36px 32px;width:100%;max-width:420px;box-shadow:0 0 40px #64329633,0 0 80px #5028781a,0 20px 60px #00000080,inset 0 1px #ffffff0d;animation:cardAppear .5s cubic-bezier(.16,1,.3,1);color:var(--text-primary);position:relative;z-index:10;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#9664c84d,#6496ff1a,#9664c833);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.title-section{text-align:center;margin-bottom:28px}.login-card h1{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:4px;text-transform:uppercase;margin:0 0 4px;background:linear-gradient(135deg,#fff,#c8a8ff 30%,#a080ff,#80c0ff 70%,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 8s ease-in-out infinite;text-shadow:none}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-card .subtitle{font-family:Share Tech Mono,monospace;font-size:1rem;color:#b4a0dce6;letter-spacing:3px;text-transform:lowercase;margin:0}.mode-tabs{display:flex;gap:8px;margin-bottom:24px;background:#14142399;border-radius:12px;padding:6px;border:1px solid rgba(100,80,160,.2);position:relative;z-index:1}.mode-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;color:#b4b4c8b3;border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.mode-tabs button .tab-icon{font-size:14px}.mode-tabs button.active{color:#fff;background:linear-gradient(135deg,#7850c866,#5078c84d);box-shadow:0 0 20px #7850c84d,inset 0 1px #ffffff1a}.mode-tabs button:hover:not(.active){color:#dcdcf0e6;background:#6450a026}.create-game-form,.login-form{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-weight:600;color:#c8b4f0e6;font-size:11px;text-transform:uppercase;letter-spacing:1px}.form-group label .label-icon{font-size:14px}.form-group input,.form-group select{width:100%;padding:14px 16px;background:#0f0f1ecc;border:1px solid rgba(100,80,160,.3);border-radius:10px;color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:15px;transition:all .25s ease}.form-group input::placeholder{color:#9696b480}.form-group input:focus,.form-group select:focus{outline:none;border-color:#9664dc99;box-shadow:0 0 20px #7850c833,inset 0 0 10px #7850c80d;background:#141428e6}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a090c0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.player-config-section{display:flex;flex-direction:column;gap:16px}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.difficulty-group{margin-top:4px}.difficulty-options{display:flex;gap:8px}.difficulty-btn{flex:1;padding:10px 12px;background:#14142399;border:1px solid rgba(100,80,160,.25);border-radius:8px;color:#b4b4c8b3;font-family:Share Tech Mono,monospace;font-size:12px;cursor:pointer;transition:all .2s ease}.difficulty-btn:hover{border-color:#9664c866;color:#dcc8ffe6}.difficulty-btn.active{background:linear-gradient(135deg,#7850c84d,#5078c833);border-color:#9664dc80;color:#fff;box-shadow:0 0 15px #7850c833}.player-summary{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#14142380;border-radius:10px;border:1px solid rgba(100,80,160,.2)}.summary-visual{display:flex;gap:8px}.player-slot{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px;border:2px solid transparent;transition:all .25s ease}.player-slot.human{background:linear-gradient(135deg,#50b4ff33,#5078c826);border-color:#50b4ff66;box-shadow:0 0 10px #50b4ff26}.player-slot.ai{background:linear-gradient(135deg,#c864ff33,#9650c826);border-color:#c864ff66;box-shadow:0 0 10px #c864ff26}.player-slot.empty{background:#1e1e3266;border-color:#64648233;color:#64648266;font-size:20px}.summary-text{font-family:Share Tech Mono,monospace;font-size:14px;color:#c8c8dce6}.summary-detail{color:#9696b4b3;font-size:12px;margin-left:4px}.help-mode-group{margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;background:#14142366;border:1px solid rgba(100,80,160,.2);border-radius:10px;transition:all .2s ease}.checkbox-label:hover{border-color:#9664c866;background:#19192d80}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;background:#1e1e32cc;border:2px solid rgba(150,100,200,.4);border-radius:6px;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#7850c880,#5078c866);border-color:#9678dcb3;box-shadow:0 0 15px #7850c84d}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-text{display:flex;flex-direction:column;gap:2px}.checkbox-title{font-family:Orbitron,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#dcc8ffe6}.checkbox-hint{font-family:Share Tech Mono,monospace;font-weight:400;font-size:11px;color:#9696b4b3}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#783cc899,#3c64c880);border:1px solid rgba(150,100,220,.5);border-radius:12px;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 25px #7850c840,0 10px 30px #0000004d;margin-top:8px;width:100%;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#8c50dcb3,#5078dc99);box-shadow:0 0 40px #7850c866,0 15px 40px #0006;border-color:#b48cff99}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary .btn-icon{font-size:16px}.btn-primary .loading-state{display:flex;align-items:center;gap:10px}.btn-primary .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#1e1e3299;border:1px solid rgba(100,80,160,.3);border-radius:10px;color:#c8b4f0e6;font-family:Orbitron,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s ease;width:100%}.btn-secondary:hover{background:#282846b3;border-color:#9664c866;color:#fff}.btn-new-game{margin-top:16px}.error-message{display:flex;align-items:center;gap:10px;color:#ff6b8a;font-family:Share Tech Mono,monospace;font-size:13px;padding:12px 16px;background:#ff32641a;border:1px solid rgba(255,50,100,.3);border-radius:10px;animation:errorShake .4s ease}.error-message:before{content:"⚠";font-size:16px}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.footer-text{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(100,80,160,.15)}.footer-text span{font-family:Share Tech Mono,monospace;font-size:11px;color:#968cb499;letter-spacing:.5px}.login-card.game-created{max-width:480px}.success-header{text-align:center;margin-bottom:24px}.success-icon{width:60px;height:60px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#50c8784d,#3cb46433);border:2px solid rgba(80,200,120,.5);border-radius:50%;font-size:28px;color:#60d080;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.game-created h1{font-size:1.6rem;margin-bottom:8px;background:linear-gradient(135deg,#60d080,#40c0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:none}.game-info{display:flex;justify-content:center;margin-bottom:24px}.game-id-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:#14142399;border:1px solid rgba(100,80,160,.3);border-radius:10px}.game-id-badge .label{font-family:Orbitron,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9696b4b3}.game-id-badge code{font-family:Share Tech Mono,monospace;font-size:14px;color:#b4a0dce6}.player-selection{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.selection-prompt{font-family:Share Tech Mono,monospace;font-size:13px;color:#b4b4c8cc;margin-bottom:8px}.player-select-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#14142399;border:1px solid rgba(100,80,160,.25);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .25s ease;text-align:left}.player-select-btn:hover{background:#1e1e37b3;border-color:var(--player-accent, rgba(150, 100, 200, .5));transform:translate(6px);box-shadow:0 0 20px rgba(var(--player-accent-rgb, 120, 80, 200),.2),-4px 0 0 var(--player-accent, rgba(150, 100, 200, .5))}.player-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.player-info{flex:1;display:flex;flex-direction:column;gap:2px}.player-info .player-name{font-family:Orbitron,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.player-info .player-type{font-family:Share Tech Mono,monospace;font-size:11px;color:#9696b4b3}.join-arrow{font-size:18px;color:#9696b480;transition:all .25s ease}.player-select-btn:hover .join-arrow{color:var(--player-accent, rgba(200, 180, 255, .9));transform:translate(4px)}.share-info{background:#14142380;padding:16px;border-radius:12px;border:1px solid rgba(100,80,160,.2)}.share-header{display:flex;align-items:center;gap:8px;font-family:Share Tech Mono,monospace;font-size:12px;color:#b4b4c8cc;margin-bottom:14px}.share-icon{font-size:14px}.token-list{display:flex;flex-direction:column;gap:10px}.token-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0f0f1e99;border-radius:8px;border:1px solid rgba(100,80,160,.15)}.token-player-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.token-player-name{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#c8c8dce6;min-width:60px}.token-code{flex:1;font-family:Share Tech Mono,monospace;font-size:11px;color:#968cb4cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{padding:6px 12px;background:#1e1e3299;border:1px solid rgba(100,80,160,.3);border-radius:6px;color:#b4a0dce6;font-family:Share Tech Mono,monospace;font-size:11px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#323250b3;border-color:#9664c880;color:#fff}.copy-btn.copied{background:#50c87833;border-color:#50c87866;color:#60d080}@media (max-width: 480px){.login-card{padding:28px 24px;border-radius:12px}.login-card h1{font-size:1.8rem;letter-spacing:2px}.config-row{grid-template-columns:1fr}.player-slot{width:32px;height:32px;font-size:14px}.token-item{flex-wrap:wrap}.token-code{order:3;flex:0 0 100%;margin-top:6px}.copy-btn{margin-left:auto}}@media (prefers-reduced-motion: reduce){.login-card,.success-icon,.error-message{animation:none}.login-card h1{animation:none;background:linear-gradient(135deg,#c8a8ff,#80c0ff);-webkit-background-clip:text;background-clip:text}}*{margin:0;padding:0;box-sizing:border-box}:root{--synth-color: #00ffff;--alloy-color: #ff6b00;--data-color: #f0ff00;--clone-color: #00ff41;--chrome-color: #ff00ff;--deadzone-color: #1a0a2e;--wood-color: var(--synth-color);--brick-color: var(--alloy-color);--wheat-color: var(--data-color);--sheep-color: var(--clone-color);--ore-color: var(--chrome-color);--desert-color: var(--deadzone-color);--player-red: #ff0040;--player-blue: #00c8ff;--player-orange: #ff8c00;--player-green: #00ff41;--player-white: #e0e0ff;--bg-void: #050508;--bg-primary: #0a0a12;--bg-secondary: #0f0f1a;--bg-tertiary: #16162a;--bg-grid: #1a1a35;--bg-card: #0d0d18;--bg-card-dark: #080810;--neon-cyan: #00ffff;--neon-cyan-bright: #40ffff;--neon-cyan-50: rgba(0, 255, 255, .5);--neon-cyan-30: rgba(0, 255, 255, .3);--neon-cyan-15: rgba(0, 255, 255, .15);--neon-cyan-10: rgba(0, 255, 255, .1);--neon-magenta: #ff00ff;--neon-magenta-bright: #ff40ff;--neon-magenta-50: rgba(255, 0, 255, .5);--neon-magenta-30: rgba(255, 0, 255, .3);--neon-magenta-15: rgba(255, 0, 255, .15);--neon-yellow: #f0ff00;--neon-yellow-bright: #f5ff40;--neon-yellow-50: rgba(240, 255, 0, .5);--neon-yellow-30: rgba(240, 255, 0, .3);--neon-yellow-15: rgba(240, 255, 0, .15);--neon-green: #00ff41;--neon-green-bright: #40ff70;--neon-green-50: rgba(0, 255, 65, .5);--neon-green-30: rgba(0, 255, 65, .3);--neon-green-15: rgba(0, 255, 65, .15);--neon-red: #ff0040;--neon-red-bright: #ff4070;--neon-red-50: rgba(255, 0, 64, .5);--neon-red-30: rgba(255, 0, 64, .3);--neon-red-15: rgba(255, 0, 64, .15);--neon-orange: #ff6b00;--neon-orange-bright: #ff9040;--neon-orange-50: rgba(255, 107, 0, .5);--neon-orange-30: rgba(255, 107, 0, .3);--neon-orange-15: rgba(255, 107, 0, .15);--neon-purple: #a855f7;--neon-purple-bright: #c084fc;--neon-purple-50: rgba(168, 85, 247, .5);--neon-purple-30: rgba(168, 85, 247, .3);--neon-purple-15: rgba(168, 85, 247, .15);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-dark: #e0e0ff;--text-muted: #606080;--accent-gold: var(--neon-yellow);--accent-green: var(--neon-green);--accent-danger: var(--neon-red);--border-color: rgba(0, 255, 255, .3);--border-light: rgba(0, 255, 255, .15);--border-glow: rgba(0, 255, 255, .5);--panel-bg: rgba(10, 10, 18, .95);--panel-bg-glass: rgba(15, 15, 26, .85);--panel-shadow: 0 0 20px rgba(0, 255, 255, .2), 0 0 40px rgba(0, 0, 0, .5);--panel-radius: 8px;--shadow-sm: 0 0 5px rgba(0, 255, 255, .2);--shadow-md: 0 0 10px rgba(0, 255, 255, .3), 0 0 20px rgba(0, 0, 0, .4);--shadow-lg: 0 0 20px rgba(0, 255, 255, .4), 0 0 40px rgba(0, 0, 0, .6);--glow-cyan: 0 0 5px var(--neon-cyan), 0 0 10px var(--neon-cyan-50), 0 0 20px var(--neon-cyan-30);--glow-magenta: 0 0 5px var(--neon-magenta), 0 0 10px var(--neon-magenta-50), 0 0 20px var(--neon-magenta-30);--glow-yellow: 0 0 5px var(--neon-yellow), 0 0 10px var(--neon-yellow-50), 0 0 20px var(--neon-yellow-30);--glow-green: 0 0 5px var(--neon-green), 0 0 10px var(--neon-green-50), 0 0 20px var(--neon-green-30);--glow-red: 0 0 5px var(--neon-red), 0 0 10px var(--neon-red-50), 0 0 20px var(--neon-red-30);--glow-purple: 0 0 5px var(--neon-purple), 0 0 10px var(--neon-purple-50), 0 0 20px var(--neon-purple-30);--glow-orange: 0 0 5px var(--neon-orange), 0 0 10px var(--neon-orange-50), 0 0 20px var(--neon-orange-30)}body{font-family:Share Tech Mono,Courier New,monospace;background:linear-gradient(var(--neon-cyan-10) 1px,transparent 1px),linear-gradient(90deg,var(--neon-cyan-10) 1px,transparent 1px),radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-void) 100%);background-size:50px 50px,50px 50px,100% 100%;color:var(--text-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10000}h1,h2,h3,h4,h5{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px var(--neon-cyan-50),0 0 20px var(--neon-cyan-30)}button{font-family:Orbitron,sans-serif;cursor:pointer;border:1px solid var(--neon-cyan);padding:10px 20px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;background:var(--bg-tertiary);color:var(--neon-cyan);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-cyan-15),transparent);transition:left .4s ease}button:hover:before{left:100%}button:hover:not(:disabled){box-shadow:var(--glow-cyan);background:var(--neon-cyan-15);transform:translateY(-2px)}button:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,var(--neon-yellow-30) 0%,var(--neon-orange-30) 100%);border-color:var(--neon-yellow);color:var(--neon-yellow)}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-yellow);background:var(--neon-yellow-30)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--neon-cyan);color:var(--neon-cyan)}.btn-success{background:linear-gradient(135deg,var(--neon-green-30) 0%,var(--neon-green-15) 100%);border-color:var(--neon-green);color:var(--neon-green)}.btn-success:hover:not(:disabled){box-shadow:var(--glow-green);background:var(--neon-green-30)}.btn-danger{background:linear-gradient(135deg,var(--neon-red-30) 0%,var(--neon-red-15) 100%);border-color:var(--neon-red);color:var(--neon-red)}.btn-danger:hover:not(:disabled){box-shadow:var(--glow-red);background:var(--neon-red-30)}.btn-small{padding:6px 12px;font-size:.75rem}input,select{padding:10px 14px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:1rem;font-family:Share Tech Mono,monospace}input:focus,select:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid var(--border-light)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan-30),var(--neon-magenta-30));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-cyan-50),var(--neon-magenta-50))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes neonPulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}96%{opacity:.5}97%{opacity:1}}@keyframes glitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}20%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}30%{transform:translate(-1px,-1px);filter:hue-rotate(270deg)}40%{transform:translate(1px,1px);filter:hue-rotate(0deg)}50%{transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes borderGlow{0%,to{box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan-30)}50%{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan-50),0 0 30px var(--neon-cyan-30)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@keyframes dataStream{0%{background-position:0% 0%}to{background-position:0% 100%}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .4s ease}.neon-flicker{animation:neonFlicker 3s infinite}.neon-pulse{animation:neonPulse 2s ease-in-out infinite}.glitch-hover:hover{animation:glitch .3s ease}.neon-border-cyan{border:1px solid var(--neon-cyan);box-shadow:var(--glow-cyan)}.neon-border-magenta{border:1px solid var(--neon-magenta);box-shadow:var(--glow-magenta)}.neon-border-green{border:1px solid var(--neon-green);box-shadow:var(--glow-green)}.neon-border-yellow{border:1px solid var(--neon-yellow);box-shadow:var(--glow-yellow)}.neon-border-red{border:1px solid var(--neon-red);box-shadow:var(--glow-red)}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-50)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta-50)}.neon-text-green{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green-50)}.neon-text-yellow{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow-50)}.glass-panel{background:var(--panel-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--panel-radius)}.circuit-bg{background-image:linear-gradient(90deg,var(--neon-cyan-10) 1px,transparent 1px),linear-gradient(var(--neon-cyan-10) 1px,transparent 1px);background-size:20px 20px}body.performance-mode .glass-panel,body.performance-mode [class*=modal],body.performance-mode [class*=overlay],body.performance-mode [class*=card],body.performance-mode [class*=panel],body.performance-mode [class*=sidebar],body.performance-mode [class*=terminal],body.performance-mode [class*=notification]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.performance-mode .glass-panel{background:#0a0a12f2!important}body.performance-mode .nebula,body.performance-mode .dust-particle,body.performance-mode .lens-flare,body.performance-mode [class*=ambient]{display:none!important}body.performance-mode [class*=glow],body.performance-mode [class*=pulse],body.performance-mode [class*=flicker]{animation:none!important}body.performance-mode .shooting-star{animation-duration:8s!important}body.performance-mode [class*=neon-border]{box-shadow:none!important;border-width:2px!important}body.performance-mode [class*=neon-text]{text-shadow:none!important}body.performance-mode *{will-change:auto!important}body.performance-mode [style*="filter: blur"]{filter:blur(20px)!important}.page-hidden *,body.performance-mode.page-hidden *{animation-play-state:paused!important}