@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";:root{--bg:#0a0e0f;--bg-lighter:#111618;--bg-card:#0d1214;--green:#00ff41;--green-dim:#00aa2a;--green-glow:#00ff4126;--amber:#ffb000;--amber-dim:#aa7500;--amber-glow:#ffb00026;--red:#ff2a2a;--red-dim:#aa1a1a;--red-glow:#ff2a2a26;--cyan:#6af;--cyan-dim:#47a;--cyan-glow:#66aaff26;--text:#7a8a7a;--text-bright:#c0d0c0;--text-dim:#3a4a3a;--border:#1a2a1a;--border-bright:#2a3a2a;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}#root{flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex}.game-container{flex-direction:column;min-height:100vh;padding:16px;display:flex;position:relative}.game-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.game-title{color:var(--green);letter-spacing:12px;text-shadow:0 0 20px var(--green-glow), 0 0 40px var(--green-glow);margin:0;font-size:32px;font-weight:700}.title-blink{animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.game-subtitle{color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;margin-top:2px;font-size:10px}.header-row{justify-content:center;align-items:center;display:flex}.header-spacer{width:36px}.briefing-btn{border:1px solid var(--border-bright);width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:flex}.briefing-btn:hover{border-color:var(--text);color:var(--text-bright)}.briefing-overlay{z-index:500;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.briefing-panel{background:var(--bg);border:1px solid var(--green-dim);width:100%;max-width:420px;box-shadow:0 0 30px var(--green-glow), 0 0 60px #00ff410d;border-radius:2px}.briefing-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.briefing-title{letter-spacing:4px;color:var(--green);text-shadow:0 0 8px var(--green-glow);font-size:11px}.briefing-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-size:20px;transition:color .2s}.briefing-close:hover{color:var(--text-bright)}.briefing-body{padding:16px}.briefing-section{margin-bottom:16px}.briefing-section:last-child{margin-bottom:0}.briefing-label{letter-spacing:3px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:9px}.briefing-body p{color:var(--text);margin:0;font-size:12px;line-height:1.6}.briefing-moves{flex-direction:column;gap:8px;display:flex}.briefing-move{align-items:center;gap:10px;font-size:12px;display:flex}.briefing-icon{text-align:center;width:24px;font-size:14px}.briefing-icon.strike{color:var(--amber)}.briefing-icon.guard{color:var(--green)}.briefing-icon.probe{color:var(--cyan)}.briefing-move-name{color:var(--text-bright);letter-spacing:2px;width:72px;font-size:11px;font-weight:700}.briefing-beats{color:var(--text-dim);font-size:11px}.briefing-rules{color:var(--text);margin:0;padding-left:16px;font-size:12px;line-height:1.8}.briefing-rules li::marker{color:var(--green-dim)}.briefing-record-row{justify-content:space-between;align-items:center;display:flex}.briefing-record-stats{letter-spacing:2px;gap:8px;font-size:14px;font-weight:700;display:flex}.record-bar{letter-spacing:2px;justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.record-wins{color:var(--green);font-weight:700}.record-sep{color:var(--text-dim)}.record-losses{color:var(--red);font-weight:700}.scoreboard{background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:2px 2px 0 0;padding:12px 16px}.scores{justify-content:center;align-items:center;gap:20px;display:flex}.score-block{text-align:center}.score-label{letter-spacing:3px;color:var(--text-dim);margin-bottom:2px;font-size:9px;display:block}.human-score .score-value{color:var(--green);text-shadow:0 0 10px var(--green-glow);font-size:28px;font-weight:700}.ai-score .score-value{color:var(--red);text-shadow:0 0 10px var(--red-glow);font-size:28px;font-weight:700}.score-divider{flex-direction:column;align-items:center;gap:2px;display:flex}.round-badge{color:var(--text-dim);letter-spacing:2px;font-size:12px;font-weight:700}.game-main{background:var(--bg-card);border:1px solid var(--border);border-top:1px solid var(--border);border-radius:0 0 2px 2px;flex-direction:column;flex:1;justify-content:flex-start;min-height:280px;padding:16px;display:flex}.move-selector{text-align:center}.selector-header{letter-spacing:4px;color:var(--text);margin-bottom:8px;font-size:12px}.move-cycle{justify-content:center;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.cycle-icon{font-size:14px}.cycle-icon.strike{color:var(--amber)}.cycle-icon.probe{color:var(--cyan)}.cycle-icon.guard{color:var(--green)}.cycle-arrow{color:var(--text-dim);font-size:16px}.move-buttons{justify-content:center;gap:10px;display:flex}.move-btn{border:1px solid var(--border-bright);cursor:pointer;background:0 0;border-radius:2px;flex-direction:column;flex:1;align-items:center;gap:6px;max-width:150px;padding:20px 10px;font-family:inherit;transition:all .2s;display:flex;position:relative}.move-btn.strike{border-color:var(--amber-dim)}.move-btn.guard{border-color:var(--green-dim)}.move-btn.probe{border-color:var(--cyan-dim)}.move-btn.strike:hover:not(:disabled){border-color:var(--amber);box-shadow:0 0 15px var(--amber-glow), inset 0 0 15px var(--amber-glow);background:var(--amber-glow)}.move-btn.guard:hover:not(:disabled){border-color:var(--green);box-shadow:0 0 15px var(--green-glow), inset 0 0 15px var(--green-glow);background:var(--green-glow)}.move-btn.probe:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow), inset 0 0 15px var(--cyan-glow);background:var(--cyan-glow)}.move-btn:active:not(:disabled){transform:scale(.97)}.move-btn:disabled{opacity:.3;cursor:not-allowed}.move-btn.locked{opacity:.35;animation:.3s lock-glitch;border-color:var(--red-dim)!important}@keyframes lock-glitch{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}to{transform:translate(0)}}.move-icon{font-size:36px;line-height:1}.move-btn.strike .move-icon{color:var(--amber)}.move-btn.guard .move-icon{color:var(--green)}.move-btn.probe .move-icon{color:var(--cyan)}.move-name{color:var(--text-bright);letter-spacing:2px;font-size:11px;font-weight:700}.lock-badge{color:var(--red);letter-spacing:1px;border:1px solid var(--red-dim);background:var(--red-glow);border-radius:1px;padding:1px 4px;font-size:7px;position:absolute;top:4px;right:4px}.first-game-hint{color:var(--text);letter-spacing:1px;margin-top:20px;font-size:14px;font-style:italic}.reveal-phase{text-align:center;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intercept-header{letter-spacing:4px;color:var(--amber);text-shadow:0 0 10px var(--amber-glow);justify-content:center;align-items:center;gap:10px;margin-bottom:24px;font-size:11px;animation:.3s 3 intercept-flash;display:flex}@keyframes intercept-flash{0%,to{opacity:1}50%{opacity:.3}}.blink-dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 8px var(--amber);border-radius:50%;animation:.6s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.reveal-cards{justify-content:center;align-items:center;gap:16px;display:flex}.reveal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:2px;flex:1;max-width:180px;padding:20px 12px;transition:border-color .3s,box-shadow .3s}.reveal-card.strike{border-color:var(--amber-dim);box-shadow:0 0 10px var(--amber-glow)}.reveal-card.guard{border-color:var(--green-dim);box-shadow:0 0 10px var(--green-glow)}.reveal-card.probe{border-color:var(--cyan-dim);box-shadow:0 0 10px var(--cyan-glow)}.card-label{letter-spacing:3px;color:var(--text-dim);margin-bottom:8px;font-size:9px}.card-icon{margin-bottom:6px;font-size:28px;animation:.3s icon-pop}.card-icon.strike{color:var(--amber)}.card-icon.guard{color:var(--green)}.card-icon.probe{color:var(--cyan)}@keyframes icon-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.card-move{letter-spacing:3px;min-height:24px;font-size:16px;font-weight:700}.card-move.scrambling{color:var(--amber);text-shadow:0 0 8px var(--amber-glow);font-variant-numeric:tabular-nums}.card-move.resolved{animation:.3s decode}.reveal-card.strike .card-move.resolved{color:var(--amber);text-shadow:0 0 10px var(--amber-glow)}.reveal-card.guard .card-move.resolved{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.reveal-card.probe .card-move.resolved{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.human-card .card-move.resolved{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.ai-card .card-move.resolved{color:var(--red);text-shadow:0 0 10px var(--red-glow)}@keyframes decode{0%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reveal-vs{color:var(--text-dim);letter-spacing:2px;font-size:14px}.round-result{letter-spacing:4px;margin-top:20px;font-size:14px;font-weight:700;animation:.4s result-appear}@keyframes result-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-win{color:var(--green);text-shadow:0 0 15px var(--green-glow)}.result-lose{color:var(--red);text-shadow:0 0 15px var(--red-glow)}.result-draw{color:var(--text)}.resolve-phase{text-align:center;animation:.3s fadeIn}.resolve-matchup{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.resolve-move{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.resolve-move-icon{font-size:32px}.resolve-move.strike .resolve-move-icon{color:var(--amber)}.resolve-move.guard .resolve-move-icon{color:var(--green)}.resolve-move.probe .resolve-move-icon{color:var(--cyan)}.resolve-move-label{letter-spacing:2px;color:var(--text-dim);font-size:10px;font-weight:700}.resolve-indicator{font-size:24px;font-weight:700}.resolve-result{letter-spacing:4px;margin-bottom:8px;font-size:14px;font-weight:700}.resolve-tip{color:var(--text-dim);letter-spacing:1px;margin-bottom:20px;font-size:11px;font-style:italic}.continue-btn,.restart-btn{border:1px solid var(--green-dim);color:var(--green);letter-spacing:3px;cursor:pointer;background:0 0;border-radius:2px;margin-top:12px;padding:12px 32px;font-family:inherit;font-size:13px;transition:all .2s}.continue-btn:hover,.restart-btn:hover{background:var(--green-glow);box-shadow:0 0 20px var(--green-glow);border-color:var(--green)}.game-over{text-align:center;flex-direction:column;justify-content:center;min-height:260px;display:flex}.game-over.flickering{animation:.15s ease-in-out infinite screen-flicker}@keyframes screen-flicker{0%{opacity:1}25%{opacity:.1}50%{opacity:.8}75%{opacity:.2}to{opacity:1}}.signal-loss{position:relative}.loss-text{color:var(--red);letter-spacing:8px;text-shadow:0 0 30px var(--red-glow), 0 0 60px var(--red-glow);font-size:28px;font-weight:700}.static-lines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#ff2a2a08 1px 2px);animation:.1s linear infinite static-scroll;position:absolute;inset:-20px}@keyframes static-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.game-over-content{animation:.8s fadeIn}.verdict{letter-spacing:6px;margin-bottom:16px;font-size:22px;font-weight:700}.verdict-win{color:var(--green);text-shadow:0 0 20px var(--green-glow), 0 0 40px var(--green-glow)}.verdict-lose{color:var(--red);text-shadow:0 0 20px var(--red-glow), 0 0 40px var(--red-glow)}.final-score{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.final-label{letter-spacing:2px;color:var(--text-dim);font-size:9px}.final-value{color:var(--text-bright);font-size:32px;font-weight:700}.final-divider{color:var(--text-dim)}.round-log{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 16px;display:flex}.log-entry{border:1px solid var(--border);border-radius:2px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:flex}.log-icon{font-size:14px}.log-icon.strike{color:var(--amber)}.log-icon.guard{color:var(--green)}.log-icon.probe{color:var(--cyan)}.log-vs{color:var(--text-dim);font-size:9px}.log-win .log-result{color:var(--green)}.log-lose .log-result{color:var(--red)}.log-draw .log-result{color:var(--text-dim)}.ai-intel{letter-spacing:2px;color:var(--amber);text-shadow:0 0 8px var(--amber-glow);text-transform:uppercase;margin-bottom:20px;font-size:10px}.restart-btn.primary{letter-spacing:4px;border-width:2px;border-color:var(--green);box-shadow:0 0 15px var(--green-glow);padding:16px 48px;font-size:16px;animation:2s ease-in-out infinite play-again-pulse}.restart-btn.primary:hover{background:var(--green-glow);box-shadow:0 0 30px var(--green-glow), 0 0 60px #00ff411a}@keyframes play-again-pulse{0%,to{box-shadow:0 0 15px var(--green-glow)}50%{box-shadow:0 0 25px var(--green-glow), 0 0 40px #00ff4114}}.record-summary{letter-spacing:2px;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;display:flex}.record-stat-wins{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.record-stat-sep{color:var(--text-dim);font-size:12px}.record-stat-losses{color:var(--red);text-shadow:0 0 10px var(--red-glow)}.record-winrate{color:var(--text-dim);font-size:11px;font-weight:400}.reset-record-btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:2px;margin-top:12px;padding:4px 12px;font-family:inherit;font-size:9px;transition:all .2s}.reset-record-btn:hover{border-color:var(--red-dim);color:var(--red);background:var(--red-glow)}.game-footer{text-align:center;justify-content:center;align-items:center;margin-top:auto;padding:12px 0;display:flex}.footer-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s ease-in-out infinite dot-pulse}.lobby{flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.lobby-btn{border:1px solid var(--green-dim);color:var(--green);letter-spacing:3px;cursor:pointer;background:0 0;border-radius:2px;width:100%;max-width:280px;padding:14px 40px;font-family:inherit;font-size:14px;transition:all .2s}.lobby-btn:hover{background:var(--green-glow);box-shadow:0 0 20px var(--green-glow);border-color:var(--green)}.lobby-btn.primary{border-width:2px;border-color:var(--green);box-shadow:0 0 10px var(--green-glow);padding:16px 40px;font-size:16px}.lobby-btn.small{letter-spacing:2px;width:auto;padding:8px 20px;font-size:11px}.lobby-btn:disabled{opacity:.3;cursor:not-allowed}.lobby-divider{align-items:center;gap:12px;width:100%;max-width:280px;display:flex}.lobby-divider-line{background:var(--border);flex:1;height:1px}.lobby-divider-text{letter-spacing:3px;color:var(--text-dim);font-size:10px}.lobby-join-link{color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:11px;transition:color .2s}.lobby-join-link:hover{color:var(--text)}.lobby-join{align-items:center;gap:8px;display:flex}.lobby-input{background:var(--bg);border:1px solid var(--green-dim);color:var(--green);letter-spacing:6px;text-align:center;text-transform:uppercase;border-radius:2px;outline:none;width:110px;padding:8px 12px;font-family:inherit;font-size:18px;font-weight:700}.lobby-input:focus{box-shadow:0 0 10px var(--green-glow);border-color:var(--green)}.lobby-input::placeholder{color:var(--text-dim);letter-spacing:4px;font-size:14px}.waiting-room{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.waiting-room-label{letter-spacing:3px;color:var(--text-dim);font-size:10px}.waiting-room-code{letter-spacing:12px;color:var(--green);text-shadow:0 0 20px var(--green-glow);font-size:36px;font-weight:700}.waiting-room-url{color:var(--text-dim);letter-spacing:1px;word-break:break-all;font-size:10px}.waiting-room-status{letter-spacing:3px;color:var(--amber);text-shadow:0 0 8px var(--amber-glow);margin-top:12px;font-size:11px}.waiting-phase{text-align:center;padding:40px 0}.waiting-icon{margin-bottom:16px}.waiting-move{font-size:40px}.waiting-move.strike{color:var(--amber)}.waiting-move.guard{color:var(--green)}.waiting-move.probe{color:var(--cyan)}.waiting-text{letter-spacing:4px;color:var(--text);margin-bottom:8px;font-size:12px}.waiting-dots{color:var(--text-dim);letter-spacing:4px;font-size:18px}.dot-1,.dot-2,.dot-3{animation:1.4s infinite dot-blink}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.rematch-notice{letter-spacing:2px;color:var(--amber);text-shadow:0 0 8px var(--amber-glow);margin-top:8px;font-size:11px}@media (width<=480px){.game-container{padding:12px 10px}.game-title{letter-spacing:8px;font-size:26px}.move-buttons{gap:6px}.move-btn{padding:16px 6px}.move-icon{font-size:28px}.move-name{font-size:10px}.reveal-cards{gap:10px}.reveal-card{padding:14px 8px}.card-move{font-size:14px}.verdict{letter-spacing:4px;font-size:16px}.resolve-move-icon{font-size:26px}.restart-btn.primary{padding:14px 32px;font-size:14px}}.ai-mode-group{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.ai-mode-label{letter-spacing:4px;color:var(--text-bright);text-align:center;margin-bottom:8px;font-size:14px}.lobby-btn-sub{letter-spacing:2px;opacity:.5;margin-top:2px;font-size:9px;font-weight:400;display:block}.learning-btn{border-color:var(--cyan-dim)!important;color:var(--cyan)!important}.learning-btn:hover{border-color:var(--cyan)!important;box-shadow:0 0 15px var(--cyan-glow)!important}.observation{border-left:2px solid var(--cyan-dim);cursor:pointer;background:#66aaff08;min-height:48px;margin:12px 0;padding:16px 20px}.observation-prefix{color:var(--cyan-dim);letter-spacing:2px;margin-bottom:4px;font-size:11px}.observation-text{color:var(--cyan);letter-spacing:1px;text-shadow:0 0 8px var(--cyan-glow);font-size:12px;line-height:1.6}.observation-cursor{color:var(--cyan);animation:.6s step-end infinite cursor-blink}.observation-skip-hint{color:var(--text-dim);letter-spacing:2px;margin-top:8px;font-size:9px}.briefing-privacy{font-style:italic;color:var(--text-dim)!important;font-size:10px!important}.variant-proposal{border:1px solid var(--cyan-dim);background:#66aaff08;margin:16px 0;padding:16px 20px}.variant-header{color:var(--cyan);letter-spacing:3px;text-shadow:0 0 8px var(--cyan-glow);margin-bottom:8px;font-size:10px}.variant-text{color:var(--cyan);letter-spacing:1px;text-shadow:0 0 6px var(--cyan-glow);margin-bottom:12px;font-size:12px;line-height:1.6}.variant-buttons{justify-content:center;gap:12px;display:flex}.variant-btn{letter-spacing:2px;cursor:pointer;background:0 0;padding:10px 20px;font-family:inherit;font-size:11px;transition:all .2s}.variant-btn.accept{border:1px solid var(--cyan-dim);color:var(--cyan)}.variant-btn.accept:hover{border-color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow)}.variant-btn.decline{border:1px solid var(--border-bright);color:var(--text-dim)}.variant-btn.decline:hover{border-color:var(--text);color:var(--text)}.rules-indicator{letter-spacing:2px;color:var(--cyan-dim);text-align:center;cursor:pointer;background:0 0;border:none;width:100%;padding:4px 0;font-family:inherit;font-size:9px}.rules-indicator:hover{color:var(--cyan)}.win-target{letter-spacing:2px;color:var(--cyan-dim);margin-top:2px;font-size:8px;display:block}.briefing-modified{letter-spacing:2px;color:var(--cyan);text-align:center;border:1px solid var(--cyan-dim);margin-top:8px;padding:4px 8px;font-size:9px}.mute-btn{border:1px solid var(--border-bright);width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:all .2s;display:flex}.mute-btn:hover{border-color:var(--text);color:var(--text-bright)}.reconnect-overlay{z-index:400;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.reconnect-text{letter-spacing:3px;color:var(--amber);text-shadow:0 0 10px var(--amber-glow);font-size:12px}