*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a14;color:#ecf0f1;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3c3c5c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4c4c6c}::selection{background:#3498db66;color:#fff}button{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid #3498db;outline-offset:2px}.poker-card{width:120px;height:168px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dee2e6;border-radius:10px;position:relative;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column}.poker-card:hover:not(.disabled){transform:translateY(-8px);box-shadow:0 8px 20px #00000040}.poker-card.selected{transform:translateY(-12px);box-shadow:0 12px 30px #3498db80;border-color:#3498db}.poker-card.disabled{opacity:.6;cursor:not-allowed}.poker-card.small{width:80px;height:112px;font-size:.7em}.poker-card.threat_agent{background:linear-gradient(135deg,#fff5f5,#ffe6e6)}.poker-card.defense_control{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.poker-card.joker{background:linear-gradient(135deg,#f5f0ff,#e8e0f5)}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;padding:6px}.card-corner.top-left{top:0;left:0}.card-corner.bottom-right{bottom:0;right:0;transform:rotate(180deg)}.card-value{font-size:18px;font-weight:700;color:var(--suit-color);line-height:1}.card-suit{font-size:14px;color:var(--suit-color);line-height:1}.card-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 8px;text-align:center}.card-category{font-size:8px;font-weight:700;letter-spacing:1px;color:#666;margin-bottom:4px}.card-suit-large{font-size:32px;color:var(--suit-color);margin-bottom:4px}.card-name{font-size:10px;font-weight:600;color:#333;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}.poker-card.small .card-value{font-size:14px}.poker-card.small .card-suit{font-size:10px}.poker-card.small .card-suit-large{font-size:20px}.poker-card.small .card-name{font-size:8px}.poker-card.small .card-category{font-size:6px}@keyframes attackShake{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-5px) translateY(-5px) scale(1.05)}50%{transform:translate(5px) translateY(5px) scale(1.08)}75%{transform:translate(-5px) translateY(-5px) scale(1.05)}}.poker-card.attack-animation{animation:attackShake .6s ease-in-out}@keyframes defendGlow{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 0 20px #2ecc71cc}}.poker-card.defend-animation{animation:defendGlow .6s ease-in-out}@keyframes damagePulse{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 0 25px #e74c3ce6}}.poker-card.damage-animation{animation:damagePulse .6s ease-in-out}.cyber-asset{width:100px;height:140px;border-radius:10px;cursor:default;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.cyber-asset.clickable{cursor:pointer}.cyber-asset.clickable:hover{transform:scale(1.08);box-shadow:0 0 0 3px #f39c12,0 8px 25px #f39c1266}.cyber-asset.selected{transform:scale(1.08);box-shadow:0 0 0 3px #3498db,0 8px 25px #3498db66}.cyber-asset.destroyed{opacity:.5;cursor:not-allowed}.asset-facedown,.asset-revealed,.damage-indicators{pointer-events:none}.asset-facedown{flex:1;background:linear-gradient(135deg,#2c3e50,#1a252f);border:2px solid #34495e;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.asset-back-pattern{width:50px;height:50px;background:repeating-linear-gradient(45deg,#34495e,#34495e 5px,#2c3e50 5px 10px);border-radius:8px;display:flex;align-items:center;justify-content:center}.asset-back-pattern span{font-size:24px;color:#7f8c8d}.asset-label{margin-top:8px;font-size:10px;color:#7f8c8d;font-weight:600}.asset-revealed{flex:1;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #adb5bd;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;position:relative}.asset-revealed.rotated{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#f39c12}.cyber-asset.opponent .asset-revealed{background:linear-gradient(135deg,#ffe6e6,#fcc);border-color:#e74c3c}.cyber-asset.opponent .asset-revealed.rotated{background:linear-gradient(135deg,#fcc,#f99);border-color:#c0392b}.asset-header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.asset-face{font-size:24px;font-weight:700;color:#2c3e50}.asset-suit{font-size:18px}.cyber-asset.opponent .asset-suit{color:#e74c3c}.asset-name{font-size:10px;font-weight:600;color:#2c3e50;text-align:center;line-height:1.2}.asset-state{font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.asset-state.revealed{background:#3498db;color:#fff}.asset-state.rotated{background:#f39c12;color:#fff}.asset-state.destroyed{background:#e74c3c;color:#fff}.pwn-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#e74c3ce6;color:#fff;padding:8px 16px;font-weight:700;font-size:14px;border-radius:4px;letter-spacing:2px}.damage-indicators{display:flex;justify-content:center;gap:6px;padding:6px}.damage-dot{width:10px;height:10px;border-radius:50%;background:#2c3e50;opacity:.3;transition:all .3s ease}.damage-dot.active{background:#f39c12;opacity:1}.damage-dot.destroyed{background:#e74c3c}.target-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#f39c12;color:#000;font-size:8px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;pointer-events:none;animation:pulse-target 1.5s infinite}@keyframes pulse-target{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(.95)}}@keyframes assetAttackFlash{0%,to{box-shadow:0 2px 8px #00000026;background-color:inherit}50%{box-shadow:0 0 20px #e74c3ccc;background-color:#e74c3c1a}}.cyber-asset.attack-animation{animation:assetAttackFlash .6s ease-in-out}@keyframes assetDefendShield{0%{transform:scale(1);box-shadow:0 2px 8px #00000026}50%{transform:scale(1.1);box-shadow:0 0 25px #2ecc71b3}to{transform:scale(1);box-shadow:0 2px 8px #00000026}}.cyber-asset.defend-animation{animation:assetDefendShield .6s ease-in-out}@keyframes assetDamageShake{0%,to{transform:translate(0) translateY(0);box-shadow:0 2px 8px #00000026}25%{transform:translate(-4px) translateY(-4px);box-shadow:0 0 20px #e74c3ccc}50%{transform:translate(4px) translateY(4px);box-shadow:0 0 20px #e74c3ccc}75%{transform:translate(-4px) translateY(4px)}}.cyber-asset.damage-animation{animation:assetDamageShake .6s ease-in-out}.hand{padding:12px;border-radius:12px;background:#0003}.hand-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.hand-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hand-count{font-size:11px;color:#7f8c8d}.player-hand .hand-label{color:#3498db}.ai-hand .hand-label{color:#e74c3c}.hand-cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:170px;align-items:center}.ai-hand .hand-cards{transform:scale(.75);transform-origin:center;min-height:130px}.empty-hand{color:#7f8c8d;font-style:italic;padding:40px}.game-board{background:linear-gradient(180deg,#1a1a2e,#16213e,#1a1a2e);border:2px solid #2c3e50;border-radius:16px;padding:16px;position:relative}.asset-wrapper{position:relative;display:inline-block}.attack-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.attack-image{width:120px;height:120px;filter:drop-shadow(0 0 20px rgba(231,76,60,.9))}.attack-arrow.player-attacking{animation:arrowPulseUp .8s ease-in-out infinite}.attack-arrow.ai-attacking{animation:arrowPulseDown .8s ease-in-out infinite}@keyframes arrowPulseUp{0%,to{opacity:1;transform:scale(1) rotate(270deg)}50%{opacity:.8;transform:scale(1.15) rotate(270deg)}}@keyframes arrowPulseDown{0%,to{opacity:1;transform:scale(1) rotate(90deg)}50%{opacity:.8;transform:scale(1.15) rotate(90deg)}}.assets-section{padding:12px}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.assets-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.assets-count{font-size:11px;color:#7f8c8d}.ai-assets .assets-label{color:#e74c3c}.player-assets .assets-label{color:#3498db}.assets-row{display:flex;justify-content:center;gap:16px;min-height:160px;align-items:center}.battlefield-divider{display:flex;align-items:center;gap:16px;padding:8px 0;margin:8px 0}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#3c3c5c,transparent)}.divider-content{display:flex;align-items:center;gap:12px}.phase-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#f39c12;padding:4px 12px;background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:4px}.tooltip-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.tooltip-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;max-width:420px;box-shadow:0 20px 60px #00000080;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tooltip-card.risk{border:2px solid #e74c3c;box-shadow:0 20px 60px #00000080,0 0 40px #e74c3c33}.tooltip-card.control{border:2px solid #27ae60;box-shadow:0 20px 60px #00000080,0 0 40px #27ae6033}.tooltip-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.tooltip-icon{font-size:32px}.tooltip-title-section{flex:1}.tooltip-category{font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:4px;display:block}.tooltip-card.risk .tooltip-category{color:#e74c3c}.tooltip-card.control .tooltip-category{color:#27ae60}.tooltip-title{font-size:20px;font-weight:700;color:#ecf0f1;margin:0}.tooltip-body{margin-bottom:16px}.tooltip-description{font-size:14px;line-height:1.6;color:#bdc3c7;margin:0}.tooltip-footer{font-size:11px;color:#7f8c8d;font-style:italic;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.game-status{background:linear-gradient(180deg,#16213e,#1a1a2e);border-bottom:2px solid #2c3e50;padding:12px 20px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-title{font-size:18px;font-weight:700;color:#3498db;margin:0;text-shadow:0 2px 10px rgba(52,152,219,.3)}.turn-badge{background:#2c3e50;color:#ecf0f1;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-content{display:flex;align-items:center;gap:24px}.defense-tracker{background:#0003;padding:8px 12px;border-radius:8px;min-width:160px}.tracker-label{font-size:9px;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.tracker-row{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.tracker-you{color:#3498db}.tracker-ai{color:#e74c3c}.message-area{flex:1;text-align:center}.game-message{font-size:14px;color:#ecf0f1;font-weight:500}.game-message.game-over{font-size:18px;color:#2ecc71;font-weight:700}.last-action{margin-top:6px;font-size:11px;color:#95a5a6}.action-actor{color:#f39c12;font-weight:600;margin-right:4px}.action-text{color:#ecf0f1;margin-right:4px}.action-details{color:#7f8c8d}.action-buttons{display:flex;gap:8px;min-width:200px;justify-content:flex-end}.btn-attack,.btn-secondary,.btn-primary{padding:8px 16px;font-size:12px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-attack{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-attack:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #e74c3c66}.btn-attack:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#34495e;color:#ecf0f1}.btn-secondary:hover:not(:disabled){background:#3d566e}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff}.btn-primary:hover{transform:scale(1.05);box-shadow:0 4px 15px #3498db66}.waiting{color:#f39c12;font-weight:600;animation:pulse 1s infinite}.waiting-container{display:flex;gap:12px;align-items:center}.btn-skip{padding:6px 12px;font-size:11px;font-weight:700;border:none;border-radius:6px;cursor:pointer;background:#2c3e50;color:#ecf0f1;transition:all .2s ease}.btn-skip:hover{background:#34495e;transform:scale(1.05)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.action-log{background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid #2c3e50;border-radius:10px;padding:12px;height:calc(100vh - 24px);max-height:900px;display:flex;flex-direction:column;box-shadow:0 4px 15px #0000004d}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #2c3e50}.log-header h3{font-size:12px;color:#3498db;margin:0;text-transform:uppercase;letter-spacing:1px}.log-count{font-size:10px;color:#7f8c8d}.log-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:#0a0a14;border-radius:3px}.log-content::-webkit-scrollbar-thumb{background:#34495e;border-radius:3px}.log-content::-webkit-scrollbar-thumb:hover{background:#3d566e}.log-empty{color:#7f8c8d;font-size:11px;text-align:center;padding:20px;font-style:italic}.log-entry{background:#0003;border-radius:6px;padding:8px;border-left:3px solid;animation:slideIn .2s ease-out}.log-entry.log-player{border-left-color:#3498db}.log-entry.log-ai{border-left-color:#e74c3c}.log-actor{font-size:10px;font-weight:600;margin-bottom:2px}.log-entry.log-player .log-actor{color:#3498db}.log-entry.log-ai .log-actor{color:#e74c3c}.log-action{font-size:11px;font-weight:600;color:#ecf0f1;margin-bottom:2px}.log-details{font-size:10px;color:#95a5a6;line-height:1.3;white-space:pre-wrap}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.app{min-height:100vh;background:linear-gradient(135deg,#0a0a14,#1a1a2e,#0a0a14);display:flex;flex-direction:column}.app-layout{flex:1;display:grid;grid-template-columns:320px minmax(0,1fr) 340px;gap:12px;padding:12px;align-items:start}.left-panel,.right-panel,.center-panel{min-width:0}.rules-panel{background:#16213e;border:2px solid #2c3e50;border-radius:16px;padding:16px}.game-container{display:flex;flex-direction:column;gap:12px;width:100%}.player-row{display:flex;gap:12px;align-items:flex-start}.player-row .hand{flex:1;min-width:0}.player-row .game-status{width:320px;flex:0 0 320px}.sidebar-column{display:flex;flex-direction:column;gap:12px;width:320px;flex:0 0 320px}.player-row .game-status{border-radius:10px}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.left-panel,.right-panel{order:2}.center-panel{order:1}.player-row{flex-direction:column}.player-row .hand,.player-row .game-status,.sidebar-column{width:100%;flex:0 0 auto}}.coin-flip-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in}.difficulty-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:3px solid #3498db;border-radius:20px;padding:40px;text-align:center;box-shadow:0 20px 60px #00000080}.difficulty-title{font-size:32px;color:#3498db;margin:0 0 8px;text-transform:uppercase;letter-spacing:2px}.difficulty-desc{font-size:14px;color:#95a5a6;margin:0 0 30px}.difficulty-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 40px;background:linear-gradient(180deg,#2c3e50,#1a1a2e);border:2px solid #34495e;border-radius:12px;color:#ecf0f1;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:180px}.difficulty-btn:hover{transform:translateY(-4px);box-shadow:0 8px 25px #3498db66;border-color:#3498db}.easy-btn:hover{border-color:#2ecc71;box-shadow:0 8px 25px #2ecc7166}.hard-btn:hover{border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c66}.brutal-btn:hover{border-color:#f39c12;box-shadow:0 8px 25px #f39c1266}.btn-icon{font-size:48px}.btn-label{font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.btn-winrate{font-size:12px;color:#7f8c8d}.coin-flip-content{display:flex;flex-direction:column;align-items:center;gap:20px}.coin-flip-coin{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 10px 40px #f39c1280;animation:coinFlip 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;font-weight:700}.coin-flip-text{font-size:18px;color:#ecf0f1;margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes coinFlip{0%{transform:rotateY(0) rotateX(0)}50%{transform:rotateY(360deg) rotateX(180deg)}to{transform:rotateY(720deg) rotateX(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.game-instructions{background:#16213e;padding:16px 24px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;border-top:1px solid #2c3e50}.instruction-section{max-width:280px}.instruction-section h3{font-size:12px;color:#3498db;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.instruction-section ol,.instruction-section ul{margin:0;padding-left:16px;font-size:11px;color:#95a5a6;line-height:1.6}.instruction-section li{margin-bottom:2px}.instruction-section strong{color:#ecf0f1}@media(max-width:900px){.game-instructions{flex-direction:column;align-items:center;gap:16px}.instruction-section{text-align:center;max-width:100%}.instruction-section ol,.instruction-section ul{text-align:left;display:inline-block}}