@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap";.lobby-container{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(circle at center,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.lobby-panel{background-color:var(--bg-card);padding:2rem;border-radius:12px;width:400px;display:flex;flex-direction:column;gap:1.5rem}.glowing-border{border:1px solid var(--border-glow);box-shadow:0 0 15px var(--border-glow)}.orbitron-heading{font-family:Orbitron,sans-serif;text-align:center;color:var(--neon-cyan);text-transform:uppercase;margin:0;text-shadow:0 0 10px var(--neon-cyan)}.lobby-controls{display:flex;flex-direction:column;gap:1rem}.join-section{display:flex;gap:.5rem}.join-section input{flex:1;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px}button{padding:.75rem 1rem;border:none;border-radius:4px;font-family:Orbitron,sans-serif;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s}.btn-primary{background-color:var(--neon-cyan);color:#000;box-shadow:0 0 10px var(--neon-cyan)}.btn-primary:hover{background-color:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue)}.btn-secondary{background-color:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan)}.btn-secondary:hover{background-color:#00f2fe1a}.settings-section{display:flex;flex-direction:column;gap:.5rem}.settings-section select{padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px}.deckbuilder-container{padding:2rem;display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;flex:1;overflow-y:auto;margin-top:1rem}.deck-card{height:140px;border-radius:8px;background-color:var(--bg-card);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;transition:all .2s}.deck-card.movement{border-color:var(--neon-cyan)}.deck-card.attack{border-color:var(--neon-red)}.deck-card.utility{border-color:var(--neon-green)}.deck-card.persistent{border-color:gold}.deck-card.selected{background-color:#ffffff1a;box-shadow:0 0 10px currentColor}.ready-btn{margin-top:1rem;align-self:center;width:200px}:root{--player-1: #00f2fe;--player-2: #fe4f4f;--player-3: #4ffe7f;--player-4: #ffd700}.battlemap-viewport{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--bg-primary, #0f0f13);padding:1rem;box-sizing:border-box}.battlemap-grid{display:grid;--cell-size: 28px;grid-template-columns:repeat(20,var(--cell-size));grid-template-rows:repeat(20,var(--cell-size));gap:1px;background-color:var(--border-subtle, #333);padding:1px;position:relative;width:max-content;margin:0 auto}@media(min-width:768px){.battlemap-grid{--cell-size: 40px}}.battlemap-cell{background-color:var(--bg-secondary, #1a1a24);width:100%;height:100%;min-width:28px;min-height:28px;box-sizing:border-box}.cell-wall{background-color:#222;box-shadow:inset 0 0 0 1px #000}.cell-obstacle{background:repeating-linear-gradient(45deg,#444,#444 4px,#333 4px,#333 8px)}.cell-high-ground{background-color:#3a3a45;box-shadow:2px 2px 4px #00000080,inset 1px 1px 2px #fff3;z-index:1}.cell-difficult-terrain{background-color:#3d2b1f;background-image:radial-gradient(rgba(0,0,0,.4) 2px,transparent 2px);background-size:6px 6px}.cell-mine{background-color:var(--bg-secondary, #1a1a24);box-shadow:inset 0 0 12px #ff323299;position:relative}.cell-mine:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background-color:#f33;border-radius:50%;box-shadow:0 0 8px #f33}.cell-salvage{background-color:var(--bg-secondary, #1a1a24);box-shadow:inset 0 0 12px #0ff6;position:relative}.cell-salvage:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background-color:#0ff;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 0 8px #0ff}.cell-starting-location{position:relative}.cell-starting-location:after{content:"";position:absolute;top:10%;left:10%;right:10%;bottom:10%;border:2px solid rgba(255,255,255,.3);border-radius:50%}.robot{position:absolute;top:1px;left:1px;width:var(--cell-size);height:var(--cell-size);transition:transform .4s ease-out;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.robot-indicator{width:70%;height:70%;background-color:var(--player-color, white);clip-path:polygon(50% 0%,100% 100%,50% 75%,0% 100%);transition:transform .3s ease}.action-card{width:80px;height:110px;perspective:1000px;cursor:pointer;flex-shrink:0}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.action-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;border:3px solid #fff;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;box-sizing:border-box}.card-logo{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;text-align:center;line-height:1.2}.card-stats{display:flex;flex-wrap:wrap;gap:4px;font-size:.6rem;margin-top:8px;justify-content:center}.stat{background:#fff3;padding:2px 4px;border-radius:4px}.card-badges{position:absolute;top:4px;right:4px;display:flex;gap:2px}.badge{font-size:.7rem}.card-back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#000,#000 10px,#222 10px,#222 20px)}.card-name{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700}.action-card.movement .card-front{border-color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.action-card.attack .card-front{border-color:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.action-card.utility .card-front{border-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.action-card.persistent .card-front{border-color:gold;box-shadow:0 0 8px gold}.action-card.movement:hover .card-front{box-shadow:0 0 15px var(--neon-cyan)}.action-card.attack:hover .card-front{box-shadow:0 0 15px var(--neon-red)}.action-card.utility:hover .card-front{box-shadow:0 0 15px var(--neon-green)}.action-card.persistent:hover .card-front{box-shadow:0 0 15px gold}.card-hand-container{display:flex;flex-direction:column;height:100%;padding:1rem;box-sizing:border-box;gap:1rem}.section-title{font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--neon-cyan);padding-bottom:4px}.active-effects-zone,.prepared-zone,.hand-zone{display:flex;gap:.5rem;min-height:110px;overflow-x:auto;padding:.5rem 0}.submit-btn{margin-top:auto}.chat-toggle{position:absolute;right:10px;top:10px;z-index:50;background:var(--bg-card);border:1px solid var(--neon-cyan);color:var(--text-primary);border-radius:50%;width:40px;height:40px}.chat-panel{position:absolute;right:-300px;top:0;width:300px;height:100%;background:#12121ef2;border-left:1px solid var(--border-glow);transition:right .3s ease;display:flex;flex-direction:column;z-index:40}.chat-panel.open{right:0}.chat-messages{flex:1;padding:1rem;overflow-y:auto}.sys-msg{color:var(--text-secondary);font-style:italic;font-size:.8rem}.chat-input-row{display:flex;padding:.5rem;border-top:1px solid var(--border-subtle)}.chat-input-row input{flex:1;background:var(--bg-primary);color:#fff;border:1px solid var(--border-subtle);padding:.5rem}.ready-indicators-panel{display:flex;gap:1rem;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.player-indicator{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:.8rem}.dot{width:10px;height:10px;border-radius:50%}.dot.green{background-color:var(--neon-green);box-shadow:0 0 5px var(--neon-green)}.dot.yellow{background-color:gold;box-shadow:0 0 5px gold}.dot.red{background-color:var(--neon-red);box-shadow:0 0 5px var(--neon-red)}.dot.blue{background-color:var(--neon-blue);box-shadow:0 0 5px var(--neon-blue)}.prompt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a14cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.prompt-modal{background-color:var(--bg-card);padding:2rem;border-radius:12px;text-align:center}.minimap-container{position:absolute;bottom:10px;right:10px;width:80px;height:80px;background-color:#0a0a14cc;border:1px solid var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan);z-index:10;pointer-events:none}.minimap-grid{width:100%;height:100%}.minimap-viewport-indicator{position:absolute;border:1px solid var(--neon-cyan);top:0;left:0;width:40%;height:40%;background-color:#00f2fe33}.app-container{width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-primary, #0a0a14);color:var(--text-primary, #e0e0e8);font-family:Inter,sans-serif}.game-layout{display:flex;height:100%;width:100%}.board-section{flex:2;display:flex;flex-direction:column;position:relative;overflow:hidden}.map-container-wrapper{flex:1;position:relative;overflow:hidden}.sidebar-section{flex:1;border-left:1px solid var(--border-subtle, rgba(255,255,255,.08));display:flex;flex-direction:column;background-color:var(--bg-secondary, #12121e)}@media(max-aspect-ratio:1/1){.game-layout{flex-direction:column}.board-section{flex:1;border-bottom:1px solid var(--border-subtle)}.sidebar-section{flex:1;border-left:none}}:root{--bg-primary: #0a0a14;--bg-secondary: #0f0f1a;--bg-card: #141423;--neon-cyan: #00f2fe;--neon-blue: #4facfe;--neon-red: #fe4f4f;--neon-green: #4ffe7f;--text-primary: #e0e0e0;--text-secondary: #8c8c9a;--border-subtle: #2a2a3a;--border-glow: rgba(0, 242, 254, .5);--base-transition: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6,.orbitron{font-family:Orbitron,sans-serif}#root{width:100%;height:100%;max-width:none;margin:0;padding:0}