:root{--neon-cyan: #00f5ff;--neon-magenta: #ff00aa;--neon-yellow: #ffd700;--neon-red: #ff2244;--neon-green: #00ff88;--bg-deep: #030712;--bg-card: #0a0f1e;--bg-panel: #0d1526;--text-primary: #e2f4ff;--text-muted: #4a7a9b;--font-display: "Orbitron", monospace;--font-body: "Noto Sans SC", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}.cyber-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,245,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.04) 1px,transparent 1px);background-size:40px 40px;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{background-position:0 0}to{background-position:40px 40px}}.cyber-scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);animation:scanPulse 8s ease-in-out infinite}@keyframes scanPulse{0%,to{opacity:.5}50%{opacity:.8}}.glow-cyan{text-shadow:0 0 8px var(--neon-cyan),0 0 20px var(--neon-cyan)}.glow-magenta{text-shadow:0 0 8px var(--neon-magenta),0 0 20px var(--neon-magenta)}.glow-red{text-shadow:0 0 8px var(--neon-red),0 0 20px var(--neon-red)}.glow-green{text-shadow:0 0 8px var(--neon-green),0 0 20px var(--neon-green)}.glow-yellow{text-shadow:0 0 8px var(--neon-yellow),0 0 20px var(--neon-yellow)}.font-display{font-family:var(--font-display)}.card-cyber{background:var(--bg-card);border:1px solid rgba(0,245,255,.15);position:relative}.card-cyber:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent)}.btn-cyber{font-family:var(--font-display);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding:.65rem 1.5rem;border:1px solid var(--neon-cyan);color:var(--neon-cyan);background:transparent;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-cyber:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neon-cyan);transform:translate(-101%);transition:transform .3s ease;z-index:-1}.btn-cyber:hover:before{transform:translate(0)}.btn-cyber:hover{color:var(--bg-deep);box-shadow:0 0 20px #00f5ff80}.btn-cyber:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-magenta{border-color:var(--neon-magenta);color:var(--neon-magenta)}.btn-magenta:before{background:var(--neon-magenta)}.btn-magenta:hover{box-shadow:0 0 20px #ff00aa80}.btn-red{border-color:var(--neon-red);color:var(--neon-red)}.btn-red:before{background:var(--neon-red)}.btn-yellow{border-color:var(--neon-yellow);color:var(--neon-yellow)}.btn-yellow:before{background:var(--neon-yellow)}.btn-green{border-color:var(--neon-green);color:var(--neon-green)}.btn-green:before{background:var(--neon-green)}.input-cyber{width:100%;background:#00f5ff0a;border:1px solid rgba(0,245,255,.25);color:var(--text-primary);padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .3s,box-shadow .3s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}.input-cyber:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff33}.input-cyber::placeholder{color:var(--text-muted)}.cyber-tag{display:inline-block;font-family:var(--font-display);font-size:.6rem;letter-spacing:.1em;padding:2px 8px;border:1px solid currentColor;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%)}.hex-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);font-size:.85rem;flex-shrink:0}.progress-bar{height:2px;background:#00f5ff1a;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));transition:width .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-fadeinup{animation:fadeInUp .5s ease forwards}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.result-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;align-items:center;padding:.6rem .75rem;border-bottom:1px solid rgba(0,245,255,.08);font-size:.85rem}.result-row.loser{background:#ff22441f;border:1px solid rgba(255,34,68,.35)}.result-row.winner{background:#ffd70014;border:1px solid rgba(255,215,0,.3)}.toast-wrap{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{background:var(--bg-panel);border:1px solid var(--neon-cyan);padding:.5rem 1.25rem;font-size:.8rem;font-family:var(--font-display);letter-spacing:.05em;color:var(--neon-cyan);box-shadow:0 0 20px #00f5ff4d;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.loading-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);margin:0 2px;animation:dotBounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.player-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;white-space:nowrap;font-size:.75rem;border-radius:2px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);transition:all .3s}.player-chip.submitted{border-color:var(--neon-green);background:#00ff8814}.choice-card{width:100%;max-width:148px;aspect-ratio:2/3;perspective:1000px;cursor:pointer}.choice-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.choice-card.selected .choice-card-inner{transform:rotateY(180deg)}.choice-card:not(.locked):hover .choice-card-inner{transform:translateY(-4px)}.choice-card.selected:not(.locked):hover .choice-card-inner{transform:rotateY(180deg) translateY(-4px)}.choice-card-front,.choice-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.choice-card-back{transform:rotateY(180deg)}.card-base-front{background:linear-gradient(145deg,#0a0f1e,#0d1526);border:1px solid rgba(0,245,255,.2)}.card-red-back{background:linear-gradient(145deg,#1a0508,#3d0010);border:2px solid var(--neon-red);box-shadow:0 0 25px #f246}.card-black-back{background:linear-gradient(145deg,#050508,#0d0d1a);border:2px solid rgba(120,120,200,.5);box-shadow:0 0 25px #5050b44d}.stepper{display:flex;align-items:center;border:1px solid rgba(0,245,255,.3)}.stepper-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00f5ff0f;color:var(--neon-cyan);font-size:1.2rem;cursor:pointer;border:none;transition:background .2s}.stepper-btn:hover{background:#00f5ff26}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{width:60px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.3rem;color:var(--neon-cyan);background:#0000004d}.z-content{position:relative;z-index:10}.players-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.players-scroll::-webkit-scrollbar{display:none}.login-wrap[data-v-6e0dfb03]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.logo-block[data-v-6e0dfb03]{text-align:center;margin-bottom:2rem;animation:fadeInUp .5s ease forwards}.login-card[data-v-6e0dfb03]{width:100%;max-width:360px;padding:1.75rem;animation:fadeInUp .5s ease .15s both}.field-label[data-v-6e0dfb03]{display:block;font-family:var(--font-display);font-size:.65rem;letter-spacing:.2em;color:#555;text-transform:uppercase;margin-bottom:.4rem}@keyframes blink-6e0dfb03{0%,to{opacity:1}50%{opacity:0}}.blink-cursor[data-v-6e0dfb03]{animation:blink-6e0dfb03 1s step-end infinite}.home-wrap[data-v-bf2d45d2]{min-height:100vh;display:flex;flex-direction:column}.top-bar[data-v-bf2d45d2]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0a0f1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,245,255,.1);position:sticky;top:0;z-index:20}.user-chip[data-v-bf2d45d2]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#00f5ff0a;border:1px solid rgba(0,245,255,.15);border-radius:2px}.online-btn[data-v-bf2d45d2]{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:.8rem;color:#aaa}.game-card[data-v-bf2d45d2]{background:linear-gradient(135deg,#080d1c,#0a0010,#180a00);border:1px solid rgba(255,0,170,.3);padding:1.2rem;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;margin-bottom:1rem}.game-card[data-v-bf2d45d2]:hover{border-color:#ff00aab3;box-shadow:0 0 30px #f0a3;transform:translateY(-2px)}.card-preview[data-v-bf2d45d2]{width:36px;height:52px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.red-preview[data-v-bf2d45d2]{background:linear-gradient(145deg,#1a0508,#3d0010);border:1px solid var(--neon-red)}.black-preview[data-v-bf2d45d2]{background:linear-gradient(145deg,#050508,#0d0d1a);border:1px solid rgba(120,120,200,.5)}.more-card[data-v-bf2d45d2]{border:1px dashed #222;border-radius:4px;padding:1.2rem;text-align:center}.modal-backdrop[data-v-bf2d45d2]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#030712d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.modal-panel[data-v-bf2d45d2]{width:100%;max-width:480px;background:var(--bg-panel);border-top:1px solid rgba(0,245,255,.3);padding:1.5rem;border-radius:0}.game-wrap[data-v-d75cb2fa]{min-height:100vh;display:flex;flex-direction:column}.game-header[data-v-d75cb2fa]{padding:10px 14px 8px;background:#0a0f1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,245,255,.12);position:sticky;top:0;z-index:20}.phase-bar[data-v-d75cb2fa]{font-size:.6rem;letter-spacing:.2em;text-align:center;padding:4px 0;background:linear-gradient(90deg,transparent,rgba(0,245,255,.04),transparent);border-bottom:1px solid rgba(0,245,255,.08)}.phase-body[data-v-d75cb2fa]{flex:1;overflow-y:auto;padding:1.25rem 1rem}.center-body[data-v-d75cb2fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.leave-btn[data-v-d75cb2fa]{background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:.65rem;color:#444;transition:color .2s}.leave-btn[data-v-d75cb2fa]:hover{color:#aaa}.weapon-banner[data-v-d75cb2fa]{border:1px solid var(--neon-yellow);background:linear-gradient(135deg,#0d0c00,#1a1200,#0d0c00);box-shadow:0 0 20px #ffd70033;padding:1rem;margin-bottom:1rem}@keyframes pulse-d75cb2fa{0%,to{opacity:1}50%{opacity:.4}}.player-chip.offline[data-v-d75cb2fa],.result-row.result-offline[data-v-d75cb2fa]{opacity:.35;filter:grayscale(1)}.chip-toggle[data-v-d75cb2fa]{background:#00f5ff0a;border:1px dashed rgba(0,245,255,.2);cursor:pointer;color:var(--neon-cyan);gap:3px;transition:background .2s,border-color .2s}.chip-toggle[data-v-d75cb2fa]:hover{background:#00f5ff1a;border-color:#00f5ff66}.chip-offline-toggle[data-v-d75cb2fa]{color:#555;border-color:#ffffff14}.chip-offline-toggle[data-v-d75cb2fa]:hover{color:#888;background:#ffffff0a;border-color:#ffffff26}.fade-enter-active,.fade-leave-active{transition:opacity .35s ease}.fade-enter-from,.fade-leave-to{opacity:0}