@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root{font-family:Rajdhani,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e8f0;background-color:#0a0e17;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;overflow:hidden}button{font-family:inherit;cursor:pointer}button:focus{outline:none}:root{--color-bg: #0a0e17;--color-bg-panel: rgba(13, 25, 41, .85);--color-border: rgba(0, 240, 255, .3);--color-cyan: #00f0ff;--color-cyan-dim: #006b72;--color-orange: #ff6b35;--color-green: #39ff14;--color-text: #e0e8f0;--color-text-dim: #6b7c93;--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}.game-hud{position:fixed;inset:0;pointer-events:none;z-index:100}.game-hud>*{pointer-events:auto}.top-bar{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,var(--color-bg-panel) 0%,transparent 100%);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:16px}.top-bar-center{position:absolute;left:50%;transform:translate(-50%)}.logo{display:flex;align-items:baseline;gap:8px}.logo-text{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-cyan);letter-spacing:4px;text-shadow:0 0 20px var(--color-cyan)}.logo-number{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--color-orange);text-shadow:0 0 20px var(--color-orange)}.turn-indicator,.phase-indicator,.current-player,.bomb-progress{display:flex;flex-direction:column;gap:2px}.label{font-family:var(--font-mono);font-size:9px;color:var(--color-text-dim);letter-spacing:2px;text-transform:uppercase}.value{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--color-text)}.phase-text{color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan);animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.divider{width:1px;height:30px;background:linear-gradient(180deg,transparent,var(--color-border),transparent)}.progress-bar{display:flex;gap:4px}.progress-segment{width:20px;height:8px;border:1px solid var(--color-orange);transition:all .3s ease}.progress-segment.active{animation:pulse-glow 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.player-panel{position:absolute;top:80px;left:20px;width:240px;background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{padding:12px 16px;border-bottom:1px solid var(--color-border);border-left:3px solid var(--color-cyan);display:flex;align-items:center;gap:10px}.faction-icon{width:12px;height:12px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.faction-name{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--color-text);letter-spacing:2px}.panel-content{padding:16px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{font-family:var(--font-mono);font-size:10px;color:var(--color-text-dim);letter-spacing:1px}.stat-value{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--color-text)}.stat-value.credits{color:var(--color-orange);text-shadow:0 0 10px var(--color-orange)}.stat-value.income{color:var(--color-green);font-size:12px}.divider-line{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:12px 0}.section-title{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan);letter-spacing:2px;display:block;margin-bottom:8px}.breakthroughs-section{margin-top:8px}.breakthrough-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;background:#00f0ff0d;border-left:2px solid var(--color-text-dim);transition:all .3s ease}.breakthrough-item.completed{border-left-color:var(--color-green);background:#39ff141a}.breakthrough-item.researching{border-left-color:var(--color-orange);background:#ff6b351a;animation:research-pulse 1.5s ease-in-out infinite}@keyframes research-pulse{0%,to{background:#ff6b351a}50%{background:#ff6b3533}}.bt-name{font-family:var(--font-body);font-size:11px;color:var(--color-text)}.bt-progress{display:flex;gap:3px}.bt-pip{width:8px;height:8px;border:1px solid var(--color-text-dim);background:transparent}.bt-pip.filled{background:var(--color-cyan);border-color:var(--color-cyan);box-shadow:0 0 5px var(--color-cyan)}.hex-info-panel{position:absolute;top:80px;right:20px;width:220px;background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hex-name{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--color-text);letter-spacing:1px}.units-section{margin-top:8px}.unit-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.unit-type{font-family:var(--font-body);font-size:12px;color:var(--color-text)}.unit-status{font-family:var(--font-mono);font-size:8px;letter-spacing:1px;padding:2px 6px}.unit-status.ready{color:var(--color-green);background:#39ff141a}.unit-status.moved{color:var(--color-text-dim);background:#ffffff0d}.action-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px}.action-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--color-bg-panel);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.action-button:hover{background:#00f0ff1a;border-color:var(--color-cyan);transform:translateY(-2px)}.action-button.primary{border-color:var(--color-cyan)}.action-button.primary:hover{box-shadow:0 0 20px #00f0ff4d}.button-icon{color:var(--color-cyan);font-size:14px}.button-text{color:var(--color-text);font-size:12px;font-weight:600;letter-spacing:2px}.purchase-panel{position:absolute;bottom:80px;left:20px;width:320px;background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.purchase-grid{padding:16px}.unit-category{margin-bottom:16px}.category-title{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan);letter-spacing:2px;display:block;margin-bottom:8px}.purchase-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;margin-bottom:6px;background:#00f0ff08;border:1px solid rgba(0,240,255,.1);cursor:pointer;transition:all .2s ease;text-align:left}.purchase-item:hover:not(.disabled){background:#00f0ff1a;border-color:var(--color-cyan);transform:translate(4px)}.purchase-item.disabled{opacity:.4;cursor:not-allowed}.item-info{display:flex;flex-direction:column;gap:2px}.item-name{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-text)}.item-stats{font-family:var(--font-mono);font-size:9px;color:var(--color-text-dim);letter-spacing:1px}.item-cost{display:flex;flex-direction:column;align-items:center}.cost-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-orange)}.cost-label{font-family:var(--font-mono);font-size:8px;color:var(--color-text-dim)}.purchase-warning{padding:8px 16px;background:#ff6b351a;border-top:1px solid rgba(255,107,53,.3);font-family:var(--font-mono);font-size:9px;color:var(--color-orange);letter-spacing:1px;text-align:center}.players-overview{position:absolute;bottom:20px;right:20px;display:flex;gap:8px}.player-mini{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-bg-panel);border:1px solid var(--color-border);transition:all .2s ease}.player-mini.active{border-width:2px;box-shadow:0 0 15px #00f0ff33}.player-mini-icon{width:10px;height:10px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.player-mini-money{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-text)}.game-hud:before{content:"";position:fixed;inset:0;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:1000}.game-hud:after{content:"";position:fixed;top:10px;left:10px;width:30px;height:30px;border-left:2px solid var(--color-cyan);border-top:2px solid var(--color-cyan);pointer-events:none}.multiplayer-lobby{position:fixed;inset:0;background:#0a0e17f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-panel{background:var(--color-bg-panel, rgba(13, 25, 41, .95));border:1px solid var(--color-border, rgba(0, 240, 255, .3));width:100%;max-width:500px;padding:0}.panel-header h2{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:#00f0ff;letter-spacing:3px;margin:0}.back-button{font-family:Share Tech Mono,monospace;font-size:12px;color:#6b7c93;background:transparent;border:1px solid #6b7c93;padding:6px 12px;cursor:pointer;transition:all .2s ease}.back-button:hover{color:#00f0ff;border-color:#00f0ff}.mode-select{display:flex;flex-direction:column;gap:12px;padding:24px}.mode-button{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:#00f0ff08;border:1px solid rgba(0,240,255,.2);cursor:pointer;transition:all .2s ease;text-align:left}.mode-button:hover{background:#00f0ff1a;border-color:#00f0ff;transform:translate(4px)}.mode-icon{font-size:24px;margin-bottom:8px}.mode-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;color:#e0e8f0;letter-spacing:2px}.mode-desc{font-family:Rajdhani,sans-serif;font-size:12px;color:#6b7c93;margin-top:4px}.join-form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:Share Tech Mono,monospace;font-size:10px;color:#00f0ff;letter-spacing:2px;margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(0,240,255,.3);color:#e0e8f0;font-family:Share Tech Mono,monospace;font-size:14px;letter-spacing:1px}.form-group input:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.form-group input::placeholder{color:#4a5568}.form-actions{display:flex;gap:12px;margin-top:24px}.cancel-button,.confirm-button{flex:1;padding:12px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.cancel-button{background:transparent;border:1px solid #6b7c93;color:#6b7c93}.cancel-button:hover{border-color:#ff6b35;color:#ff6b35}.confirm-button{background:#00f0ff1a;border:1px solid #00f0ff;color:#00f0ff}.confirm-button:hover:not(:disabled){background:#00f0ff33;box-shadow:0 0 20px #00f0ff4d}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.connected-view{padding:24px}.room-code-display{display:flex;align-items:center;gap:12px;padding:16px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.3);margin-bottom:24px}.code-label{font-family:Share Tech Mono,monospace;font-size:10px;color:#6b7c93;letter-spacing:2px}.code-value{flex:1;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00f0ff;letter-spacing:3px;word-break:break-all}.copy-button{padding:6px 12px;background:transparent;border:1px solid #00f0ff;color:#00f0ff;font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#00f0ff1a}.player-slots{margin-bottom:24px}.player-slots h3{font-family:Share Tech Mono,monospace;font-size:10px;color:#6b7c93;letter-spacing:2px;margin-bottom:12px}.player-slot{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003;border:1px solid;margin-bottom:8px;transition:all .2s ease}.player-slot.occupied{background:#0006}.player-slot.mine{box-shadow:0 0 15px #00f0ff33}.slot-indicator{width:8px;height:8px;border-radius:50%;border:1px solid currentColor}.slot-info{flex:1;display:flex;flex-direction:column;gap:2px}.slot-name{font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px}.slot-status{font-family:Rajdhani,sans-serif;font-size:11px;color:#6b7c93}.ready-indicator{color:#39ff14;font-size:16px}.lobby-actions{display:flex;gap:12px;align-items:center}.leave-button{padding:12px 20px;background:transparent;border:1px solid #ff6b35;color:#ff6b35;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.leave-button:hover{background:#ff6b351a}.lobby-actions .start-button{flex:1;padding:12px 20px;background:#39ff141a;border:1px solid #39ff14;color:#39ff14;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.lobby-actions .start-button:hover:not(:disabled){background:#39ff1433;box-shadow:0 0 20px #39ff144d}.lobby-actions .start-button:disabled{opacity:.5;cursor:not-allowed}.waiting-message{flex:1;font-family:Rajdhani,sans-serif;font-size:12px;color:#6b7c93;text-align:center;animation:pulse 2s ease-in-out infinite}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ff6b351a;border-top:1px solid rgba(255,107,53,.3);color:#ff6b35;font-family:Rajdhani,sans-serif;font-size:12px}.error-icon{font-size:16px}.loading-overlay{position:absolute;inset:0;background:#0a0e17e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:40px;height:40px;border:2px solid rgba(0,240,255,.2);border-top-color:#00f0ff;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay span{font-family:Share Tech Mono,monospace;font-size:12px;color:#6b7c93;letter-spacing:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.character-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e17,#0d1929,#1a0a2e);z-index:100}.cs-container{width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;gap:2rem}.cs-header{text-align:center;position:relative}.cs-back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:transparent;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .2s}.cs-back-btn:hover{background:#00d4ff1a;border-color:#00d4ff}.cs-title{font-size:2rem;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 20px rgba(0,212,255,.5)}.cs-hint{color:#666;font-size:.85rem;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.cs-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.cs-slot{position:relative;background:#0a0e17e6;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-height:320px;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;overflow:hidden}.cs-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--slot-color, #333) 200%);opacity:.1;transition:opacity .3s}.cs-slot.inactive:hover{border-color:var(--slot-color)}.cs-slot.inactive:hover:before{opacity:.2}.cs-slot.active{border-color:var(--slot-color);box-shadow:0 0 30px rgba(var(--slot-color),.3);cursor:default}.cs-slot.active:before{opacity:.25}.cs-slot.ready{border-color:var(--slot-color);box-shadow:0 0 40px var(--slot-color)}.cs-slot.ready:after{content:"";position:absolute;inset:-2px;border:2px solid var(--slot-color);border-radius:12px;animation:ready-pulse 1.5s ease-in-out infinite}@keyframes ready-pulse{0%,to{opacity:1}50%{opacity:.4}}.slot-number{position:absolute;top:.75rem;left:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.9rem;font-weight:700;color:#888}.cs-slot.active .slot-number{background:var(--slot-color);border-color:var(--slot-color);color:#000}.slot-portrait{flex:1;display:flex;align-items:center;justify-content:center;min-height:140px;position:relative}.portrait-empty{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#444}.join-prompt{font-size:1.1rem;font-weight:600;text-transform:uppercase}.join-subtext{font-size:.75rem;opacity:.6}.cs-slot.inactive:hover .portrait-empty{color:var(--slot-color)}.portrait-active{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.character-avatar{position:relative;width:80px;height:120px}.avatar-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:70px;background:var(--slot-color);border-radius:8px 8px 4px 4px;opacity:.9}.avatar-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:45px;background:var(--slot-color);border-radius:50% 50% 45% 45%;opacity:.9}.character-avatar.female .avatar-body{border-radius:8px 8px 2px 2px;width:45px}.avatar-hair{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:50px;height:30px;background:var(--slot-accent);border-radius:50% 50% 30% 30%;opacity:.8}.slot-info{text-align:center;margin-top:1rem}.slot-faction{font-size:.9rem;font-weight:700;color:var(--slot-color);text-transform:uppercase;letter-spacing:.05em}.slot-title{font-size:.75rem;color:#888;margin-top:.25rem;text-transform:uppercase}.slot-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.variant-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#888;cursor:pointer;transition:all .2s;font-size:.8rem}.variant-btn:hover{background:var(--slot-color);border-color:var(--slot-color);color:#000}.variant-label{font-size:.75rem;color:#666;text-transform:uppercase;min-width:50px;text-align:center}.slot-actions{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.ready-btn{padding:.5rem 1.5rem;background:transparent;border:2px solid var(--slot-color);color:var(--slot-color);font-size:.85rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s;border-radius:4px}.ready-btn:hover{background:var(--slot-color);color:#000}.ready-badge{padding:.5rem 1.5rem;background:var(--slot-color);color:#000;font-size:.85rem;font-weight:700;text-transform:uppercase;border-radius:4px}.leave-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,100,100,.3);color:#f66;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.leave-btn:hover{background:#ff646433;border-color:#f66}.cs-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:60px}.cs-start-btn{padding:1rem 3rem;background:linear-gradient(135deg,#00d4ff,#08a);border:none;color:#000;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s;border-radius:4px}.cs-start-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00d4ff80}.cs-start-btn .btn-bracket{opacity:.5}.cs-footer-hint{color:#555;font-size:.8rem;text-transform:uppercase}@media(max-width:900px){.cs-slots{grid-template-columns:repeat(2,1fr);gap:1rem}.cs-slot{min-height:280px;padding:1rem}.cs-title{font-size:1.5rem}.cs-back-btn{position:static;transform:none;margin-bottom:1rem}}@media(max-width:500px){.cs-container{padding:1rem;gap:1rem}.cs-slots{grid-template-columns:repeat(2,1fr);gap:.75rem}.cs-slot{min-height:220px;padding:.75rem}.character-avatar{width:60px;height:90px}.avatar-body{width:38px;height:52px}.avatar-head{width:30px;height:34px}.slot-faction{font-size:.75rem}.slot-controls{gap:.5rem}.variant-btn{width:28px;height:28px}.ready-btn,.ready-badge{padding:.4rem 1rem;font-size:.75rem}.cs-start-btn{padding:.75rem 2rem;font-size:1rem}}.main-menu{position:fixed;inset:0;background:#0a0e17f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-menu:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none}.menu-content{text-align:center;max-width:500px;padding:40px;position:relative}.menu-header{margin-bottom:32px}.menu-title{display:flex;align-items:baseline;justify-content:center;gap:16px;margin-bottom:8px}.title-sector{font-family:Orbitron,sans-serif;font-size:56px;font-weight:700;color:#00f0ff;letter-spacing:8px;text-shadow:0 0 20px rgba(0,240,255,.8),0 0 40px rgba(0,240,255,.4);animation:title-glow 2s ease-in-out infinite}.title-7{font-family:Orbitron,sans-serif;font-size:72px;font-weight:900;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.8),0 0 40px rgba(255,107,53,.4);animation:title-glow-orange 2s ease-in-out infinite;animation-delay:.5s}@keyframes title-glow{0%,to{text-shadow:0 0 20px rgba(0,240,255,.8),0 0 40px rgba(0,240,255,.4)}50%{text-shadow:0 0 30px rgba(0,240,255,1),0 0 60px rgba(0,240,255,.6)}}.menu-subtitle{font-family:Share Tech Mono,monospace;font-size:12px;color:#6b7c93;letter-spacing:6px;margin-bottom:24px}.menu-divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);margin:0 auto}.menu-description{font-family:Rajdhani,sans-serif;font-size:15px;color:#a0b0c0;line-height:1.7;margin-bottom:32px}.menu-options{display:flex;flex-direction:column;gap:12px}.menu-option{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#00f0ff08;border:1px solid rgba(0,240,255,.2);cursor:pointer;transition:all .3s ease;text-align:left}.menu-option:hover{background:#00f0ff14;border-color:#00f0ff;transform:translate(4px)}.menu-option:hover .option-arrow{transform:translate(4px);color:#00f0ff}.option-icon{font-size:28px;width:40px;text-align:center}.option-content{flex:1;display:flex;flex-direction:column;gap:4px}.option-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;color:#e0e8f0;letter-spacing:2px}.option-desc{font-family:Rajdhani,sans-serif;font-size:12px;color:#6b7c93}.option-arrow{font-size:18px;color:#6b7c93;transition:all .2s ease}.menu-option.primary{border-color:#00f0ff66}.menu-option.primary:hover{box-shadow:0 0 20px #00f0ff33}.menu-option.multiplayer{border-color:#39ff144d}.menu-option.multiplayer:hover{border-color:#39ff14;background:#39ff1414;box-shadow:0 0 20px #39ff1433}.menu-option.multiplayer:hover .option-arrow{color:#39ff14}.menu-option.tutorial{border-color:#bf00ff4d}.menu-option.tutorial:hover{border-color:#bf00ff;background:#bf00ff14}.menu-option.tutorial:hover .option-arrow{color:#bf00ff}.new-badge{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;color:#ff6b35;background:#ff6b3533;padding:4px 8px;letter-spacing:1px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.menu-separator{height:1px;background:#00f0ff1a;margin:8px 0}.menu-footer{margin-top:32px;font-family:Share Tech Mono,monospace;font-size:10px;color:#4a5568;letter-spacing:3px}.corner-decor{position:fixed;width:40px;height:40px;pointer-events:none}.corner-decor.top-left{top:20px;left:20px;border-left:2px solid #00f0ff;border-top:2px solid #00f0ff}.corner-decor.bottom-right{bottom:20px;right:20px;border-right:2px solid #00f0ff;border-bottom:2px solid #00f0ff}.game-setup{position:fixed;inset:0;background:#0a0e17f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setup-panel{background:#0d1929f2;border:1px solid rgba(0,240,255,.3);width:100%;max-width:450px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,240,255,.2)}.panel-header h2{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;color:#00f0ff;letter-spacing:3px;margin:0}.back-btn{font-family:Share Tech Mono,monospace;font-size:11px;color:#6b7c93;background:transparent;border:1px solid #6b7c93;padding:6px 12px;cursor:pointer;transition:all .2s ease}.back-btn:hover{color:#00f0ff;border-color:#00f0ff}.setup-content{padding:24px}.setup-section{margin-bottom:24px}.section-label{display:block;font-family:Share Tech Mono,monospace;font-size:10px;color:#00f0ff;letter-spacing:2px;margin-bottom:12px}.player-count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.count-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#0000004d;border:1px solid rgba(0,240,255,.2);cursor:pointer;transition:all .2s ease}.count-btn:hover{background:#00f0ff0d;border-color:#00f0ff80}.count-btn.selected{background:#00f0ff1a;border-color:#00f0ff;box-shadow:0 0 15px #00f0ff33}.count-number{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#e0e8f0}.count-btn.selected .count-number{color:#00f0ff}.count-label{font-family:Rajdhani,sans-serif;font-size:11px;color:#6b7c93;text-transform:uppercase;letter-spacing:1px}.mission-info{background:#0003;border:1px solid rgba(0,240,255,.1);padding:16px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,240,255,.05)}.info-row:last-child{border-bottom:none}.info-label{font-family:Share Tech Mono,monospace;font-size:11px;color:#6b7c93;letter-spacing:1px}.info-value{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#e0e8f0}.start-game-btn{width:100%;padding:16px;background:#39ff141a;border:2px solid #39ff14;color:#39ff14;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;letter-spacing:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.start-game-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,255,20,.2),transparent);transition:left .5s ease}.start-game-btn:hover{background:#39ff1433;box-shadow:0 0 30px #39ff1466}.start-game-btn:hover:before{left:100%}.btn-bracket{color:#00f0ff;font-weight:400}.tutorial-prompt-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.tutorial-prompt{background:#0d1929fa;border:1px solid rgba(0,240,255,.4);padding:32px;max-width:400px;text-align:center}.prompt-icon{font-size:48px;margin-bottom:16px}.tutorial-prompt h3{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;color:#00f0ff;letter-spacing:3px;margin-bottom:16px}.tutorial-prompt p{font-family:Rajdhani,sans-serif;font-size:14px;color:#a0b0c0;line-height:1.6;margin-bottom:24px}.prompt-buttons{display:flex;gap:12px}.prompt-btn{flex:1;padding:12px 16px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.prompt-btn.secondary{background:transparent;border:1px solid #6b7c93;color:#6b7c93}.prompt-btn.secondary:hover{border-color:#ff6b35;color:#ff6b35}.prompt-btn.primary{background:#00f0ff1a;border:1px solid #00f0ff;color:#00f0ff}.prompt-btn.primary:hover{background:#00f0ff33;box-shadow:0 0 20px #00f0ff4d}@media(max-width:600px){.menu-content{padding:24px}.title-sector{font-size:40px}.title-7{font-size:52px}.menu-option{padding:14px 16px}.option-icon{font-size:24px}.setup-panel{max-width:100%;margin:16px}}.tutorial-dialogue{position:fixed;left:0;right:0;bottom:0;max-height:40vh;background:linear-gradient(180deg,#0a0e17eb,#0a0e17fa);display:flex;flex-direction:column;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid rgba(0,240,255,.3);box-shadow:0 -10px 60px #00f0ff26}.tutorial-progress{padding:16px 24px;border-bottom:1px solid rgba(0,240,255,.2)}.progress-bar{height:4px;background:#00f0ff1a;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#39ff14);border-radius:2px}.progress-info{display:flex;justify-content:space-between;align-items:center}.section-title{font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;color:#00f0ff;letter-spacing:2px}.progress-count{font-family:Share Tech Mono,monospace;font-size:11px;color:#6b7c93;letter-spacing:1px}.dialogue-container{flex:1;display:flex;align-items:center;gap:24px;padding:20px 40px;cursor:pointer;min-height:0;overflow:hidden}.character-portrait{display:flex;flex-direction:row;align-items:center;gap:16px;min-width:180px}.portrait-frame{position:relative;width:80px;height:80px;flex-shrink:0}.portrait-image{width:100%;height:100%;border-radius:12px;overflow:hidden;border:2px solid var(--character-color, #00f0ff);background:#0006;display:flex;align-items:center;justify-content:center}.portrait-placeholder{font-family:Orbitron,sans-serif;font-size:36px;font-weight:700;color:var(--character-color, #00f0ff);opacity:.8;text-shadow:0 0 20px var(--character-color, #00f0ff)}.portrait-glow{position:absolute;inset:-10px;border-radius:16px;background:radial-gradient(ellipse at center,transparent 40%,var(--character-color, #00f0ff) 100%);opacity:.15;pointer-events:none;animation:portrait-pulse 3s ease-in-out infinite}@keyframes portrait-pulse{0%,to{opacity:.15}50%{opacity:.25}}.character-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.character-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:var(--character-color, #00f0ff);letter-spacing:2px}.character-role{font-family:Rajdhani,sans-serif;font-size:12px;color:#6b7c93;letter-spacing:1px}.dialogue-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:700px}.dialogue-text{position:relative;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:500;color:#e0e8f0;line-height:1.5;letter-spacing:.3px}.dialogue-text.revealing p{background:linear-gradient(90deg,#e0e8f0 0%,#e0e8f0 50%,transparent 60%,transparent 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-reveal 2s linear forwards}.dialogue-text.revealed p{color:#e0e8f0}@keyframes text-reveal{0%{background-position:100% 0}to{background-position:0% 0}}.dialogue-text:before{content:'"';position:absolute;top:-10px;left:-20px;font-size:40px;color:var(--character-color, #00f0ff);opacity:.3;font-family:serif}.emotion-badge{position:absolute;top:-10px;right:0;font-size:20px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.continue-indicator{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:Share Tech Mono,monospace;font-size:11px;color:#6b7c93;letter-spacing:2px}.continue-arrow{color:#00f0ff;animation:arrow-pulse 1s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.5;transform:translate(5px)}}.tutorial-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(0,240,255,.2);background:#0000004d}.controls-left,.controls-right{display:flex;gap:12px;align-items:center}.control-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.3);color:#6b7c93;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.control-btn:hover:not(:disabled){background:#00f0ff1a;border-color:#00f0ff;color:#00f0ff}.control-btn:disabled{opacity:.5;cursor:not-allowed}.audio-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;font-size:14px}.audio-btn.playing{background:#00f0ff33;border-color:#00f0ff;color:#00f0ff;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #00f0ff66}50%{box-shadow:0 0 20px 5px #00f0ff33}}.autoplay-btn.active{background:#39ff141a;border-color:#39ff14;color:#39ff14}.btn-label{font-size:10px;text-transform:uppercase}.skip-btn{border-color:#ff6b354d;color:#ff6b35}.skip-btn:hover{background:#ff6b351a;border-color:#ff6b35}.skip-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.skip-modal{background:#0d1929fa;border:1px solid rgba(0,240,255,.3);padding:32px;max-width:400px;text-align:center}.skip-modal h3{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;color:#ff6b35;letter-spacing:3px;margin-bottom:16px}.skip-modal p{font-family:Rajdhani,sans-serif;font-size:14px;color:#a0b0c0;line-height:1.6;margin-bottom:24px}.modal-buttons{display:flex;gap:12px}.modal-btn{flex:1;padding:12px 16px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.modal-btn.cancel{background:#00f0ff1a;border:1px solid #00f0ff;color:#00f0ff}.modal-btn.cancel:hover{background:#00f0ff33}.modal-btn.confirm{background:#ff6b351a;border:1px solid #ff6b35;color:#ff6b35}.modal-btn.confirm:hover{background:#ff6b3533}@media(max-width:768px){.tutorial-dialogue{max-height:55vh}.tutorial-progress{padding:10px 16px}.progress-bar{margin-bottom:8px}.dialogue-container{flex-direction:row;padding:12px 16px;gap:12px;flex:1;min-height:0;overflow-y:auto}.character-portrait{flex-direction:column;gap:6px;min-width:60px;align-items:center}.portrait-frame{width:50px;height:50px}.portrait-placeholder{font-size:24px}.character-info{align-items:center}.character-name{font-size:10px;letter-spacing:1px}.character-role{display:none}.dialogue-content{flex:1;min-width:0}.dialogue-text{font-size:15px;line-height:1.4}.dialogue-text:before{display:none}.continue-indicator{margin-top:8px;font-size:10px}.tutorial-controls{padding:10px 12px;gap:8px}.control-btn{padding:8px 10px;font-size:10px}.audio-btn{width:34px;height:34px;font-size:12px}.btn-label{display:none}.skip-btn{padding:8px 12px}}@media(max-width:400px){.tutorial-dialogue{max-height:60vh}.dialogue-container{padding:10px 12px}.character-portrait{min-width:50px}.portrait-frame{width:40px;height:40px}.portrait-placeholder{font-size:20px}.character-name{font-size:9px}.dialogue-text{font-size:14px}.tutorial-controls{padding:8px 10px}.control-btn{padding:6px 8px;font-size:9px}.audio-btn{width:30px;height:30px}}.pin-lock{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0f,#0d1520,#0a0a0f);display:flex;align-items:center;justify-content:center;z-index:9999}.pin-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.pin-header{text-align:center}.pin-header .logo{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:700;letter-spacing:.3em;display:flex;align-items:baseline;gap:.3rem;justify-content:center}.pin-header .logo-text{color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5)}.pin-header .logo-number{color:#ff6b00;font-size:3rem;text-shadow:0 0 20px rgba(255,107,0,.5)}.pin-subtitle{margin-top:.5rem;font-family:Orbitron,monospace;font-size:.9rem;color:#00d4ff;letter-spacing:.4em;opacity:.8}.pin-display{display:flex;gap:1rem;padding:1.5rem 2rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px}.pin-display.error{border-color:#f44;background:#ff44441a}.pin-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,212,255,.5);transition:all .2s ease}.pin-dot.filled{background:#00d4ff;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff99}.pin-display.error .pin-dot{border-color:#f44}.pin-error{color:#f44;font-family:Orbitron,monospace;font-size:.9rem;letter-spacing:.2em;margin:-.5rem 0}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:280px}.pin-key{width:80px;height:80px;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:600;color:#00d4ff;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.pin-key:hover:not(:disabled){background:#00d4ff33;border-color:#00d4ff99;transform:scale(1.05)}.pin-key:active:not(:disabled){transform:scale(.95);background:#00d4ff4d}.pin-key.empty{background:transparent;border-color:transparent;cursor:default}.pin-actions{display:flex;gap:1rem;margin-top:.5rem}.pin-action{padding:.75rem 1.5rem;font-family:Orbitron,monospace;font-size:.8rem;color:#00d4ffb3;background:transparent;border:1px solid rgba(0,212,255,.2);border-radius:6px;cursor:pointer;letter-spacing:.1em;transition:all .2s ease}.pin-action:hover{color:#00d4ff;border-color:#00d4ff80;background:#00d4ff1a}@media(max-width:480px){.pin-key{width:70px;height:70px;font-size:1.5rem}.pin-header .logo{font-size:2rem}.pin-header .logo-number{font-size:2.5rem}}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0d1520fa,#0a0e14fa);border:1px solid rgba(0,212,255,.4);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;z-index:10000;box-shadow:0 10px 40px #00000080,0 0 20px #00d4ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 40px)}.install-content{display:flex;align-items:center;gap:12px}.install-icon{width:48px;height:48px;background:linear-gradient(135deg,#00d4ff,#08a);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-icon .logo-s{font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:#0a0a0f}.install-icon .logo-7{font-family:Orbitron,monospace;font-size:20px;font-weight:700;color:#ff6b00;text-shadow:0 0 10px rgba(255,107,0,.5)}.install-text h4{font-family:Orbitron,monospace;font-size:14px;font-weight:600;color:#00d4ff;margin:0 0 4px;letter-spacing:1px}.install-text p{font-family:Rajdhani,sans-serif;font-size:13px;color:#89a;margin:0}.install-text .share-icon{display:inline-block;font-size:16px;color:#00d4ff;margin:0 2px}.install-actions{display:flex;gap:8px;flex-shrink:0}.install-btn{padding:10px 16px;font-family:Orbitron,monospace;font-size:11px;font-weight:600;letter-spacing:1px;border-radius:8px;cursor:pointer;transition:all .2s ease}.install-btn.primary{background:linear-gradient(135deg,#00d4ff,#08a);border:none;color:#0a0a0f}.install-btn.primary:hover{transform:scale(1.05);box-shadow:0 0 20px #00d4ff66}.install-btn.dismiss{background:transparent;border:1px solid rgba(255,255,255,.2);color:#6b7c93}.install-btn.dismiss:hover{border-color:#fff6;color:#a0b0c0}@media(max-width:480px){.install-prompt{bottom:10px;left:10px;right:10px;transform:none;flex-direction:column;padding:14px 16px;gap:12px}.install-content{width:100%}.install-actions{width:100%;justify-content:stretch}.install-btn{flex:1;text-align:center}}.audio-controls{position:fixed;top:1rem;right:1rem;z-index:1000}.audio-toggle-btn{width:44px;height:44px;border-radius:50%;background:#000000b3;border:2px solid rgba(0,212,255,.5);color:#00d4ff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-toggle-btn:hover{background:#00d4ff33;border-color:#00d4ff;transform:scale(1.05)}.audio-toggle-btn.muted{color:#f44;border-color:#ff444480}.audio-toggle-btn.muted:hover{background:#f443;border-color:#f44}.audio-icon{width:24px;height:24px}.audio-panel{position:absolute;top:54px;right:0;width:280px;background:#0a0a14f2;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audio-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,212,255,.2)}.audio-panel-header h3{margin:0;color:#00d4ff;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.audio-panel-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1;padding:0;transition:color .2s}.audio-panel-close:hover{color:#fff}.audio-slider-group{display:flex;flex-direction:column;gap:.75rem}.audio-slider-row{display:grid;grid-template-columns:50px 1fr 40px 32px;align-items:center;gap:.5rem}.audio-slider-row label{color:#aaa;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.audio-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#00d4ff;border-radius:50%;cursor:pointer;transition:transform .1s,box-shadow .1s}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 10px #00d4ff80}.audio-slider::-moz-range-thumb{width:16px;height:16px;background:#00d4ff;border:none;border-radius:50%;cursor:pointer}.audio-value{color:#666;font-size:.75rem;text-align:right;font-family:monospace}.audio-mute-btn{width:28px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.audio-mute-btn:hover{background:#ffffff1a;border-color:#fff3}.audio-mute-btn.muted{background:#f443;border-color:#ff44444d}.audio-hint{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#555;font-size:.7rem}.audio-hint kbd{display:inline-block;padding:.15em .4em;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;font-family:monospace;font-size:.85em;color:#aaa}@media(max-width:768px){.audio-controls{top:.5rem;right:.5rem}.audio-toggle-btn{width:40px;height:40px}.audio-panel{width:260px;right:-.5rem}.audio-slider-row{grid-template-columns:45px 1fr 35px 28px;gap:.4rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0e17;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app{width:100%;height:100%;position:relative}.lobby-overlay{position:fixed;inset:0;background:#0a0e17f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-content{text-align:center;max-width:600px;padding:40px}.lobby-title{display:flex;align-items:baseline;justify-content:center;gap:16px;margin-bottom:8px}.title-sector{font-family:Orbitron,sans-serif;font-size:64px;font-weight:700;color:#00f0ff;letter-spacing:8px;text-shadow:0 0 20px rgba(0,240,255,.8),0 0 40px rgba(0,240,255,.4),0 0 60px rgba(0,240,255,.2);animation:title-glow 2s ease-in-out infinite}.title-7{font-family:Orbitron,sans-serif;font-size:80px;font-weight:900;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.8),0 0 40px rgba(255,107,53,.4);animation:title-glow-orange 2s ease-in-out infinite;animation-delay:.5s}@keyframes title-glow{0%,to{text-shadow:0 0 20px rgba(0,240,255,.8),0 0 40px rgba(0,240,255,.4)}50%{text-shadow:0 0 30px rgba(0,240,255,1),0 0 60px rgba(0,240,255,.6),0 0 80px rgba(0,240,255,.3)}}@keyframes title-glow-orange{0%,to{text-shadow:0 0 20px rgba(255,107,53,.8),0 0 40px rgba(255,107,53,.4)}50%{text-shadow:0 0 30px rgba(255,107,53,1),0 0 60px rgba(255,107,53,.6)}}.lobby-subtitle{font-family:Share Tech Mono,monospace;font-size:14px;color:#6b7c93;letter-spacing:6px;margin-bottom:32px}.lobby-divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);margin:0 auto 32px}.lobby-description{font-family:Rajdhani,sans-serif;font-size:16px;color:#a0b0c0;line-height:1.8;margin-bottom:40px}.start-button{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;letter-spacing:4px;color:#00f0ff;background:transparent;border:2px solid #00f0ff;padding:16px 48px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.2),transparent);transition:left .5s ease}.start-button:hover{background:#00f0ff1a;box-shadow:0 0 20px #00f0ff66,inset 0 0 20px #00f0ff1a;transform:translateY(-2px)}.start-button:hover:before{left:100%}.button-bracket{color:#ff6b35;font-weight:400}.lobby-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.start-button.multiplayer{border-color:#39ff14;color:#39ff14}.start-button.multiplayer:before{background:linear-gradient(90deg,transparent,rgba(57,255,20,.2),transparent)}.start-button.multiplayer:hover{background:#39ff141a;box-shadow:0 0 20px #39ff1466,inset 0 0 20px #39ff141a}.start-button.multiplayer .button-bracket{color:#00f0ff}.lobby-footer{margin-top:48px;font-family:Share Tech Mono,monospace;font-size:10px;color:#4a5568;letter-spacing:3px}.lobby-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);pointer-events:none}.lobby-overlay:after{content:"";position:absolute;top:20px;left:20px;width:40px;height:40px;border-left:2px solid #00f0ff;border-top:2px solid #00f0ff;pointer-events:none}.lobby-content:before{content:"";position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-right:2px solid #00f0ff;border-bottom:2px solid #00f0ff;pointer-events:none}