:root{--bg-dark:#08090d;--bg-panel:#121622d9;--bg-panel-solid:#111422;--border-neon:#ffffff14;--text-main:#cbd5e1;--text-muted:#64748b;--text-bright:#fff;--sector-tech:#38bdf8;--sector-finance:#fbbf24;--sector-consumer:#f97316;--sector-energy:#34d399;--sector-healthcare:#c084fc;--sector-entertainment:#f472b6;--sector-automotive:#818cf8;--font-ui:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Share Tech Mono", monospace;--font-header:"Share Tech Mono", monospace;--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1);--shadow-glow:none;--glass-blur:backdrop-filter: blur(16px)}*{box-sizing:border-box;margin:0;padding:0}button,.attribute-row{touch-action:manipulation}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-ui);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;background-image:radial-gradient(#ffffff08 1.5px,#0000 1.5px);background-position:50%;background-size:24px 24px;min-height:100vh;position:relative;overflow-x:hidden}body:before{display:none}#root{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 16px;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);letter-spacing:1px;color:var(--text-bright)}.header-nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.logo-text{font-family:var(--font-header);background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.8rem;font-weight:800;display:flex}.lobby-container{flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:480px;margin:0 auto;padding:40px 24px;display:flex}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff0f;border-radius:12px;width:100%;padding:32px;position:relative;box-shadow:0 8px 32px #00000040}.glass-panel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.font-mono{font-family:var(--font-mono)}.neon-input-wrapper{width:100%;margin-bottom:24px;position:relative}.neon-input{width:100%;color:var(--text-bright);font-family:var(--font-ui);transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:16px;font-size:1.1rem}.region-pills-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.region-pill{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:.8rem;transition:all .2s}.region-pill:hover{color:var(--text-bright);background:#ffffff0d}.region-pill.active{border-color:var(--sector-tech);color:var(--sector-tech);background:#ffffff1a;box-shadow:0 0 12px #34d39926}.neon-input:focus{background:#00000080;border-color:#ffffff40}.neon-btn{background:var(--text-bright);border:1px solid var(--text-bright);color:var(--bg-dark);font-family:var(--font-header);text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 28px;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00000026}.neon-btn:hover:not(:disabled){color:var(--bg-dark);background:#ffffffe6;border-color:#ffffffe6;transform:translateY(-1px)}.neon-btn:active:not(:disabled){transform:translateY(0)}.neon-btn:disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff05;border-color:#ffffff0d}.neon-btn.accent-purple{border-color:var(--sector-healthcare);color:var(--sector-healthcare);background:#e040fb1a}.neon-btn.accent-purple:hover:not(:disabled){background:var(--sector-healthcare);color:var(--bg-dark);box-shadow:0 0 20px #e040fb66}.neon-btn.accent-gold{border-color:var(--sector-finance);color:var(--sector-finance);background:#ffb3001a}.neon-btn.accent-gold:hover:not(:disabled){background:var(--sector-finance);color:var(--bg-dark);box-shadow:0 0 20px #ffb30066}.neon-btn.ghost{color:#38bdf8bf;background:0 0;border-color:#38bdf840}.neon-btn.ghost:hover:not(:disabled){border-color:var(--sector-tech);color:var(--sector-tech);background:#38bdf81a;box-shadow:0 0 12px #38bdf833}.arena-grid{flex-direction:column;flex:1;gap:20px;width:100%;max-width:900px;margin:0 auto;padding:16px 0;display:flex}.deck-states-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.deck-indicator{align-items:center;gap:8px;display:flex}.deck-count{font-family:var(--font-mono);font-size:1.2rem;font-weight:700}.escrow-pool-pill{border:1px dashed var(--sector-consumer);color:#ff8a65;background:#ff3d001a;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;animation:1.5s infinite alternate pulse;display:flex}.battlezone{grid-template-columns:1fr 1fr;place-items:center;gap:32px;min-height:420px;display:grid;position:relative}@media (width<=768px){.battlezone{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;min-height:auto}.battle-card-wrapper{max-width:100%}}.battle-card-wrapper{flex-direction:column;align-items:center;width:100%;max-width:320px;display:flex}.card-owner-label{font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.card-owner-label.active{color:var(--sector-tech)}.card-perspective{perspective:1000px;aspect-ratio:5/8;width:100%;height:auto}.card-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-flipper.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 20px #0006}.card-back{background:#0f121d;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.card-back-pattern{background-image:radial-gradient(#ffffff08 1.5px,#0000 1.5px);background-size:16px 16px;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:70%;height:70%;display:flex;position:relative}.card-back-pattern:before{content:"GAME OF BRANDS";font-family:var(--font-header);letter-spacing:6px;color:#ffffff08;font-size:1.4rem;font-weight:900;transform:rotate(-45deg)}.card-front{border:1.5px solid var(--sector-color,#ffffff14);background:#0d101a;flex-direction:column;padding:16px;display:flex}.card-front.glow{box-shadow:0 0 0 1px var(--sector-color,#ffffff1a), 0 8px 32px #00000080}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.company-name{color:var(--text-bright);font-size:1.5rem;font-weight:800;line-height:1.1}.company-ticker{font-family:var(--font-mono);color:var(--sector-color,var(--text-muted));border:1px solid var(--sector-color,#ffffff1a);border-radius:4px;padding:3px 8px;font-size:.9rem;font-weight:700}.company-sector-badge{text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-family:var(--font-header);letter-spacing:1px;margin-bottom:12px}.card-graphic-placeholder{background:#00000080;border:1px solid #ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.card-graphic-bg{opacity:.15;background-image:linear-gradient(#0000 50%,#ffffff0d 50%);background-size:100% 8px;position:absolute;inset:0}.card-monogram-ring{z-index:1;backface-visibility:hidden;background:#00000059;border:2px solid;border-radius:10px;justify-content:center;align-items:center;width:auto;height:52px;padding-left:18px;padding-right:18px;display:flex;position:relative}.card-monogram-txt{font-family:var(--font-header);letter-spacing:3px;text-shadow:0 0 14px;font-size:1.35rem;font-weight:900;line-height:1}.card-stats-list{flex-direction:column;gap:6px;display:flex}.stat-row{cursor:pointer;transition:var(--transition-smooth);background:#00000059;border:1px solid #ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:1.1rem;display:flex}@keyframes pulseSelectable{0%{box-shadow:0 0 #ffffff1a}50%{box-shadow:0 0 0 2px #fff3}to{box-shadow:0 0 #ffffff1a}}.stat-row.selectable{animation:2s ease-in-out infinite pulseSelectable}.stat-row.selectable:hover{border-color:var(--sector-color,#ffffff26);background:#ffffff0f;animation:none}.stat-row.selected-player-call{border-color:var(--text-bright)!important;background:#ffffff14!important}.stat-row.disabled{cursor:not-allowed;opacity:.8}.stat-row.winning-stat{animation:1.5s infinite alternate winningFlash}.stat-label{color:var(--text-muted);font-family:var(--font-header);letter-spacing:.5px;font-size:.95rem}.stat-value{font-family:var(--font-mono);color:var(--text-bright);font-size:1.25rem;font-weight:700}.sector-tech{--sector-color:var(--sector-tech)}.sector-finance{--sector-color:var(--sector-finance)}.sector-consumer{--sector-color:var(--sector-consumer)}.sector-energy{--sector-color:var(--sector-energy)}.sector-healthcare{--sector-color:var(--sector-healthcare)}.sector-entertainment{--sector-color:var(--sector-entertainment)}.sector-automotive{--sector-color:var(--sector-automotive)}.guidance-bar{text-align:center;font-family:var(--font-header);color:var(--sector-tech);background:#0009;border:1px solid #00e5ff33;border-radius:8px;margin-top:10px;padding:16px;font-size:1.1rem}.action-hud{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=580px){.action-hud{grid-template-columns:1fr}}.powerup-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;display:flex}.powerup-header{align-items:center;gap:8px;display:flex}.powerup-title{font-family:var(--font-header);color:var(--text-bright);font-size:.95rem}.powerup-desc{color:var(--text-muted);font-size:.75rem}.exit-grid{grid-template-columns:1.2fr 1fr;gap:32px;width:100%;max-width:900px;margin:0 auto;padding:24px 0;display:grid}@media (width<=768px){.exit-grid{grid-template-columns:1fr;gap:20px}}.stats-overlay-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.stat-box{text-align:center;background:#0006;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.stat-box-val{font-family:var(--font-mono);color:var(--text-bright);font-size:1.6rem;font-weight:800}.stat-box-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.7rem}.share-card-container{flex-direction:column;gap:16px;display:flex}.share-preview-box{font-family:var(--font-mono);white-space:pre-wrap;color:var(--text-main);text-align:left;background:#060913;border:1px solid #ffffff14;border-radius:8px;padding:16px;font-size:.9rem}.toast-message{background:var(--sector-energy);color:var(--bg-dark);font-weight:700;font-family:var(--font-header);z-index:10000;border-radius:8px;padding:12px 24px;animation:.3s slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #00e6764d}.leaderboard-box{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.leaderboard-box::-webkit-scrollbar{width:6px}.leaderboard-box::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:3px}.leaderboard-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;display:flex}.leaderboard-row.highlighted{border-color:var(--sector-tech);background:#00e5ff0d}.leaderboard-rank{font-family:var(--font-mono);color:var(--sector-tech);width:24px;font-weight:700}.leaderboard-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-left:8px;font-weight:600;overflow:hidden}.leaderboard-score{font-family:var(--font-mono);color:var(--text-bright);font-weight:700}.leaderboard-streak{color:var(--sector-consumer);font-size:.75rem;font-family:var(--font-header);background:#ff3d001a;border-radius:4px;margin-left:8px;padding:2px 6px}.leaderboard-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.9rem}@keyframes pulse{0%{opacity:.6;box-shadow:0 0 5px #ff3d001a}to{opacity:1;box-shadow:0 0 15px #ff3d0066}}@keyframes winningFlash{0%{background:#34d39926;border-color:#34d3994d}to{border-color:var(--sector-energy);background:#34d39959}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-panel-solid);border:2px solid var(--sector-tech);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 0 30px #00e5ff40}.ad-timer-ring{border:4px solid #ffffff0d;border-top-color:var(--sector-tech);width:80px;height:80px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.5rem;font-weight:800;animation:1s linear infinite spin;display:flex}.ad-timer-ring span{animation:1s linear infinite counterSpin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.custom-dropdown{width:100%;color:var(--text-bright);font-family:var(--font-ui);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;font-size:.95rem;transition:all .2s;display:flex}.custom-dropdown:hover{background:#ffffff0d;border-color:#ffffff4d}.custom-dropdown-menu{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ff2;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-top:8px;animation:.2s forwards slideDown;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.custom-dropdown-item{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;padding:16px;font-size:.95rem;transition:all .2s}.custom-dropdown-item:hover{color:var(--text-bright);background:#ffffff14}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){#root{padding:0 12px}.lobby-container{padding:8px 12px}.lobby-container h1{font-size:2rem!important}.card-perspective{aspect-ratio:auto;flex:1;max-width:100%;height:100%}.card-front{flex-direction:column;justify-content:space-between;height:100%;padding:12px 8px;display:flex;position:relative}.card-graphic-placeholder{display:none}.card-logo-txt{font-size:1.5rem}.company-name{text-align:center;margin-bottom:2px;font-size:1.1rem;line-height:1.1}.company-ticker{margin:0 auto;padding:2px 6px;font-size:.75rem;display:inline-block}.company-sector-badge{text-align:center;width:100%;margin-bottom:12px;font-size:.7rem}.card-header{flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.card-stats-list{gap:6px}.stat-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px}.stat-label{white-space:normal;font-size:.7rem}.stat-value{font-size:1.3rem;line-height:1}.deck-states-container{padding:6px 12px;font-size:.8rem}.deck-indicator{gap:4px}.deck-count{font-size:1rem}.escrow-pool-pill{padding:4px 8px;font-size:.75rem}.header-nav{padding:8px 0}.header-nav .logo-text{font-size:1.2rem!important}.guidance-bar{padding:8px;font-size:.9rem}.exit-grid{padding:8px 0}.stats-overlay-grid{grid-template-columns:1fr 1fr;gap:8px;padding-bottom:0;display:grid}.stats-overlay-grid .stat-box{flex:none;padding:8px}.stat-box-val{font-size:1.1rem}.share-preview-box{padding:12px}.share-grid{gap:12px}.arena-grid{gap:8px;padding:4px 0}.battle-card-wrapper{gap:2px}.card-owner-label{margin-bottom:2px}}
