.kowloon-knockout{--neon-pink:#f36;--neon-blue:#3cf;--neon-yellow:#fc0;--neon-green:#3f9;--neon-orange:#f63;--neon-purple:#c3f;--bg-dark:#0a0015;--bg-darker:#050010;--text-primary:#e0e0e0;--text-dim:#888;background:var(--bg-darker);width:100%;height:100%;color:var(--text-primary);overflow:hidden}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes neonFlicker{0%{opacity:1}5%{opacity:.3}10%{opacity:1}15%{opacity:.5}20%{opacity:1}to{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--neon-pink), 0 0 10px var(--neon-pink)}50%{box-shadow:0 0 15px var(--neon-pink), 0 0 30px var(--neon-pink), 0 0 45px var(--neon-pink)}}@keyframes lobby-pulse{0%,to{opacity:.5}50%{opacity:1}}.kowloon-knockout .app-container{overscroll-behavior:contain;width:100%;height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(#1a0030 0%,#0a0015 50%,#050010 100%);justify-content:safe center;align-items:safe center;display:flex;position:relative;overflow:hidden auto}.kowloon-knockout .app-container:after{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.kowloon-knockout .menu-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.kowloon-knockout .menu-bg{position:absolute;inset:0;overflow:hidden}.kowloon-knockout .city-skyline{opacity:.7;background:linear-gradient(#0000 0%,#0c0018 100%),repeating-linear-gradient(90deg,#0000 0 8px,#0f0020 8px 22px,#0000 22px 26px,#0a0018 26px 38px,#0000 38px 40px,#0d001a 40px 56px,#0000 56px 62px,#08001a 62px 74px,#0000 74px 80px);height:55%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 70% 100%);mask-image:linear-gradient(#0000 0%,#000 70% 100%)}.kowloon-knockout .city-skyline:after{content:"";background-image:radial-gradient(1px 1px at 15px 70%,#ffcc0040 0%,#0000 100%),radial-gradient(1px 1px at 30px 85%,#33ccff30 0%,#0000 100%),radial-gradient(1px 1px at 50px 65%,#ff336630 0%,#0000 100%),radial-gradient(1px 1px at 68px 78%,#ffcc0025 0%,#0000 100%),radial-gradient(1px 1px at 12px 90%,#33ff9920 0%,#0000 100%),radial-gradient(1px 1px at 45px 92%,#ff336625 0%,#0000 100%),radial-gradient(1px 1px at 72px 88%,#33ccff20 0%,#0000 100%),radial-gradient(1px 1px at 25px 75%,#cc33ff20 0%,#0000 100%);background-size:80px 100%;animation:4s ease-in-out infinite neonPulse;position:absolute;inset:0}.kowloon-knockout .neon-sign{letter-spacing:4px;writing-mode:vertical-rl;opacity:.4;pointer-events:none;border:1px solid;padding:6px 3px;font-size:14px;position:absolute}.kowloon-knockout .neon-sign-1{color:var(--neon-pink);border-color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink), 0 0 16px var(--neon-pink);animation:3s ease-in-out infinite neonPulse;top:15%;left:6%;box-shadow:0 0 6px #ff33664d,inset 0 0 6px #ff33661a}.kowloon-knockout .neon-sign-2{color:var(--neon-blue);border-color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue), 0 0 16px var(--neon-blue);animation:4s ease-in-out 1s infinite neonPulse;top:22%;right:8%;box-shadow:0 0 6px #33ccff4d,inset 0 0 6px #33ccff1a}.kowloon-knockout .neon-sign-3{color:var(--neon-yellow);border-color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow), 0 0 16px var(--neon-yellow);font-size:12px;animation:3.5s ease-in-out .5s infinite neonPulse;top:35%;left:12%;box-shadow:0 0 6px #ffcc004d,inset 0 0 6px #ffcc001a}.kowloon-knockout .neon-sign-4{color:var(--neon-green);border-color:var(--neon-green);text-shadow:0 0 8px var(--neon-green), 0 0 16px var(--neon-green);font-size:11px;animation:5s ease-in-out 2s infinite neonPulse;top:30%;right:15%;box-shadow:0 0 6px #33ff994d,inset 0 0 6px #33ff991a}.kowloon-knockout .neon-strip{pointer-events:none;width:2px;position:absolute}.kowloon-knockout .neon-strip-1{background:linear-gradient(180deg, transparent, var(--neon-pink), var(--neon-pink), transparent);opacity:.15;animation:3s ease-in-out infinite neonPulse;top:30%;bottom:10%;left:20%}.kowloon-knockout .neon-strip-2{background:linear-gradient(180deg, transparent, var(--neon-blue), var(--neon-blue), transparent);opacity:.12;animation:4s ease-in-out 1.5s infinite neonPulse;top:25%;bottom:15%;right:22%}.kowloon-knockout .neon-strip-3{background:linear-gradient(180deg, transparent, var(--neon-yellow), transparent);opacity:.1;animation:3.5s ease-in-out .8s infinite neonPulse;top:40%;bottom:5%;left:35%}.kowloon-knockout .neon-strip-4{background:linear-gradient(180deg, transparent, var(--neon-purple), transparent);opacity:.08;animation:5s ease-in-out 2.5s infinite neonPulse;top:35%;bottom:12%;right:38%}.kowloon-knockout .menu-glow{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.kowloon-knockout .menu-glow-pink{background:var(--neon-pink);opacity:.06;width:200px;height:200px;animation:6s ease-in-out infinite neonPulse;bottom:10%;left:5%}.kowloon-knockout .menu-glow-blue{background:var(--neon-blue);opacity:.05;width:180px;height:180px;animation:5s ease-in-out 1s infinite neonPulse;bottom:15%;right:8%}.kowloon-knockout .menu-content{z-index:10;flex-direction:column;align-items:center;gap:40px;display:flex}.kowloon-knockout .title-container{text-align:center;animation:4s ease-in-out infinite neonPulse}.kowloon-knockout .title-container.neon-flicker{animation:.15s ease-in-out neonFlicker}.kowloon-knockout .game-title{flex-direction:column;gap:8px;display:flex}.kowloon-knockout .title-kowloon{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink), 0 0 40px var(--neon-pink), 0 0 80px var(--neon-pink);letter-spacing:8px;font-size:48px}.kowloon-knockout .title-knockout{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow), 0 0 20px var(--neon-yellow), 0 0 40px var(--neon-yellow);letter-spacing:12px;font-size:36px}.kowloon-knockout .title-subtitle{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);letter-spacing:6px;margin-top:8px;font-size:16px}.kowloon-knockout .title-tagline{color:var(--text-dim);letter-spacing:4px;margin-top:12px;font-size:10px}.kowloon-knockout .menu-buttons{flex-direction:column;align-items:center;gap:16px;display:flex}.kowloon-knockout .menu-footer{color:var(--text-dim);letter-spacing:3px;font-size:10px;animation:1.5s ease-in-out infinite blink;position:absolute;bottom:30px}.kowloon-knockout .neon-button{cursor:pointer;letter-spacing:3px;background:0 0;border:2px solid;padding:14px 40px;font-family:inherit;font-size:14px;transition:all .2s;position:relative}.kowloon-knockout .neon-button-fight{color:var(--neon-pink);border-color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);box-shadow:0 0 10px #ff33664d,inset 0 0 10px #ff33661a}.kowloon-knockout .neon-button-fight:hover{background:#ff336626;box-shadow:0 0 20px #ff336680,inset 0 0 20px #f363}.kowloon-knockout .neon-button-versus{color:var(--neon-purple);border-color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple);box-shadow:0 0 10px #cc33ff4d,inset 0 0 10px #cc33ff1a}.kowloon-knockout .neon-button-versus:hover{background:#cc33ff26;box-shadow:0 0 20px #cc33ff80,inset 0 0 20px #c3f3}.kowloon-knockout .neon-button-controls{color:var(--neon-blue);border-color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);font-size:11px;box-shadow:0 0 10px #33ccff4d,inset 0 0 10px #33ccff1a}.kowloon-knockout .neon-button-controls:hover{background:#33ccff26}.kowloon-knockout .neon-button-back{color:var(--text-dim);border-color:var(--text-dim);padding:10px 24px;font-size:11px}.kowloon-knockout .neon-button-back:hover{color:var(--text-primary);border-color:var(--text-primary)}.kowloon-knockout .neon-button-close{color:var(--neon-yellow);border-color:var(--neon-yellow);margin-top:16px;padding:8px 20px;font-size:10px}.kowloon-knockout .fight-button-large{padding:16px 50px;font-size:18px;animation:2s ease-in-out infinite glowPulse}.kowloon-knockout .controls-modal{border:1px solid var(--neon-blue);z-index:100;background:#0a0015f2;width:90%;max-width:700px;max-height:80dvh;padding:30px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 30px #33ccff4d}.kowloon-knockout .controls-title{text-align:center;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow);margin-bottom:24px;font-size:18px}.kowloon-knockout .controls-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.kowloon-knockout .combos-section{grid-column:span 2}.kowloon-knockout .controls-section h3{color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink);letter-spacing:2px;margin-bottom:12px;font-size:10px}.kowloon-knockout .control-row{align-items:center;gap:12px;margin-bottom:8px;font-size:9px;display:flex}.kowloon-knockout .control-row kbd{border:1px solid var(--neon-blue);color:var(--neon-blue);text-align:center;min-width:28px;padding:4px 8px;font-family:inherit;font-size:9px;display:inline-block}.kowloon-knockout .control-row span{color:var(--text-primary)}.kowloon-knockout .control-row small{color:var(--text-dim);font-size:7px}.kowloon-knockout .combo-keys{min-width:100px;font-size:8px;color:var(--neon-yellow)!important}.kowloon-knockout .kk-graphics-panel{border:1px solid var(--neon-blue);z-index:100;background:#0a0015f2;flex-direction:column;align-items:center;gap:.75rem;width:90%;max-width:400px;padding:30px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #33ccff4d}.kowloon-knockout .kk-graphics-presets{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.kowloon-knockout .kk-graphics-presets .neon-button{min-width:96px;min-height:44px}.kowloon-knockout .kk-graphics-presets .neon-button.is-active{outline:2px solid #3cf;box-shadow:0 0 12px #3cf}.kowloon-knockout .kk-graphics-fps{font-variant-numeric:tabular-nums;opacity:.85}.kowloon-knockout .kk-graphics-hint{opacity:.6;text-align:center;max-width:22rem;font-size:.85rem}.kowloon-knockout .select-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:20px;display:flex}.kowloon-knockout .select-title{color:var(--neon-yellow);text-shadow:0 0 15px var(--neon-yellow);letter-spacing:4px;font-size:22px}.kowloon-knockout .fighter-carousel{align-items:center;gap:16px;width:100%;max-width:700px;display:flex}.kowloon-knockout .carousel-arrow{color:var(--neon-yellow);cursor:pointer;background:0 0;border:1px solid #555;flex-shrink:0;padding:12px 8px;font-size:24px;transition:all .2s}.kowloon-knockout .carousel-arrow:hover{border-color:var(--neon-yellow);box-shadow:0 0 10px #ffcc004d}.kowloon-knockout .carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.kowloon-knockout .carousel-center{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.kowloon-knockout .roster-strip{scrollbar-width:none;gap:6px;max-width:100%;padding:4px 0;display:flex;overflow-x:auto}.kowloon-knockout .roster-strip::-webkit-scrollbar{display:none}.kowloon-knockout .roster-slot{cursor:pointer;background:#0009;border:2px solid #333;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.kowloon-knockout .roster-slot-selected{border-width:2px}.kowloon-knockout .fighter-detail{background:#0a0015cc;border:1px solid #333;align-items:center;gap:24px;width:100%;padding:20px 28px;display:flex}.kowloon-knockout .fighter-detail-sprite{background:#00000080;border:1px solid #222;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.kowloon-knockout .fighter-detail-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.kowloon-knockout .fighter-name{letter-spacing:2px;font-size:14px}.kowloon-knockout .fighter-desc{color:var(--text-dim);text-align:center;max-width:220px;font-size:8px;line-height:1.6}.kowloon-knockout .stat-bars{flex-direction:column;gap:6px;width:100%;display:flex}.kowloon-knockout .stat-bar{align-items:center;gap:8px;display:flex}.kowloon-knockout .stat-label{color:var(--text-dim);text-align:right;letter-spacing:1px;width:50px;font-size:7px}.kowloon-knockout .stat-track{background:#ffffff14;flex:1;height:6px;overflow:hidden}.kowloon-knockout .stat-fill{height:100%;transition:width .6s}.kowloon-knockout .selected-indicator{color:#000;letter-spacing:2px;padding:4px 12px;font-size:8px;font-weight:700}.kowloon-knockout .select-step{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.kowloon-knockout .select-actions{align-items:center;gap:20px;display:flex}.kowloon-knockout .game-canvas-container{flex-direction:column;align-items:center;gap:12px;display:flex}.kowloon-knockout .game-canvas{border:2px solid var(--neon-pink);box-shadow:0 0 10px #ff33664d,inset 0 0 10px #ff33661a}.kowloon-knockout .controls-hint{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.kowloon-knockout .control-group{align-items:center;gap:4px;display:flex}.kowloon-knockout .control-key{border:1px solid var(--neon-blue);color:var(--neon-blue);padding:3px 6px;font-family:inherit;font-size:8px}.kowloon-knockout .control-label{color:var(--text-dim);font-size:7px}.kowloon-knockout .result-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.kowloon-knockout .result-content{z-index:10;flex-direction:column;align-items:center;gap:24px;display:flex}.kowloon-knockout .ko-flash{pointer-events:none;z-index:5;position:absolute;inset:0}.kowloon-knockout .result-title{letter-spacing:6px;font-size:36px}.kowloon-knockout .result-sub{letter-spacing:4px;margin-top:-16px;font-size:14px}.kowloon-knockout .result-stats{align-items:center;gap:30px;margin:16px 0;display:flex}.kowloon-knockout .result-fighter{text-align:center}.kowloon-knockout .result-fighter-name{letter-spacing:2px;margin-bottom:8px;font-size:12px}.kowloon-knockout .result-hp{font-size:18px}.kowloon-knockout .result-vs{color:var(--text-dim);font-size:10px}.kowloon-knockout .result-actions{gap:16px;margin-top:16px;display:flex}.kowloon-knockout .lobby-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex}.kowloon-knockout .lobby-title{letter-spacing:4px;color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple), 0 0 20px var(--neon-purple);font-size:24px}.kowloon-knockout .lobby-buttons{gap:16px;display:flex}.kowloon-knockout .lobby-room-code{letter-spacing:12px;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow), 0 0 20px var(--neon-yellow), 0 0 40px var(--neon-yellow);font-family:inherit;font-size:48px}.kowloon-knockout .lobby-status{color:var(--text-dim);letter-spacing:2px;font-size:12px;animation:1.5s ease-in-out infinite lobby-pulse}.kowloon-knockout .lobby-input{letter-spacing:8px;text-align:center;border:2px solid var(--neon-purple);width:180px;color:var(--neon-yellow);text-transform:uppercase;background:#0009;outline:none;padding:12px;font-family:inherit;font-size:24px}.kowloon-knockout .lobby-input:focus{box-shadow:0 0 15px #cc33ff80,inset 0 0 10px #cc33ff1a}.kowloon-knockout .lobby-input::placeholder{color:var(--text-dim);letter-spacing:4px;font-size:14px}.kowloon-knockout .lobby-error{color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink);font-size:11px}.kowloon-knockout .lobby-match-info{letter-spacing:2px;align-items:center;gap:20px;font-size:14px;display:flex}.kowloon-knockout .lobby-match-vs{color:var(--text-dim);font-size:10px}.kowloon-knockout .lobby-match-player{text-transform:uppercase}.kowloon-knockout .kk-arena{background:#050010;width:100%;height:100%}.kk-controls-hint{color:var(--text-dim);pointer-events:none;white-space:nowrap;background:#05001099;border:1px solid #ffcc0030;border-radius:4px;gap:18px;padding:6px 14px;font-size:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.kk-controls-hint kbd{color:var(--neon-yellow);border:1px solid var(--neon-yellow);border-radius:3px;margin-right:4px;padding:1px 4px;font-size:8px}.kowloon-knockout .match-options{flex-direction:column;gap:10px;width:100%;max-width:460px;margin:14px 0;display:flex}.kowloon-knockout .option-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.kowloon-knockout .option-label{color:var(--text-dim);letter-spacing:1px;text-align:left;min-width:78px;font-size:9px}.kowloon-knockout .option-chips{flex-wrap:wrap;gap:8px;display:flex}.kowloon-knockout .option-chip{color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:#ffffff08;border:1px solid #444;border-radius:4px;padding:7px 12px;font-family:inherit;font-size:8px;transition:all .15s}.kowloon-knockout .option-chip:hover:not(:disabled){border-color:var(--neon-blue);color:var(--neon-blue)}.kowloon-knockout .option-chip-active{background:var(--neon-yellow);border-color:var(--neon-yellow);color:#1a1000;box-shadow:0 0 12px var(--neon-yellow)}.kowloon-knockout .lobby-seats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.kowloon-knockout .lobby-seat{text-align:center;background:#0a0a1499;border:2px solid #444;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:96px;height:92px;padding:6px;display:flex}.kowloon-knockout .lobby-seat-you{box-shadow:0 0 16px}.kowloon-knockout .result-scoreboard{flex-direction:column;gap:6px;width:100%;max-width:420px;margin:16px 0;display:flex}.kowloon-knockout .result-row{background:#0a0a1480;border:1px solid #333;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:9px;display:flex}.kowloon-knockout .result-rank{color:var(--neon-yellow);text-align:center;min-width:16px}.kowloon-knockout .lobby-list{background:#0a0a188c;border:1px solid #33ccff40;border-radius:6px;width:100%;max-width:460px;overflow:hidden}.kowloon-knockout .lobby-list-head{letter-spacing:1px;color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue);border-bottom:1px solid #33ccff30;padding:8px 12px;font-size:9px}.kowloon-knockout .lobby-list-row{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:8px;transition:background .15s;display:flex}.kowloon-knockout .lobby-list-row:hover{background:#33ccff18}.kowloon-knockout .lobby-list-join{color:#1a1000;background:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow);border-radius:3px;padding:4px 8px}.kowloon-knockout .lobby-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:8px;display:flex}.kowloon-knockout .lobby-toggle input{accent-color:var(--neon-green);width:14px;height:14px}.kowloon-knockout .lobby-visibility{letter-spacing:1px;font-size:8px}.kk-nameplate{pointer-events:none;user-select:none;white-space:nowrap;flex-direction:column;align-items:center;font-family:"Press Start 2P",monospace;display:flex;transform:translateY(-100%)}.kk-nameplate-tag{text-shadow:0 0 6px,0 0 2px #000;padding:2px 1px;font-size:11px;line-height:1}.kk-nameplate-tri{text-shadow:0 0 6px;font-size:12px;line-height:.7;animation:.9s ease-in-out infinite nameplateBob}@keyframes nameplateBob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}