.compact-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:2px solid #0000001a;border-radius:12px;box-shadow:0 4px 16px #00000026;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Arial,sans-serif;height:200px;margin:4px auto;overflow:hidden;position:relative;transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);width:135px}.compact-card[data-tipologia=DJ]{border-color:#1976d2}.compact-card[data-tipologia=Tracks]{border-color:#ff8f00}.compact-card[data-tipologia=Venue]{border-color:#7b1fa2}.compact-card[data-tipologia=Effetti]{border-color:#4caf50}.compact-card.negative-effect{border-color:#e53935}.compact-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px) scale(1.02)}.compact-card.selected{border:3px solid #4caf50;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.compact-card--draggable{cursor:grab}.compact-card--being-dragged,.compact-card--dragging{box-shadow:0 15px 30px #0000004d;cursor:grabbing;opacity:.7;transform:rotate(5deg) scale(1.05);z-index:1000}.compact-card[data-tipologia]:active{transform:scale(.98);transition:transform .1s ease}.compact-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:1199px){.card-image{-webkit-tap-highlight-color:transparent!important;pointer-events:none!important}.card-image,.card-image-container{cursor:inherit!important;touch-action:inherit!important}}.compact-card.attackable{border-color:#f44336;cursor:pointer;position:relative}.compact-card.attackable:hover{border-color:#d32f2f;box-shadow:0 6px 20px #f4433666;transform:translateY(-3px)}.card-header{align-items:center;color:#fff;display:flex;font-size:10px;font-weight:600;justify-content:space-between;letter-spacing:.5px;min-height:22px;padding:6px 8px;text-transform:uppercase}.compact-card[data-tipologia=DJ] .card-header{background:#1976d2}.compact-card[data-tipologia=Tracks] .card-header{background:#ff8f00}.compact-card[data-tipologia=Venue] .card-header{background:#7b1fa2}.compact-card[data-tipologia=Effetti] .card-header{background:#4caf50}.compact-card.negative-effect .card-header{background:#e53935}.card-type{font-weight:600}.card-score{align-items:center;background:#fffffff2;border-radius:10px;box-shadow:0 1px 3px #0003;color:#333;display:flex;font-size:11px;font-weight:700;gap:2px;justify-content:center;min-width:28px;padding:3px 8px;position:relative;text-align:center}.card-score--effect-positive{background:linear-gradient(135deg,#4caf50,#66bb6a)!important;color:#fff!important;font-weight:800}.card-score--effect-negative{background:linear-gradient(135deg,#f44336,#ef5350)!important;color:#fff!important;font-weight:800}.card-score--effect{background:#000c!important;color:#fff!important}.card-score-crossed{font-size:9px;font-weight:400;margin-left:3px;opacity:.6;text-decoration:line-through}.card-score-percentage{font-size:8px;opacity:.9}.card-image-container{background:#f5f5f5;height:80px;overflow:hidden;position:relative;width:100%}.card-image{border-radius:0!important;height:100%;object-fit:cover;object-position:center;pointer-events:none!important;transition:transform .2s ease}.card-image-placeholder{align-items:center;background:#f5f5f5;color:#999;display:flex;font-size:12px;font-style:italic;height:100%;justify-content:center;width:100%}.compact-card:hover .card-image{transform:scale(1.03)}.card-content{background:#fff;border-radius:0 0 12px 12px;display:flex;flex-direction:column;font-size:11px;height:calc(100% - 102px);justify-content:flex-start;padding:6px}.card-title{font-family:Inter,Segoe UI,sans-serif;font-size:12px;font-weight:700;line-height:1.1}.card-characteristics,.card-title{color:#1a1a1a;margin-bottom:3px;text-align:center}.card-characteristics{font-size:11px;font-weight:500;line-height:1.2;min-height:12px}.card-description{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#444;display:-webkit-box;flex-grow:1;font-family:Inter,Segoe UI,sans-serif;font-size:9px;font-style:normal;font-weight:400;height:auto;line-height:1.2;margin-bottom:0;min-height:54px;overflow:hidden;text-align:center}@media (max-width:1199px){.card-image,.card-image-container img,.compact-card img{border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.compact-card{height:160px;width:112px}.card-image-container{height:64px}.card-content{height:calc(100% - 82px);padding:5px}.card-title{font-size:10px}.card-header{min-height:18px;padding:3px 6px}.card-characteristics,.card-header{font-size:9px}.card-description{font-size:8px;min-height:50px}}@media (max-width:400px){.compact-card{height:145px;width:102px}.card-image-container{height:58px}.card-content{height:calc(100% - 74px);padding:4px}.card-title{font-size:9px}.card-characteristics{font-size:8px}.card-description{-webkit-line-clamp:5;font-size:7px;min-height:45px}}@media (max-width:320px){.compact-card{height:130px;width:92px}.card-image-container{height:52px}.card-content{height:calc(100% - 66px);padding:3px}.card-title{font-size:8px}.card-characteristics{font-size:7px}.card-description{-webkit-line-clamp:5;font-size:6px;min-height:40px}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.compact-card.appear{animation:cardAppear .3s ease-out}@keyframes cardSelect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.compact-card.selected{animation:cardSelect .2s ease-out}.compact-card *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-image{will-change:transform}.compact-card:hover{will-change:transform,box-shadow}.compact-card{-webkit-user-select:none;user-select:none}.compact-card--being-dragged,.compact-card--draggable:active{touch-action:none}@media (max-width:1199px){.compact-card{touch-action:manipulation!important}.card-content,.card-header,.card-image{pointer-events:none!important}.card-content,.card-header{cursor:inherit!important}}.card-description:empty:after{color:#ff6b6b;content:"[Descrizione mancante]";font-size:9px;font-style:italic}.card-characteristics:empty:after{color:#999;content:"[Caratteristiche]";font-style:italic}.loading-spinner-container{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Orbitron,sans-serif;height:100vh;justify-content:center}.loading-spinner-icon{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:20px}.loading-spinner-message{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#fff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;letter-spacing:.5px;text-align:center}@media (max-width:768px){.loading-spinner-icon{font-size:2.5rem;margin-bottom:16px}.loading-spinner-message{font-size:1.3rem}}@media (max-width:480px){.loading-spinner-icon{font-size:2rem;margin-bottom:12px}.loading-spinner-message{font-size:1.1rem;padding:0 20px}}.loading-spinner-container--dark{background:linear-gradient(135deg,#000,#1a1a1a 50%,#2d2d2d)}.loading-spinner-container--light{background:linear-gradient(135deg,#f5f5f5,#e0e0e0 50%,#d0d0d0);color:#333}.loading-spinner-container--light .loading-spinner-message{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#1976d2,#333);-webkit-background-clip:text;background-clip:text}.game-layout{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;min-width:1200px}.game-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 16px 16px;box-shadow:0 4px 20px #00000026;padding:12px 20px}.game-header h1{font-size:24px;font-weight:600;letter-spacing:.5px;margin:0}.game-stats{align-items:center;display:flex;gap:20px}.deck-info,.turn-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;flex-direction:column;padding:8px 12px}.deck-number,.turn-number{font-size:16px;font-weight:700}.deck-label,.turn-label{font-size:11px;margin-top:2px;opacity:.9}.score-comparison{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:20px;font-size:16px;font-weight:700;gap:12px;padding:8px 16px}.vs{font-size:12px;opacity:.8}.score-comparison small{font-size:10px;opacity:.8}.game-message{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #0d47a11a;border-radius:12px;box-shadow:0 3px 10px #0000001a;color:#0d47a1;font-size:14px;font-weight:600;margin:8px 10px;overflow:hidden;padding:12px 20px;position:relative;text-align:center}.game-message:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.game-area{display:flex;flex:1 1;gap:8px;height:calc(100vh - 150px);margin:0 10px;padding-bottom:20px}.game-column{display:flex;flex-direction:column;gap:8px;height:100%}.left-column{flex:7.5 1;height:100%;min-width:0}.right-column{flex:2.5 1;height:100%;min-width:0}.section-header{border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.section-header h2{color:#333;font-size:18px;font-weight:600;margin:0}.hand-info,.table-info{color:#666;font-size:13px}.computer-table h3{font-size:13px;font-weight:700;margin-bottom:5px;margin-top:0}.table-cards{flex-wrap:wrap}.empty-table,.table-cards{display:flex;justify-content:center}.empty-table{align-items:center;background-color:#00000008;border-radius:8px;color:#666;font-size:13px;font-style:italic;padding:20px;width:100%}.combo-status{font-size:13px;margin-top:8px}.combo-status.complete{color:#4caf50}.combo-status.incomplete{color:#e53935}.combo-label{font-weight:700}.player-table{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;min-height:240px;padding:30px}.hand-title{color:#ff8f00}.hand-instruction{color:#ff8f00;font-size:13px}.player-hand{display:flex;flex:1 1;flex-wrap:wrap;gap:10px;justify-content:center;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-color:#ff98004d #ff98001a;scrollbar-width:thin}.game-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.control-button{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px}.control-button:disabled{background-color:#ccc;cursor:not-allowed}.play-button{background-color:#3f51b5}.discard-button{background-color:#4caf50}.pass-button{background-color:#78909c;grid-column:1}.next-button{background-color:#3f51b5;grid-column:1/span 2}.new-game-button{background-color:#f44336;grid-column:2}.back-card{align-items:center;background-image:url(/static/media/card-back.573277ef3eadacb586fc.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:6px;box-shadow:0 2px 4px #0003;display:flex;font-size:14px;font-weight:700;height:115px;justify-content:center;margin:3px;width:85px}.modern-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.modern-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.modern-button:active{transform:translateY(0)}.modern-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf5066}.modern-button.primary:hover{box-shadow:0 6px 20px #4caf5099}.modern-button.danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f4433666}.modern-button.danger:hover{box-shadow:0 6px 20px #f4433699}.modern-button.secondary{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 4px 15px #9e9e9e66}.modern-button.secondary:hover{box-shadow:0 6px 20px #9e9e9e99}.modern-button:disabled{background:#ccc;cursor:not-allowed}.modern-button:disabled,.modern-button:disabled:hover{box-shadow:none;transform:none}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e}.card-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-container:hover{transform:translateY(-4px)}.cards-grid{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));justify-items:center;padding:20px}.loading-pulse{animation:pulse 2s infinite}.slide-in-right{animation:slideInFromRight .5s ease-out}.modern-button:focus{outline:3px solid #667eea80;outline-offset:2px}@media (min-width:1600px){.game-area{flex-direction:row;gap:12px}.left-column{flex:7.5 1}.right-column{flex:2.5 1}.cards-grid{gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:380px}}@media (min-width:1200px) and (max-width:1599px){.game-area{flex-direction:row;gap:10px}.left-column{flex:7.5 1}.right-column{flex:2.5 1}}@media (min-width:768px) and (max-width:1199px){.game-area{flex-direction:row;gap:8px}.left-column{flex:6 1}.right-column{flex:4 1}}@media (max-width:767px){.game-area{flex-direction:row;gap:8px;height:calc(100vh - 120px);margin:0 4px}.left-column{flex:7 1}.right-column{flex:3 1}}@media (max-width:400px){.game-area{gap:6px;margin:0 3px}}@media (max-width:320px){.game-area{gap:4px;margin:0 2px}}.rules-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;bottom:0;display:flex;font-family:Orbitron,Arial,sans-serif;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rules-modal-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#533483 75%,#764ba2);border:3px solid #61dafb4d;border-radius:25px;box-shadow:0 25px 50px #00000080;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.rules-modal-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#61dafb1a;border-bottom:2px solid #61dafb33;padding:25px;text-align:center}.rules-modal-title{background:linear-gradient(45deg,#61dafb,#fff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:36px;font-weight:700;margin:0 0 10px;text-shadow:0 0 20px #61dafb99}.rules-modal-difficulty-badges{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.rules-modal-difficulty-badge{border-radius:15px;font-size:14px;font-weight:700;padding:8px 16px}.rules-modal-difficulty-badge--current{background:#4caf5033;border:2px solid #4caf50}.rules-modal-difficulty-badge--combo{background:#ffd70033;border:2px solid gold}.rules-modal-navigation{display:flex;gap:8px;overflow-x:auto;padding:15px 20px}.rules-modal-nav-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:8px 16px;transition:all .3s ease}.rules-modal-nav-button--active{background:linear-gradient(45deg,#61dafb,#667eea);border:2px solid #61dafb;box-shadow:0 8px 25px #61dafb66;transform:translateY(-2px)}.rules-modal-nav-button--inactive{background:#ffffff1a;border:1px solid #fff3}.rules-modal-nav-button-emoji{font-size:16px}.rules-modal-content{flex:1 1;overflow:auto;padding:20px}.rules-modal-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rules-modal-overview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;text-align:center}.rules-modal-overview-card--theme{background:#61dafb1a;border:2px solid #61dafb4d}.rules-modal-overview-card--objective{background:#ffc1071a;border:2px solid #ffc1074d}.rules-modal-overview-card--victory{background:#4caf501a;border:2px solid #4caf504d}.rules-modal-overview-card--flow{background:#9c27b01a;border:2px solid #9c27b04d}.rules-modal-overview-card h3{font-size:20px;margin-bottom:15px}.rules-modal-overview-card--theme h3{color:#61dafb}.rules-modal-overview-card--objective h3{color:#ffc107}.rules-modal-overview-card--victory h3{color:#4caf50}.rules-modal-overview-card--flow h3{color:#9c27b0}.rules-modal-cards-title{color:#61dafb;font-size:28px;margin:0 0 25px;text-align:center}.rules-modal-cards-subtitle{font-size:16px;margin-bottom:25px;text-align:center}.rules-modal-cards-showcase{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px}.rules-modal-cards-rules{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.rules-modal-card-rule{background:#ffffff1a;border:1px solid #61dafb4d;border-radius:10px;padding:15px;transition:all .3s ease}.rules-modal-card-rule-highlight{background:linear-gradient(45deg,#61dafb4d,#ffffff1a);border:1px solid #61dafb80;border-radius:4px;color:#61dafb;font-weight:700;padding:2px 6px}.rules-modal-combo-showcase{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:15px;margin:20px 0;padding:20px}.rules-modal-combo-title{color:#61dafb;font-size:1.3rem;font-weight:700;margin-bottom:15px;text-align:center}.rules-modal-combo-title--devastante{color:#ff6b6b;font-size:1.3rem}.rules-modal-combo-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.rules-modal-combo-result{color:#61dafb;font-size:1.2rem;text-align:center}.rules-modal-combo-result--devastante{color:#ff6b6b;font-size:1.4rem}.rules-modal-synergy-container{background:linear-gradient(135deg,#ffc10733,#ff98001a);border:2px solid #ffc10780;border-radius:15px;margin:20px 0;padding:20px}.rules-modal-synergy-title{color:#ffc107;font-size:1.4rem;font-weight:700;margin-bottom:15px;text-align:center}.rules-modal-synergy-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rules-modal-synergy-item{border:2px solid;border-radius:10px;padding:15px;text-align:center}.rules-modal-synergy-item--techno{background:#ff572233;border-color:#ff5722}.rules-modal-synergy-item--house{background:#9c27b033;border-color:#9c27b0}.rules-modal-synergy-item--dnb{background:#3f51b533;border-color:#3f51b5}.rules-modal-synergy-item--jungle{background:#4caf5033;border-color:#4caf50}.rules-modal-synergy-genre{font-size:1.2rem;font-weight:700;margin-bottom:10px}.rules-modal-synergy-genre--techno{color:#ff5722}.rules-modal-synergy-genre--house{color:#9c27b0}.rules-modal-synergy-genre--dnb{color:#3f51b5}.rules-modal-synergy-genre--jungle{color:#4caf50}.rules-modal-synergy-bonus{color:#4caf50;font-size:1.1rem;font-weight:700}.rules-modal-synergy-requirement{font-size:.9rem;margin-top:5px;opacity:.8}.rules-modal-synergy-description{font-size:.8rem;line-height:1.3;margin-top:8px}.rules-modal-combat-showcase{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px}.rules-modal-combat-example{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:15px;margin:20px 0;padding:20px}.rules-modal-combat-example-title{color:#ff6b6b;font-size:1.3rem;font-weight:700}.rules-modal-combat-example-text,.rules-modal-combat-example-title{margin-bottom:15px;text-align:center}.rules-modal-combat-example-result{color:#ff6b6b;font-size:1.2rem;text-align:center}.rules-modal-combat-rules{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.rules-modal-combat-rule{background:#ffffff1a;border:1px solid #f443364d;border-radius:10px;padding:15px}.rules-modal-strategy-golden-rules{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:15px;margin:20px 0;padding:20px}.rules-modal-strategy-golden-title{color:#ffc107;font-size:1.3rem;font-weight:700;margin-bottom:15px;text-align:center}.rules-modal-strategy-rules-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rules-modal-strategy-rule{border:2px solid;border-radius:10px;padding:15px;text-align:center}.rules-modal-strategy-rule h4{margin:0 0 8px}.rules-modal-strategy-rule p{font-size:14px;line-height:1.4;margin:0}.rules-modal-strategy-combos{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:15px;margin:20px 0;padding:20px}.rules-modal-strategy-combos-title{color:#61dafb;font-size:1.3rem;font-weight:700;margin-bottom:15px;text-align:center}.rules-modal-strategy-combo-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.rules-modal-strategy-combo-item{background:#ffffff1a;border:1px solid #61dafb4d;border-radius:10px;padding:15px}.rules-modal-strategy-combo-highlight{background:linear-gradient(45deg,#61dafb4d,#ffffff1a);border:1px solid #61dafb80;border-radius:4px;color:#61dafb;font-weight:700;padding:2px 6px}.rules-modal-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#61dafb1a;border-top:2px solid #61dafb33;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;text-align:center}.rules-modal-footer-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;font-family:Orbitron,Arial,sans-serif;font-size:16px;font-weight:700;padding:15px 30px;transition:all .3s ease}.rules-modal-footer-button:hover{box-shadow:0 12px 30px #ff6b6b99;transform:scale(1.05)}.rules-modal-footer-info{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:25px;display:flex;font-size:14px;gap:10px;padding:15px 25px}.rules-modal-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:45px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:45px}.rules-modal-close-button:hover{background:#f44336b3;transform:scale(1.1)}@media (max-width:768px){.rules-modal-overlay{padding:10px}.rules-modal-container{border-radius:15px;max-height:95vh}.rules-modal-header{padding:15px}.rules-modal-title{font-size:24px}.rules-modal-navigation{gap:4px;padding:10px 15px}.rules-modal-nav-button{font-size:11px;padding:6px 10px}.rules-modal-content{padding:15px}.rules-modal-overview-grid{gap:15px;grid-template-columns:1fr}.rules-modal-cards-showcase{gap:10px}.rules-modal-strategy-rules-grid,.rules-modal-synergy-grid{grid-template-columns:1fr}.rules-modal-footer{gap:15px;padding:15px}.rules-modal-footer-button{font-size:14px;padding:12px 20px}}@media (max-width:480px){.rules-modal-title{font-size:20px}.rules-modal-nav-button{font-size:10px;padding:4px 8px}.rules-modal-nav-button-emoji{font-size:14px}.rules-modal-content{padding:10px}.rules-modal-cards-title{font-size:22px}.rules-modal-combo-title{font-size:1.1rem}}.game-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#533483);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;display:flex;font-family:Orbitron,Arial,sans-serif;justify-content:space-between;overflow:hidden;position:relative;transition:all .3s ease}.game-header--desktop{padding:8px}.game-header--mobile{gap:6px;justify-content:flex-start;padding:2px 4px}.game-header-overlay{animation:headerPulse 6s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 90% 80%,#61dafb26 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.game-header-logo,.game-header-logo-wrapper{position:relative;z-index:1}.game-header-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:70px;width:auto}.game-header-content{align-items:center;display:flex;position:relative;z-index:1}.game-header-content--desktop{gap:12px}.game-header-content--mobile{flex:1 1;gap:2px;justify-content:flex-end}.game-header-phase-indicator{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 #fff3;display:flex}.game-header-phase-indicator--desktop{gap:12px;min-width:300px;padding:12px}.game-header-phase-indicator--mobile{gap:4px;min-width:120px;padding:4px 6px}.game-header-phase-description{color:gold;font-weight:600;text-align:center;text-shadow:0 1px 2px #00000080}.game-header-phase-description--desktop{font-size:.875rem;min-width:90px}.game-header-phase-description--mobile{font-size:.75rem;min-width:70px}.game-header-phase-divider{background-color:#fff3;width:1px}.game-header-phase-divider--desktop{height:24px}.game-header-phase-divider--mobile{height:20px}.game-header-phases-container{align-items:center;display:flex}.game-header-phases-container--desktop{gap:8px}.game-header-phases-container--mobile{gap:4px}.game-header-phase-item{align-items:center;cursor:help;display:flex;position:relative}.game-header-phase-item--mobile{cursor:pointer}.game-header-phase-tooltip{background:linear-gradient(135deg,#ffffffe6,#ffffff1a);border-radius:4px;bottom:35px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;font-size:.75rem;left:50%;padding:4px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.game-header-phase-circle{align-items:center;border-color:#0000;border-color:var(--phase-border-color,#0000);border-radius:50%;color:#fff;color:var(--phase-color,#fff);display:flex;font-weight:700;justify-content:center;transition:all .3s ease}.game-header-phase-circle--desktop{font-size:.875rem;height:22px;width:22px}.game-header-phase-circle--mobile{font-size:.75rem;height:18px;width:18px}.game-header-phase-circle--completed{background-color:#4caf50;color:#fff}.game-header-phase-circle--active{background-color:#fff;border:2px solid;box-shadow:0 0 8px #fff9;transform:scale(1.1)}.game-header-phase-circle--inactive{background-color:#ffffff40;border:1px solid #0000;color:#fffc}.game-header-phase-circle--hovered{transform:scale(1.05)}.game-header-phase-connector{height:2px;transition:all .3s ease}.game-header-phase-connector--desktop{margin-left:4px;margin-right:4px;width:12px}.game-header-phase-connector--mobile{margin-left:2px;margin-right:2px;width:10px}.game-header-phase-connector--completed{background-color:#4caf50}.game-header-phase-connector--incomplete{background-color:#ffffff40}.game-header-stats{align-items:center;display:flex}.game-header-stats--desktop{gap:12px}.game-header-stats--mobile{gap:4px}.game-header-stat-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column}.game-header-stat-box--desktop{padding:8px}.game-header-stat-box--mobile{padding:2px 4px}.game-header-stat-value{color:gold;font-weight:700;text-shadow:0 1px 2px #00000080}.game-header-stat-value--desktop{font-size:1.125rem}.game-header-stat-value--mobile{font-size:1rem}.game-header-stat-label{font-weight:600;letter-spacing:.5px;opacity:.9}.game-header-stat-label--desktop{font-size:.875rem}.game-header-stat-label--mobile{font-size:.75rem}.game-header-score-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffd7004d,#ffd7001a);border:2px solid #ffd70066;border-radius:12px;box-shadow:0 6px 24px #ffd70033}.game-header-score-box--desktop{padding:8px}.game-header-score-box--mobile{padding:2px 4px}.game-header-score-text{align-items:center;display:flex;font-weight:700;text-shadow:0 1px 2px #00000080}.game-header-score-text--desktop{font-size:1.125rem;gap:8px}.game-header-score-text--mobile{font-size:1rem;gap:4px}.game-header-score-player{color:#4caf50}.game-header-score-computer{color:#f44336}.game-header-score-vs{color:gold;opacity:.8}.game-header-score-vs--desktop{font-size:1rem}.game-header-score-vs--mobile{font-size:.875rem}.game-header-score-label{color:#fff;opacity:.9}.game-header-score-label--desktop{font-size:.875rem}.game-header-score-label--mobile{font-size:.75rem}.game-header-desktop-controls{align-items:center;display:flex;gap:8px}.game-header-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:600;justify-content:center;min-height:36px;min-width:60px;padding:8px;transition:all .2s ease}.game-header-btn--new-game{background:linear-gradient(45deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f4433666}.game-header-btn--new-game:hover{background:linear-gradient(45deg,#e57373,#f44336);box-shadow:0 6px 20px #f4433699}.game-header-btn--tutorial{background:linear-gradient(45deg,#fff3,#ffffff1a);box-shadow:0 4px 15px #61dafb66}.game-header-btn--tutorial:hover{background:linear-gradient(45deg,#ffffff4d,#fff3);box-shadow:0 6px 20px #61dafb99}.game-header-difficulty-selector{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-radius:4px;display:flex;gap:2px;margin-right:8px;padding:2px}.game-header-difficulty-btn{align-items:center;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:all .3s ease}.game-header-difficulty-btn--active{opacity:1}.game-header-difficulty-btn--inactive{background-color:initial;opacity:.7}.game-header-difficulty-btn--easy{background-color:#4caf50}.game-header-difficulty-btn--medium{background-color:#ff9800}.game-header-difficulty-btn--hard{background-color:#f44336}.game-header-mobile-controls{background-color:#533483e6;border-radius:0 0 4px 4px;display:flex;gap:4px;justify-content:center;left:24px;padding:4px;position:absolute;right:24px;top:100%}.game-header-mobile-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;padding:4px;transition:all .2s ease}.game-header-mobile-btn--new-game{background:linear-gradient(45deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f4433666}.game-header-mobile-btn--tutorial{background:linear-gradient(45deg,#fff3,#ffffff1a);box-shadow:0 4px 15px #61dafb66}.game-header-mobile-difficulty{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-radius:4px;display:flex;gap:1px;padding:2px}.game-header-mobile-difficulty-btn{border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;padding:4px;transition:all .3s ease}@keyframes headerPulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width:768px){.game-header-content{flex-wrap:wrap}.game-header-phase-indicator{margin-bottom:8px;order:1;width:100%}.game-header-stats{order:2}.game-header-score-box{order:3}}@media (max-width:480px){.game-header-logo{height:50px}.game-header-phase-indicator{min-width:120px;padding:6px}.game-header-phase-description--mobile{font-size:.7rem;min-width:50px}.game-header-stat-value--mobile{font-size:.9rem}.game-header-stat-label--mobile{font-size:.7rem}}.table-area-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;flex:1 1;flex-direction:column;font-family:Orbitron,Arial,sans-serif;min-height:auto;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.table-area-container--player{background:linear-gradient(135deg,#4caf5026,#8bc34a1a);border:1px solid #fff3;box-shadow:0 6px 20px #0000001a}.table-area-container--player-complete{background:linear-gradient(135deg,#4caf5040,#8bc34a26);border:2px solid #4caf5080;box-shadow:0 8px 25px #4caf504d}.table-area-container--player-drag-over{background:linear-gradient(135deg,#61dafb33,#61dafb1a)!important;border:3px solid #61dafbcc!important;box-shadow:0 0 30px #61dafb80,0 8px 25px #4caf504d!important;transform:scale(1.02)}.table-area-container--computer{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff3;box-shadow:0 6px 20px #0000001a}.table-area-container--computer-attack{border:2px solid #f4433680;box-shadow:0 8px 25px #f443364d}.table-area-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.table-area-header--player{border-bottom:1px solid #4caf504d}.table-area-header--player-complete{border-bottom:2px solid #4caf5080}.table-area-header-content{align-items:center;display:flex;flex:1 1;gap:10px}.table-area-title{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:1px 1px 2px #000000b3}.table-area-drag-feedback{animation:pulse 1s infinite;color:#61dafb;font-size:14px;margin-left:10px}.table-area-combo-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;text-shadow:1px 1px 2px #000000b3}.table-area-combo-info--complete{background:linear-gradient(135deg,#4caf504d,#8bc34a33);border:1px solid #4caf5080}.table-area-combo-info--incomplete{background:linear-gradient(135deg,#f443364d,#ff572233);border:1px solid #f4433680}.table-area-status-badge{border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;text-shadow:1px 1px 2px #00000080}.table-area-status-badge--player-complete{background:linear-gradient(135deg,#4caf50b3,#8bc34a80)}.table-area-status-badge--computer-attack{background:linear-gradient(135deg,#f44336b3,#ff572280)}.table-area-status-badge--default{background:linear-gradient(135deg,#ffffff4d,#fff3)}.table-area-grid{display:grid;justify-content:center;justify-items:center}.table-area-card-slot{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;max-height:200px;max-width:145px;min-height:200px;min-width:145px;position:relative}.table-area-card-slot--empty{border:2px dashed}.table-area-card-slot--empty.slot-dj{background-color:#1976d21a;border-color:#1976d2}.table-area-card-slot--empty.slot-tracks{background-color:#ff8f001a;border-color:#ff8f00}.table-area-card-slot--empty.slot-venue{background-color:#7b1fa21a;border-color:#7b1fa2}.table-area-card-slot--filled{background-color:initial;border:none}.table-area-slot-label{font-size:14px;font-weight:700;text-align:center;text-shadow:1px 1px 2px #000000b3}.table-area-slot-label--dj{color:#1976d2}.table-area-slot-label--tracks{color:#ff8f00}.table-area-slot-label--venue{color:#7b1fa2}.table-area-waiting-effect{background-color:#ff8f0026;border:1px dashed #ff8f00;border-radius:6px;min-width:110px;padding:6px;position:relative;text-align:center}.table-area-waiting-effect-label{color:#ff8f00;font-size:9px;font-weight:700;margin-bottom:3px}.table-area-global-effects{display:flex;grid-column:1/span 4;justify-content:center;margin-top:8px}.table-area-effect-container{border-radius:6px;padding:8px;text-align:center}.table-area-effect-container--positive{background-color:#4caf501a;border:1px solid #4caf50}.table-area-effect-container--negative{background-color:#f443361a;border:1px solid #f44336}.table-area-effect-label{font-size:10px;font-weight:700;margin-bottom:4px}.table-area-effect-label--positive{color:#4caf50}.table-area-effect-label--negative{color:#f44336}@media (max-width:768px){.table-area-container{padding:16px}.table-area-title{font-size:14px}.table-area-combo-info,.table-area-status-badge{font-size:10px;padding:3px 6px}}@media (max-width:480px){.table-area-container{padding:12px}.table-area-header{align-items:stretch;flex-direction:column;gap:8px}.table-area-header-content{justify-content:center}.table-area-title{font-size:13px;text-align:center}}.player-hand-main-container{display:flex;flex:1 1;flex-direction:column;font-family:Orbitron,Arial,sans-serif;height:100%;min-height:100%}.player-hand-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;padding:16px;position:relative;transition:all .3s ease}.player-hand-panel--attack{background:linear-gradient(135deg,#f4433640,#ff572226);border:2px solid #f4433699;box-shadow:0 12px 40px #f443364d,0 8px 32px #0003}.player-hand-panel--select{background:linear-gradient(135deg,#ff980040,#ffc10726);border:2px solid #ff980099;box-shadow:0 12px 40px #ff98004d,0 8px 32px #0003}.player-hand-header{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:4px}.player-hand-header--attack{border-bottom:1px solid #f4433666}.player-hand-header--select{border-bottom:1px solid #ff980066}.player-hand-title{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:1px 1px 2px #ff9800cc}.player-hand-title--attack{text-shadow:1px 1px 2px #f44336cc}.player-hand-badge{background:linear-gradient(135deg,#ff9800cc,#ffc10799);border:1px solid #fff3;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#fff;font-size:.75rem;font-weight:600;padding:2px 4px;text-shadow:0 1px 2px #00000080}.player-hand-badge--attack{background:linear-gradient(135deg,#f44336cc,#ff572299)}.player-hand-relative-wrapper{position:relative;z-index:1}.player-hand-instructions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#61dafb33,#61dafb1a);border:1px solid #61dafb66;border-radius:4px;color:#fff;font-size:.75rem;font-style:italic;font-weight:500;margin-bottom:8px;padding:4px 8px;text-align:center;text-shadow:0 1px 2px #00000080}.player-hand-message-box{animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;color:#fff;font-size:.875rem;font-style:italic;font-weight:600;grid-column:1/span 2;padding:16px;text-align:center;text-shadow:0 2px 4px #00000080}.player-hand-message-box--info{background:linear-gradient(135deg,#61dafb4d,#61dafb33);border:1px solid #61dafb80;box-shadow:0 4px 15px #61dafb4d}.player-hand-message-box--warning{background:linear-gradient(135deg,#ff98004d,#ff980033);border:1px solid #ff980080;box-shadow:0 4px 15px #ff98004d}.player-hand-submessage{font-size:.75rem;margin-top:4px;opacity:.9}@media (max-width:768px){.player-hand-panel{padding:12px}.player-hand-title{font-size:.875rem}.player-hand-badge{font-size:.7rem;padding:1px 3px}.player-hand-instructions{font-size:.7rem;padding:3px 6px}}@media (max-width:480px){.player-hand-panel{padding:8px}.player-hand-header{margin-bottom:2px;padding-bottom:2px}.player-hand-title{font-size:.8rem}}.player-hand-container{margin:0 auto;width:100%}*{box-sizing:border-box}body,html{margin:0;max-width:100vw;overflow-x:hidden;padding:0}.game-container{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f3460 50%,#533483 75%,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;min-width:320px}.game-main-area{display:flex;flex:1 1;gap:8px;height:calc(100vh - 80px);margin:0 10px;min-height:calc(100vh - 80px);overflow:visible}.game-left-area{gap:15px}.game-left-area,.game-right-area{display:flex;flex-direction:column;height:100%;min-height:100%;min-width:0;overflow:visible}.player-hand-container{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:visible!important;width:100%!important}.player-hand-grid{flex:1 1!important;overflow-x:hidden!important;padding:8px!important;scroll-behavior:smooth;scrollbar-color:#ff980066 #ff98001a;scrollbar-width:thin;transform:translateZ(0);width:100%!important;will-change:scroll-position}.player-hand-grid::-webkit-scrollbar{width:6px}.player-hand-grid::-webkit-scrollbar-track{background:#ff98001a;border-radius:3px}.player-hand-grid::-webkit-scrollbar-thumb{background:#ff980066;border-radius:3px}.player-hand-grid::-webkit-scrollbar-thumb:hover{background:#ff980099}@media (min-width:1600px){.game-left-area{flex:7 1}.game-right-area{flex:3 1;max-width:480px;min-width:320px}.player-hand-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;height:100%!important;max-height:none!important;overflow-y:visible!important;padding:12px!important}}@media (min-width:1200px) and (max-width:1599px){.game-left-area{flex:7.5 1}.game-right-area{flex:2.5 1;max-width:350px;min-width:280px}.player-hand-grid{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important;height:100%!important;max-height:none!important;overflow-y:visible!important;padding:10px!important}}@media (min-width:768px) and (max-width:1199px){.game-left-area{flex:6 1}.game-right-area{flex:4 1;max-width:none;min-width:0}.player-hand-grid{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:1fr!important;height:auto!important;max-height:calc(100vh - 200px)!important;overflow-y:auto!important;padding:8px!important}}@media (max-width:767px){.game-main-area{gap:8px;height:calc(100vh - 120px);margin:0 4px}.game-left-area{flex:6.5 1}.game-right-area{flex:3.5 1;max-width:none;min-width:0}.player-hand-grid{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:1fr!important;height:auto!important;max-height:calc(100vh - 140px)!important;overflow-y:auto!important;padding:6px!important}}@media (max-width:400px){.game-main-area{gap:6px;margin:0 3px}.game-left-area{flex:6.5 1}.game-right-area{flex:3.5 1}.player-hand-grid{gap:3px!important;max-height:calc(100vh - 150px)!important;padding:5px!important}}@media (max-width:320px){.game-main-area{gap:4px;margin:0 2px}.game-left-area{flex:6.5 1}.game-right-area{flex:3.5 1}.player-hand-grid{gap:2px!important;max-height:calc(100vh - 160px)!important;padding:4px!important}}@media (min-width:1200px){.compact-card{height:200px!important;width:135px!important}}@media (max-width:1199px){.compact-card{height:160px!important;width:112px!important}}@media (max-width:400px){.compact-card{height:145px!important;width:102px!important}}@media (max-width:320px){.compact-card{height:130px!important;width:92px!important}}.game-right-area .player-hand-grid,.game-right-area div[style*="display: grid"],.game-right-area div[style*=grid],.game-right-area div[style*=max-width],.game-right-area div[style*=min-width],.game-right-area div[style*=width]{max-width:100%!important;min-width:0!important;width:100%!important}.game-right-area div[style*=margin],.game-right-area div[style*=padding]{margin:0!important}.player-hand-grid .compact-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.game-left-area .table-area-grid,.table-area-container .table-area-grid,div.table-area-grid{display:grid!important;justify-content:center!important;justify-items:center!important}@media (min-width:768px){.game-left-area .table-area-grid,.table-area-container .table-area-grid,div.table-area-grid{gap:30px!important;grid-template-columns:repeat(4,1fr)!important;padding:20px!important}}@media (max-width:767px){.game-left-area .table-area-grid,.table-area-container .table-area-grid,div.table-area-grid{gap:15px!important;grid-template-columns:repeat(2,1fr)!important;padding:15px!important}.table-area-card-slot{max-height:140px!important;max-width:110px!important;min-height:140px!important;min-width:110px!important}}@media (max-width:480px){.game-left-area .table-area-grid,.table-area-container .table-area-grid,div.table-area-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:12px!important}.table-area-card-slot{max-height:130px!important;max-width:100px!important;min-height:130px!important;min-width:100px!important}}@media (max-width:375px){.game-left-area .table-area-grid,.table-area-container .table-area-grid,div.table-area-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important;padding:10px!important}.table-area-card-slot{max-height:120px!important;max-width:90px!important;min-height:120px!important;min-width:90px!important}}@media (max-width:320px){.game-left-area .table-area-grid,.table-area-container .table-area-grid,div.table-area-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important;padding:8px!important}.table-area-card-slot{max-height:110px!important;max-width:80px!important;min-height:110px!important;min-width:80px!important}}.table-area-global-effects{display:flex!important;grid-column:1/-1!important;justify-content:center!important;margin-top:8px!important}@media (min-width:768px){.table-area-global-effects{grid-column:1/span 4!important}}@media (max-width:767px){.table-area-global-effects{grid-column:1/span 2!important}}.card-animation-overlay,body .game-container .card-animation-overlay,div.card-animation-overlay{align-items:center!important;background:#000!important;background-color:#000!important;border:none!important;border-radius:0!important;bottom:0!important;box-shadow:none!important;color:#fff!important;display:flex!important;font-family:Orbitron,Arial,sans-serif!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;opacity:1!important;overflow:hidden!important;padding:0!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;visibility:visible!important;width:100vw!important;z-index:99999!important}html body .game-container .card-animation-overlay{background:#000!important;z-index:99999!important}.card-animation-overlay:before{background:#000!important;content:""!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important;z-index:-1!important}.card-animation-message{color:#fff!important;left:50%!important;position:absolute!important;text-align:center!important;top:30%!important;transform:translateX(-50%)!important;z-index:100!important}.card-animation-title{animation:fadeInScale 1s ease-out!important;font-size:36px!important;font-weight:700!important;margin:0 0 10px!important;text-shadow:2px 2px 4px #000c!important}.card-animation-subtitle,.card-animation-title{color:#fff!important;font-family:Orbitron,Arial,sans-serif!important}.card-animation-subtitle{animation:fadeIn 1s ease-out .5s forwards!important;font-size:20px!important;margin:0!important;opacity:0!important;text-shadow:1px 1px 2px #000c!important}@media (max-width:768px){.card-animation-title{font-size:24px!important}.card-animation-subtitle{font-size:16px!important}}.game-message-container{align-items:center;background:linear-gradient(135deg,#37474f,#263238);border:1px solid #2196f366;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;flex:0 0 auto;flex-wrap:wrap;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;min-height:60px;padding:16px 20px}.game-message-container--attack{border:1px solid #ff572266}.game-message-content{flex:1 1;min-width:300px}.game-actions-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.game-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:10px 16px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .2s ease}.game-btn:disabled{cursor:not-allowed;opacity:.6}.game-btn--discard{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 8px #4caf504d;color:#fff}.game-btn--discard:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.game-btn--discard:disabled{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:none}.game-btn--pass{background:linear-gradient(135deg,#78909c,#546e7a);box-shadow:0 2px 8px #78909c4d;color:#fff}.game-btn--pass:hover:not(:disabled){box-shadow:0 4px 12px #78909c66;transform:translateY(-1px)}.game-btn--attack-pass{background:linear-gradient(135deg,#78909c,#546e7a);box-shadow:0 2px 8px #78909c4d;color:#fff}.game-btn--attack-pass:hover:not(:disabled){box-shadow:0 4px 12px #78909c66;transform:translateY(-1px)}.game-btn--attack-pass:disabled{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:none}.game-btn--next{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d;color:#fff}.game-btn--next:hover:not(:disabled){box-shadow:0 4px 12px #2196f366;transform:translateY(-1px)}.game-finished-badge{background-color:#4caf50cc;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:700;padding:8px 12px;white-space:nowrap}.card-animation-message{left:50%;position:absolute;text-align:center;top:30%;transform:translateX(-50%);z-index:100}.card-animation-title{animation:fadeInScale 1s ease-out;font-family:Orbitron,Arial,sans-serif;font-size:36px;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #000c}.card-animation-subtitle{animation:fadeIn 1s ease-out .5s forwards;font-family:Orbitron,Arial,sans-serif;font-size:20px;margin:0;opacity:0;text-shadow:1px 1px 2px #000c}.deck-container{height:180px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:15}.deck-card{border:3px solid #fff;border-radius:12px;box-shadow:0 6px 16px #0006;height:180px;left:0;top:0;width:120px}.deck-card,.flying-card{background:url(/static/media/card-back.573277ef3eadacb586fc.png);background-position:50%;background-size:cover;position:absolute}.flying-card{border:2px solid #fff;border-radius:8px;box-shadow:0 4px 12px #0006;height:90px;opacity:0;transform:translate(-50%) scale(.5);width:60px}.flying-card--player{bottom:10%}.flying-card--computer{top:10%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shuffleCard0{0%{transform:translate(0) rotate(0deg);z-index:6}50%{transform:translate(50px) rotate(8deg);z-index:6}to{transform:translate(0) rotate(0deg);z-index:1}}@keyframes shuffleCard1{0%{transform:translate(0) rotate(0deg);z-index:5}50%{transform:translate(-50px) rotate(-5deg);z-index:5}to{transform:translate(0) rotate(0deg);z-index:8}}@keyframes shuffleCard2{0%{transform:translate(0) rotate(0deg);z-index:4}50%{transform:translate(50px) rotate(6deg);z-index:1}to{transform:translate(0) rotate(0deg);z-index:10}}@keyframes shuffleCard3{0%{transform:translate(0) rotate(0deg);z-index:3}50%{transform:translate(-45px) rotate(-3deg);z-index:1}to{transform:translate(0) rotate(0deg);z-index:14}}@keyframes shuffleCard4{0%{transform:translate(0) rotate(0deg);z-index:2}50%{transform:translate(50px) rotate(4deg);z-index:1}to{transform:translate(0) rotate(0deg);z-index:16}}@keyframes shuffleCard5{0%{transform:translate(0) rotate(0deg);z-index:1}50%{transform:translate(-40px) rotate(-7deg);z-index:1}to{transform:translate(0) rotate(0deg);z-index:18}}@keyframes cardToPlayer0{0%{opacity:0;transform:translate(-50%,-400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-200px) scale(.8) rotate(-40deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(-16deg)}}@keyframes cardToPlayer1{0%{opacity:0;transform:translate(-50%,-400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-200px) scale(.8) rotate(-20deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(-8deg)}}@keyframes cardToPlayer2{0%{opacity:0;transform:translate(-50%,-400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-200px) scale(.8) rotate(0deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0deg)}}@keyframes cardToPlayer3{0%{opacity:0;transform:translate(-50%,-400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-200px) scale(.8) rotate(20deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(8deg)}}@keyframes cardToPlayer4{0%{opacity:0;transform:translate(-50%,-400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-200px) scale(.8) rotate(40deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(16deg)}}@keyframes cardToComputer0{0%{opacity:0;transform:translate(50%,400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(50%,200px) scale(.8) rotate(40deg)}to{opacity:1;transform:translate(50%) scale(1) rotate(16deg)}}@keyframes cardToComputer1{0%{opacity:0;transform:translate(50%,400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(50%,200px) scale(.8) rotate(20deg)}to{opacity:1;transform:translate(50%) scale(1) rotate(8deg)}}@keyframes cardToComputer2{0%{opacity:0;transform:translate(50%,400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(50%,200px) scale(.8) rotate(0deg)}to{opacity:1;transform:translate(50%) scale(1) rotate(0deg)}}@keyframes cardToComputer3{0%{opacity:0;transform:translate(50%,400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(50%,200px) scale(.8) rotate(-20deg)}to{opacity:1;transform:translate(50%) scale(1) rotate(-8deg)}}@keyframes cardToComputer4{0%{opacity:0;transform:translate(50%,400px) scale(.5) rotate(0deg)}50%{opacity:1;transform:translate(50%,200px) scale(.8) rotate(-40deg)}to{opacity:1;transform:translate(50%) scale(1) rotate(-16deg)}}@media (max-width:768px){.game-message-container{font-size:13px;padding:12px 16px}.game-message-content{min-width:250px}.game-btn{font-size:12px;padding:8px 12px}.card-animation-title{font-size:28px}.card-animation-subtitle{font-size:16px}}@media (max-width:480px){.game-message-container{flex-direction:column;gap:8px;padding:8px 12px}.game-message-content{min-width:auto;text-align:center}.game-actions-container{justify-content:center}.game-btn{font-size:11px;padding:6px 10px}}.combo-showcase{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f0f23f2,#1a1a2efa 25%,#16213efa 50%,#533483f2 75%,#764ba2f2);display:flex;font-family:Orbitron,Arial,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.combo-showcase:before{animation:starfield 60s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fffc,#0000),radial-gradient(2px 2px at 40% 70%,#fff9,#0000),radial-gradient(1px 1px at 90% 40%,#ffffffe6,#0000),radial-gradient(1px 1px at 50% 50%,#ffffffb3,#0000);background-size:300px 300px,500px 500px,200px 200px,400px 400px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.combo-showcase.intro{animation:showcaseEnter .8s ease-out forwards}.combo-showcase.outro{animation:showcaseExit .8s ease-in forwards}@keyframes showcaseEnter{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:scale(.8)}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;transform:scale(1)}}@keyframes showcaseExit{0%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;transform:scale(1)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:scale(1.2)}}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:floatParticle 4s ease-in-out infinite;border-radius:50%;box-shadow:0 0 10px currentColor;height:6px;opacity:.8;position:absolute;width:6px}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-10vh) rotate(1turn)}}.combo-content{animation:contentPulse 2s ease-in-out infinite;box-sizing:border-box;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;text-align:center;width:90%}@keyframes contentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.intro-text{animation:introSlide 1s ease-out}.combo-title{animation:titleGlow 2s ease-in-out infinite alternate;font-size:4rem;font-weight:700;margin:0;text-shadow:0 0 20px #fffc}.glow{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #0f8,0 0 35px #0f8,0 0 40px #0f8}@keyframes titleGlow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #0f8,0 0 35px #0f8}to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #0f8,0 0 70px #0f8}}@keyframes introSlide{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.combo-display{animation:comboAppear .8s ease-out}@keyframes comboAppear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.genre-header{animation:genreGlow 2s ease-in-out infinite;border-radius:20px;margin-bottom:30px;overflow:hidden;padding:20px 40px;position:relative}.genre-header:before{animation:borderSweep 3s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);border-radius:20px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes genreGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}@keyframes borderSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.genre-name{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #00000080}.cards-showcase{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:30px 0}.card-item{animation:cardFloat .8s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:15px;min-width:140px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.card-item:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes cardFloat{0%{opacity:0;transform:translateY(50px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.card-dj{border-color:#ff6b35}.card-track{border-color:#00a896}.card-venue{border-color:#6a994e}.card-icon{animation:iconSpin 2s ease-in-out infinite;font-size:2rem;margin-bottom:10px}@keyframes iconSpin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.card-name{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:5px}.card-type{color:#ffffffb3;font-size:.8rem;margin-bottom:10px}.card-bonus{animation:bonusPulse 1.5s ease-in-out infinite;color:#0f8;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #0f8}@keyframes bonusPulse{0%,to{text-shadow:0 0 10px #0f8;transform:scale(1)}50%{text-shadow:0 0 20px #0f8;transform:scale(1.2)}}.combo-bonus{animation:bonusReveal 1s ease-out .5s forwards;margin-top:30px;opacity:0}@keyframes bonusReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bonus-calculation{color:#fffc;font-size:1.2rem;margin-bottom:10px}.bonus-total{animation:totalGlow 1.5s ease-in-out infinite;color:gold;font-size:2.5rem;font-weight:700;text-shadow:0 0 20px gold}@keyframes totalGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}.finale-display{animation:finaleExplosion 1s ease-out}@keyframes finaleExplosion{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.finale-title{animation:rainbowText 2s linear infinite;font-size:3.5rem;margin-bottom:30px}.rainbow-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,red,#f80,#ff0,#8f0,#0f0,#0f8,#0ff,#08f,#00f,#80f,#f08,red);-webkit-background-clip:text;background-clip:text;background-size:400% 400%}@keyframes rainbowText{0%{background-position:0 50%}to{background-position:100% 50%}}.total-bonus-display{margin:40px 0}.bonus-number{color:gold;font-size:6rem;font-weight:700;margin:0;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold}.pulse{animation:megaPulse 1.5s ease-in-out infinite}@keyframes megaPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.2)}}.bonus-label{color:#fff;font-size:1.5rem;margin-top:10px;text-shadow:0 0 10px #ffffff80}.combo-summary{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.summary-item{align-items:center;animation:summaryPop .6s ease-out forwards;display:flex;flex-direction:column;gap:10px;opacity:0}.summary-item:first-child{animation-delay:.2s}.summary-item:nth-child(2){animation-delay:.4s}.summary-item:nth-child(3){animation-delay:.6s}.summary-item:nth-child(4){animation-delay:.8s}@keyframes summaryPop{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.summary-genre{font-size:1.2rem;font-weight:700;text-shadow:0 0 10px currentColor}.summary-bonus{color:#0f8;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #0f8}.total-score-display{animation:scoreGlow 2s ease-in-out infinite;background:linear-gradient(145deg,#ffd70026,#ffd7000d);border:3px solid gold;border-radius:25px;margin:30px 0;padding:30px}@keyframes scoreGlow{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}.total-score-number{color:gold;font-size:8rem;font-weight:700;margin:0;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold,0 0 40px gold}.total-score-label{color:#fff;font-size:2rem;font-weight:700;margin-top:15px;text-shadow:0 0 10px #fffc}.score-breakdown{align-items:center;display:flex;font-size:1.3rem;font-weight:700;gap:15px;justify-content:center;margin-top:20px}.base-score{color:#87ceeb;text-shadow:0 0 10px #87ceeb}.plus-sign{animation:plusPulse 1.5s ease-in-out infinite;color:#fff;font-size:1.5rem}@keyframes plusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.bonus-score{color:#0f8;text-shadow:0 0 10px #0f8}.synergy-breakdown{border-top:2px solid #ffffff4d;margin-top:30px;padding-top:30px}.breakdown-title{animation:titleShimmer 2s ease-in-out infinite;color:#fff;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 10px #ffffff80}@keyframes titleShimmer{0%,to{opacity:1}50%{opacity:.8}}@media (max-width:768px){.combo-content{max-height:85vh;padding:15px;width:95%}.combo-title{font-size:2rem}.genre-name{font-size:1.5rem}.cards-showcase{align-items:center;flex-direction:column;gap:8px}.card-item{max-width:200px;min-width:100px;padding:10px;width:90%}.bonus-number{font-size:3rem}.finale-title{font-size:2rem}.combo-summary{flex-direction:column;gap:10px}.total-score-number{font-size:4rem}.total-score-label{font-size:1.2rem}.score-breakdown{flex-wrap:wrap;font-size:1rem;gap:10px}.breakdown-title{font-size:1.5rem}}.computer-combo{background:linear-gradient(145deg,#ff475733,#ff47571a)!important;border:3px solid #ff4757;text-shadow:0 0 15px #ff4757,0 0 25px #ff4757,0 0 35px #ff4757,2px 2px 4px #000c!important}.computer-combo:before{content:"🤖 ";font-size:1.2em;margin-right:10px}.player-combo{text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold!important}.player-combo:before{content:"👤 ";font-size:1.2em;margin-right:10px}.combo-showcase .computer-combo~.particles-container .particle{animation:computerParticleFloat 3s ease-in-out infinite!important;background:linear-gradient(45deg,#ff4757,#ff6b81)!important}@keyframes computerParticleFloat{0%,to{box-shadow:0 0 10px #ff4757;transform:translateY(0) rotate(0deg)}50%{box-shadow:0 0 20px #ff4757;transform:translateY(-20px) rotate(180deg)}}.combo-content-optimized{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:90vw;padding:20px;text-align:center}.intro-optimized{animation:fastIntro .6s ease-out}.combo-title-optimized{animation:titleGlow 1.5s ease-in-out infinite alternate;font-size:3rem;font-weight:700;margin:20px 0;text-shadow:0 0 20px currentColor}.combo-display-optimized{animation:fastDisplay .6s ease-out;width:100%}.genre-header-optimized{border:3px solid #fffc;border-radius:15px;margin-bottom:20px;padding:15px 30px}.genre-name-optimized{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #000c}.cards-showcase-optimized{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.card-item-optimized{animation:cardPop .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff80;border-radius:10px;min-width:120px;padding:15px}.card-icon-optimized{font-size:1.8rem;margin-bottom:8px}.card-name-optimized{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px #000c}.card-bonus-optimized{color:#0f8;font-size:1.4rem;font-weight:700;text-shadow:0 0 15px #0f8}.combo-bonus-optimized{margin-top:20px}.bonus-total-optimized{animation:bonusGlow 1.5s ease-in-out infinite;color:gold;font-size:2.2rem;font-weight:700;text-shadow:0 0 20px gold}.finale-optimized{animation:fastFinale .8s ease-out;width:100%}.finale-title-optimized{animation:rainbowText 2s linear infinite;font-size:2.5rem;margin-bottom:20px}.score-display-optimized{animation:scoreGlow 2s ease-in-out infinite;background:#ffd70026;border:3px solid gold;border-radius:20px;margin:20px 0;padding:25px}.score-number-optimized{color:gold;font-size:4.5rem;font-weight:700;line-height:1;margin:0;text-shadow:0 0 30px gold}.score-label-optimized{color:#fff;font-size:1.25rem;font-weight:700;margin-top:10px;text-shadow:0 0 10px #fffc}.score-breakdown-optimized{align-items:center;display:flex;flex-wrap:wrap;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;margin-top:15px}.base-score-optimized{color:#87ceeb;text-shadow:0 0 10px #87ceeb}.plus-optimized{color:#fff;font-size:1.2em}.bonus-score-optimized{color:#0f8;text-shadow:0 0 10px #0f8}@keyframes fastIntro{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fastDisplay{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fastFinale{0%{opacity:0;transform:scale(.9) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes cardPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bonusGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}@media (max-width:768px){.combo-content-optimized{max-width:95vw;padding:15px}.cards-showcase-optimized{gap:8px}.card-item-optimized{min-width:100px;padding:10px}.combo-title-optimized{font-size:2rem}.genre-name-optimized{font-size:1.5rem}.bonus-total-optimized{font-size:1.6rem}.finale-title-optimized{font-size:1.8rem}.score-number-optimized{font-size:3rem}.score-label-optimized{font-size:1rem}.score-breakdown-optimized{font-size:.9rem}}.computer-combo{color:#fff!important;text-shadow:0 0 15px #ff4757,0 0 25px #ff4757,2px 2px 4px #000c!important}.player-combo{color:gold!important;text-shadow:0 0 20px gold!important}.winner-showcase{align-items:center;background:linear-gradient(135deg,#0f0f23fa,#1a1a2ef2 20%,#16213ef2 40%,#533483f2 60%,#764ba2f2 80%,#0f0f23fa);display:flex;font-family:Orbitron,Arial,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.winner-showcase:before{animation:starfieldWinner 90s linear infinite;background-image:radial-gradient(3px 3px at 15% 25%,#ffffffe6,#0000),radial-gradient(2px 2px at 35% 65%,#ffffffb3,#0000),radial-gradient(1px 1px at 85% 35%,#fff,#0000),radial-gradient(2px 2px at 45% 45%,#fffc,#0000),radial-gradient(1px 1px at 75% 75%,#ffffffe6,#0000);background-size:400px 400px,600px 600px,250px 250px,350px 350px,500px 500px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}@keyframes starfieldWinner{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-80px) rotate(1turn)}}.winner-showcase.intro{animation:winnerEnter 1s ease-out forwards}.winner-showcase.outro{animation:winnerExit .8s ease-in forwards}@keyframes winnerEnter{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:scale(.5)}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transform:scale(1)}}@keyframes winnerExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti-particle{animation:confettiFall 4s linear infinite;height:8px;opacity:.9;position:absolute;width:8px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(120vh) rotate(2turn)}}.winner-content{box-sizing:border-box;max-width:900px;padding:40px;text-align:center;width:90%}.intro-animation{animation:introSlideUp 1s ease-out}.game-over-title{animation:titlePulse 2s ease-in-out infinite;color:var(--text-primary);font-size:4rem;font-weight:700;margin:0;text-shadow:0 0 20px #fffc,0 0 40px #fff9}@keyframes introSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes titlePulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}}.reveal-animation{animation:revealExplosion 1s ease-out}@keyframes revealExplosion{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.winner-announcement{margin-bottom:40px}.winner-title{animation:winnerGlow 2s ease-in-out infinite;font-size:3rem;font-weight:700;margin:0}.player-winner{color:var(--gold-primary);text-shadow:0 0 20px var(--gold-primary),0 0 40px var(--gold-primary),0 0 60px var(--gold-primary)}.computer-winner{color:#ff4757;text-shadow:0 0 20px #ff4757,0 0 40px #ff4757,0 0 60px #ff4757}.draw-title{animation:drawShimmer 2s ease-in-out infinite;color:#0f8;font-size:3rem;font-weight:700;margin:0;text-shadow:0 0 20px #0f8,0 0 40px #0f8,0 0 60px #0f8}@keyframes winnerGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.1)}}@keyframes drawShimmer{0%,to{filter:hue-rotate(0deg);transform:scale(1)}50%{filter:hue-rotate(60deg);transform:scale(1.08)}}.score-comparison{align-items:center;flex-wrap:wrap;gap:40px;justify-content:center;margin:40px 0}.computer-final-score,.player-final-score{align-items:center;animation:scoreReveal .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column;min-width:180px;padding:30px}.winner-score{animation:winnerScorePulse 2s ease-in-out infinite;background:linear-gradient(145deg,#ffd7004d,#ffd7001a);border:4px solid var(--gold-primary);box-shadow:0 0 30px #ffd70099}.loser-score{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes winnerScorePulse{0%,to{box-shadow:0 0 30px #ffd70099;transform:scale(1)}50%{box-shadow:0 0 50px #ffd700e6;transform:scale(1.05)}}.score-label{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #ffffff80}.score-number{color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1;margin:0;text-shadow:0 0 15px currentColor,0 0 30px currentColor}.winner-score .score-number{animation:numberGlow 1.5s ease-in-out infinite;color:var(--gold-primary)}@keyframes numberGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}.vs-divider{animation:vsPulse 2s ease-in-out infinite;color:#fff;font-size:2rem;font-weight:700;text-shadow:0 0 15px #fffc}@keyframes vsPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(5deg)}}.celebration-animation{animation:celebrationBounce 1s ease-out}@keyframes celebrationBounce{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.victory-message{margin-bottom:30px}.victory-message h2{animation:messageShine 3s ease-in-out infinite;color:var(--gold-primary);font-size:2rem;margin:0 0 15px;text-shadow:0 0 20px var(--gold-primary)}@keyframes messageShine{0%,to{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.3) hue-rotate(15deg)}}.victory-message p{color:#fff;font-size:1.2rem;margin:10px 0;text-shadow:0 0 10px #ffffff80}.defeat-stats,.victory-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-top:20px;padding:15px}.defeat-stats span,.victory-stats span{color:#0f8;font-size:1.1rem;font-weight:700;text-shadow:0 0 15px #0f8}.draw-message h2{color:#0f8;text-shadow:0 0 20px #0f8}.computer-victory-message h2{color:#ff4757;text-shadow:0 0 20px #ff4757}.play-again-hint{animation:hintFloat 3s ease-in-out infinite;margin-top:40px}.play-again-hint p{color:#ffffffe6;font-size:1rem;font-style:italic;text-shadow:0 0 10px #ffffff4d}@keyframes hintFloat{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@media (max-width:768px){.winner-content{padding:20px;width:95%}.score-comparison{flex-direction:column;gap:20px}.computer-final-score,.player-final-score{min-width:150px;padding:20px}.vs-divider{transform:rotate(90deg)}.game-over-title{font-size:2.5rem}.draw-title,.winner-title{font-size:2rem}.score-number{font-size:2.5rem}.victory-message h2,.vs-divider{font-size:1.5rem}.victory-message p{font-size:1rem}.play-again-hint p{font-size:.9rem}.new-game-button{font-size:1.2rem}}.new-game-button{animation:buttonPulse 2s ease-in-out infinite;background:linear-gradient(145deg,var(--gold-primary),orange);border:none;border-radius:25px;box-shadow:0 0 20px #ffd70099,0 8px 15px #0003;color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;margin-top:20px;padding:20px 40px;transition:all .3s ease}.new-game-button:hover{background:linear-gradient(145deg,#fff700,var(--gold-primary));box-shadow:0 0 30px #ffd700cc,0 12px 20px #0000004d;transform:translateY(-2px) scale(1.05)}.new-game-button:active{box-shadow:0 0 15px #ffd70099,0 4px 8px #0003;transform:translateY(1px) scale(.98)}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px #ffd70099,0 8px 15px #0003;transform:scale(1)}50%{box-shadow:0 0 30px #ffd700cc,0 10px 18px #00000040;transform:scale(1.02)}}@media (max-width:768px){.new-game-button{margin-top:15px;padding:15px 30px}}.draft-system{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f3460 50%,#533483 75%,#764ba2);color:#fff;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.draft-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 25px}.draft-progress{flex:1 1;max-width:400px}.progress-bar{border-radius:6px;height:12px;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#61dafb,#764ba2);border-radius:6px}.progress-text{color:#ffffffe6;font-size:14px;font-weight:600}.draft-timer{margin:0 25px}.timer{color:#61dafb;font-size:24px;font-weight:700;text-shadow:0 0 10px #61dafb80}.timer-warning{animation:pulse 1s infinite;color:#ff6b6b}.back-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;font-weight:600;padding:10px 20px}.back-button:hover{background:#fff3}.draft-main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-bottom:30px}.available-cards h3{color:#61dafb;font-size:24px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #61dafb80}.cards-by-category{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,auto);justify-content:center;margin-bottom:25px}.category-column{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:20px}.category-title{border-bottom:2px solid #61dafb4d;color:#61dafb;font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:10px;text-align:center;text-shadow:0 0 10px #61dafb80}.category-cards{align-items:center;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.draft-card:hover{border-color:#fff6;transform:scale(1.02) translateY(-2px)}.draft-card.selected{border-width:3px;box-shadow:0 8px 25px #61dafb66}.rarity-gem{align-items:center;border-radius:50%;display:flex;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px;z-index:2}.gem-shine{background:#fffc;border-radius:50%;height:6px;width:6px}.card-image{height:80px;margin-bottom:8px;overflow:hidden}.card-image,.card-image img{border-radius:8px;width:100%}.card-image img{height:100%;object-fit:cover}.draft-card-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.card-type-icon{font-size:14px}.card-type-text{font-size:9px;font-weight:700;letter-spacing:1px;opacity:.8}.draft-card-name{font-size:12px;font-weight:700;line-height:1.2;margin-bottom:6px;text-align:center}.draft-card-description{font-size:9px;line-height:1.2;margin-bottom:8px;max-height:30px;opacity:.8;overflow:hidden;text-align:center}.draft-card-stats{margin-top:auto;text-align:center}.main-score{margin-bottom:6px}.score-value{color:#61dafb;display:block;font-size:20px;font-weight:700;text-shadow:0 0 10px #61dafb80}.score-label{font-size:8px;opacity:.7}.genre-tag{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;padding:4px 8px}.card-cost{background:#00000080;border-radius:8px;bottom:10px;font-size:12px;left:10px;padding:4px 8px;position:absolute}.card-overlay{align-items:center;background:#61dafb33;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.draft-card:hover .card-overlay{opacity:1}.overlay-content{text-align:center}.pick-indicator{color:#fff;font-size:18px;font-weight:700;text-shadow:0 0 10px #00000080}.selection-glow{border-radius:15px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.confirm-section{text-align:center}.confirm-pick-btn{background:linear-gradient(135deg,#61dafb,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #61dafb4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:all .3s ease}.confirm-pick-btn:hover{box-shadow:0 6px 20px #61dafb66;transform:translateY(-2px)}.confirm-pick-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.player-deck{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px}.player-deck h3{color:#61dafb;margin-bottom:15px;text-align:center}.deck-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat{background:#ffffff1a;border-radius:8px;font-size:14px;padding:8px;text-align:center}.stat.total{background:#61dafb33;font-weight:700;grid-column:1/-1}.deck-cards{max-height:200px;overflow-y:auto}.deck-card-mini{background:#ffffff1a;border-radius:6px;font-size:12px;margin-bottom:5px;padding:8px}.more-cards{color:#ffffffb3;font-style:italic;margin-top:10px;text-align:center}.draft-status{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;padding:15px 25px}.your-turn{animation:glow 2s ease-in-out infinite alternate;color:#4caf50;font-weight:700}.ai-turn{color:#ff9800;font-weight:700}.game-mode{color:#fffc;font-weight:700}.draft-results{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f3460 50%,#533483 75%,#764ba2);color:#fff;min-height:100vh;padding:20px}.results-header{margin-bottom:30px;text-align:center}.results-header h2{color:#61dafb;font-size:32px;margin-bottom:20px;text-shadow:0 0 20px #61dafb80}.tab-navigation{display:flex;gap:10px;justify-content:center}.tab{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab.active{background:linear-gradient(135deg,#61dafb,#764ba2);border-color:#61dafb;box-shadow:0 4px 15px #61dafb4d}.tab:hover:not(.active){background:#fff3}.deck-comparison{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr auto 1fr;margin-bottom:30px}.deck-summary{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:25px}.deck-summary h3{font-size:24px;margin-bottom:20px;text-align:center}.deck-grade{margin-bottom:25px;text-align:center}.grade-badge{border-radius:20px;display:inline-block;font-size:20px;font-weight:700;margin-right:10px;padding:8px 16px}.grade-score{color:#61dafb;font-size:18px;font-weight:700}.deck-stats{margin-bottom:25px}.stat-row span:last-child{font-weight:700}.stat-row .good{color:#4caf50}.stat-row .warning{color:#ff9800}.genre-distribution h4{color:#61dafb;margin-bottom:15px}.genre-bar{margin-bottom:8px}.genre-name{display:block;font-size:12px;margin-bottom:4px}.bar-container{border-radius:10px;height:20px}.bar-fill{background:linear-gradient(90deg,#61dafb,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.bar-fill.ai-bar{background:linear-gradient(90deg,#ff9800,#f44336)}.bar-count{color:#fff;font-size:12px;font-weight:700;position:absolute;right:8px;text-shadow:0 0 3px #000c;top:50%;transform:translateY(-50%)}.vs-divider{flex-direction:column}.vs-circle,.vs-divider{align-items:center;display:flex;justify-content:center}.vs-circle{background:linear-gradient(135deg,#61dafb,#764ba2);border-radius:50%;box-shadow:0 4px 15px #61dafb4d;color:#fff;font-size:18px;font-weight:700;height:60px;margin-bottom:10px;width:60px}.comparison-arrow{font-size:24px}.winner-section{margin-bottom:30px;text-align:center}.winner-player{background:linear-gradient(135deg,#4caf50,#8bc34a)}.winner-ai,.winner-player{border-radius:15px;color:#fff;font-size:20px;font-weight:700;padding:20px;text-shadow:0 2px 4px #0000004d}.winner-ai{background:linear-gradient(135deg,#ff9800,#f44336)}.winner-tie{background:linear-gradient(135deg,#9c27b0,#673ab7);border-radius:15px;color:#fff;font-size:20px;font-weight:700;padding:20px;text-shadow:0 2px 4px #0000004d}.action-buttons{gap:20px;justify-content:center}.primary-btn,.secondary-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;min-width:180px;padding:15px 30px;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#61dafb,#764ba2);box-shadow:0 4px 15px #61dafb4d;color:#fff}.primary-btn:hover{box-shadow:0 6px 20px #61dafb66;transform:translateY(-2px)}.secondary-btn{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.secondary-btn:hover{background:#fff3;transform:translateY(-2px)}@media (max-width:1200px){.cards-by-category{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards-by-category,.draft-main{grid-template-columns:1fr}.cards-by-category{gap:15px}.deck-comparison{gap:20px;grid-template-columns:1fr}.vs-divider{flex-direction:row;order:2}.draft-card{margin:0 auto;max-width:300px}.action-buttons{align-items:center;flex-direction:column}}.predraft-intro{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#533483 75%,#764ba2);color:var(--text-primary);font-family:Orbitron,Arial,sans-serif;min-height:100vh;overflow-y:auto;padding:20px;position:relative}.predraft-intro:before{animation:starfield 120s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff6,#0000),radial-gradient(2px 2px at 40% 70%,#ffffff4d,#0000),radial-gradient(1px 1px at 90% 40%,#ffffff80,#0000),radial-gradient(1px 1px at 50% 50%,#ffffff4d,#0000);background-size:400px 400px,600px 600px,200px 200px,300px 300px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.intro-header{align-items:center;animation:fadeInDown .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:40px;padding:20px}.header-content{flex:1 1}.intro-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--brand-primary),var(--text-primary));-webkit-background-clip:text;background-clip:text;font-size:3rem;margin:0 0 10px;text-shadow:0 0 20px #61dafb99}.intro-subtitle{font-family:Exo\ 2,sans-serif;font-size:1.3rem;font-style:italic;margin:0;opacity:.9}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:all .3s ease}.back-button:hover{background:linear-gradient(45deg,#ffffff4d,#fff3);border-color:#ffffff80;transform:translateY(-2px)}.intro-content{display:flex;flex-direction:column;gap:50px;margin:0 auto;max-width:1200px}.section-title{color:var(--brand-primary);font-size:2.2rem;margin:0 0 30px;text-align:center;text-shadow:0 0 15px #61dafb80}.how-it-works{animation:fadeInUp .8s ease-out .2s both}.steps-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.step-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.step-card:hover{border-color:#61dafb80;box-shadow:0 0 30px #61dafb4d;transform:translateY(-5px)}.step-card:before{background:linear-gradient(90deg,var(--brand-primary),#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.step-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:3rem;margin-bottom:15px}.step-content{position:relative;z-index:2}.step-title{color:var(--brand-primary);font-size:1.4rem;font-weight:600;margin:0 0 10px}.step-description{font-family:Exo\ 2,sans-serif;font-size:1rem;line-height:1.6;margin:0;opacity:.9}.step-number{background:linear-gradient(45deg,var(--brand-primary),#764ba2);font-size:1.2rem;position:absolute;right:20px;text-shadow:0 2px 4px #0000004d;top:20px}.categories-section{animation:fadeInUp .8s ease-out .4s both}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #0000;border-radius:20px;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.category-card:before{background:linear-gradient(45deg,#0000,#fff3,#0000);border-radius:18px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-card:hover:before{opacity:1}.category-card:hover{transform:translateY(-3px) scale(1.02)}.category-dj{border-color:#2196f380}.category-dj:hover{box-shadow:0 0 25px #2196f366}.category-venue{border-color:#9c27b080}.category-venue:hover{box-shadow:0 0 25px #9c27b066}.category-tracks{border-color:#ff980080}.category-tracks:hover{box-shadow:0 0 25px #ff980066}.category-effects{border-color:#4caf5080}.category-effects:hover{box-shadow:0 0 25px #4caf5066}.category-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:3.5rem;margin-bottom:15px}.category-name{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 10px}.category-description{font-family:Exo\ 2,sans-serif;font-size:1rem;line-height:1.5;margin:0;opacity:.85}.tips-section{animation:fadeInUp .8s ease-out .6s both}.tips-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffc10726,#ff98001a);border:1px solid #ffc1074d;border-radius:12px;padding:18px;transition:all .3s ease}.tip-item:hover{background:linear-gradient(135deg,#ffc10740,#ff980026);border-color:#ffc10780;transform:translateX(5px)}.tip-text{font-family:Exo\ 2,sans-serif;font-size:1rem;line-height:1.5}.intro-footer{animation:fadeInUp .8s ease-out .8s both;margin-top:60px;text-align:center}.optional-note{font-family:Exo\ 2,sans-serif;font-size:1rem;font-style:italic;margin:0 0 30px;opacity:.8}.start-draft-button{background:linear-gradient(45deg,var(--success-primary),var(--success-dark));border-radius:25px;box-shadow:0 8px 25px #4caf5066;font-size:1.3rem}.start-draft-button:hover{background:linear-gradient(45deg,var(--success-dark),#3d8b40);box-shadow:0 12px 35px #4caf5099;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.intro-header{flex-direction:column;gap:20px;text-align:center}.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1.1rem}.categories-grid,.steps-grid,.tips-grid{grid-template-columns:1fr}.section-title{font-size:1.8rem}.category-card,.step-card{padding:20px}.start-draft-button{font-size:1.1rem;padding:18px 35px}}@media (max-width:480px){.predraft-intro{padding:15px}.intro-title{font-size:2rem}.intro-content{gap:30px}.category-icon,.step-icon{font-size:2.5rem}.category-name,.step-title{font-size:1.2rem}.section-title{font-size:1.5rem}}@media screen and (max-width:768px){.categories-columns{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important}.category-cards-vertical{-webkit-overflow-scrolling:touch!important;gap:10px!important;max-height:400px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth!important}.progress-section{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 auto 20px!important;max-width:100%!important;text-align:center!important;width:100%!important}.ai-progress-section,.player-progress-section{justify-content:flex-start!important;width:100%!important}.play-button{word-wrap:break-word!important;display:block!important;line-height:1.2!important;margin:10px auto!important;max-width:340px!important;overflow-wrap:break-word!important;text-align:center!important;white-space:normal!important;width:calc(100% - 8px)!important}}.predraft-system-improved{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#533483 75%,#764ba2);color:var(--text-primary);font-family:Orbitron,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:15px;position:relative}.predraft-system-improved:before{animation:starfield 120s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff6,#0000),radial-gradient(2px 2px at 40% 70%,#ffffff4d,#0000),radial-gradient(1px 1px at 90% 40%,#ffffff80,#0000),radial-gradient(1px 1px at 50% 50%,#ffffff4d,#0000);background-size:400px 400px,600px 600px,200px 200px,300px 300px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.predraft-main-improved{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 380px;margin:0 auto;max-width:1600px}.cards-pool-section{align-self:start;animation:fadeInLeft .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff26;border-radius:20px;padding:20px}.section-title-improved{color:var(--brand-primary);font-size:1.8rem;line-height:1.2;margin:0 0 10px;text-shadow:0 0 10px #61dafb80}.predraft-title-improved{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--brand-primary),var(--text-primary));-webkit-background-clip:text;background-clip:text;font-size:2.2rem;line-height:1.2;margin:0 0 5px;text-shadow:0 0 20px #61dafb99}.predraft-subtitle-improved{font-family:Exo\ 2,sans-serif;font-size:1rem;margin:0;opacity:.9}.section-subtitle{font-family:Exo\ 2,sans-serif;font-size:1rem;margin:0 0 20px;opacity:.8}.categories-columns{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.category-column{display:flex;flex-direction:column;gap:10px}.category-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:12px;justify-content:space-between;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.category-title{font-size:1.1rem;font-weight:600;margin:0}.dj-category{color:var(--info-primary)}.venue-category{color:var(--legendary-primary)}.tracks-category{color:var(--warning-primary)}.effects-category{color:var(--success-primary)}.category-count{background:#fff3;border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:4px 8px}.category-cards-vertical{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scroll-behavior:smooth;scrollbar-color:#61dafb4d #0000;scrollbar-width:thin}.category-cards-vertical .compact-card{flex-shrink:0;margin:4px auto}.category-cards-vertical::-webkit-scrollbar{width:6px}.category-cards-vertical::-webkit-scrollbar-track{background:#0000}.category-cards-vertical::-webkit-scrollbar-thumb{background-color:#61dafb4d;border:none;border-radius:3px}.category-cards-vertical::-webkit-scrollbar-thumb:hover{background-color:#61dafb80}.selected-cards-section{align-self:start;animation:fadeInRight .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#61dafb26,#764ba21a);border:2px solid #61dafb4d;border-radius:20px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:15px}.selection-stats{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-around;margin:15px 0 25px;padding:15px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.stat-icon{font-size:1.5rem}.stat-count{color:var(--brand-primary);font-size:1.1rem;font-weight:700}.selected-cards-container{flex:1 1;min-height:300px}.empty-selection{padding:40px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:15px;opacity:.3}.empty-title{font-size:1.3rem;margin:0 0 10px;opacity:.8}.empty-description{font-family:Exo\ 2,sans-serif;font-size:1rem;line-height:1.5;margin:0;opacity:.6}.selected-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.selected-card-item{animation:fadeInScale .5s ease-out both;transition:transform .3s ease}.selected-card-item:hover{transform:scale(1.05) translateY(-2px)}.predraft-controls-improved{border-top:1px solid #fff3;display:flex;gap:15px;margin-top:20px;padding-top:15px}.reset-button-improved,.start-button-improved{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px 20px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.reset-button-improved{background:linear-gradient(45deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;color:#fffc}.reset-button-improved:hover:not(:disabled){background:linear-gradient(45deg,#ffffff4d,#fff3);color:#fff;transform:translateY(-2px)}.reset-button-improved:disabled{cursor:not-allowed;opacity:.4}.start-button-improved{background:linear-gradient(45deg,var(--success-primary),var(--success-dark));border:2px solid var(--success-primary);color:#fff;transition:all .3s ease}.start-button-improved:hover:not(:disabled){box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.start-button-top{animation:pulseReady 2s ease-in-out infinite}.start-button-top:not(:disabled):hover{box-shadow:0 8px 25px #4caf5099!important;transform:translateY(-3px) scale(1.02)}.start-button-top:disabled{animation:none;box-shadow:none!important;opacity:.6;transform:none!important}@keyframes pulseReady{0%,to{box-shadow:0 4px 15px #4caf5066}50%{box-shadow:0 6px 20px #4caf50b3}}.start-section-top{overflow:hidden;position:relative}.start-section-top:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.draft-progress-comparison{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ai-progress,.player-progress{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:12px;padding:12px}.player-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:10px}.progress-bar-detailed{background:#ffffff1a;border-radius:12px;height:24px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.progress-fill{border-radius:12px;position:relative;transition:width .5s ease}.progress-text{color:#fff;font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #00000080;top:50%;transform:translate(-50%,-50%);z-index:2}.selection-stats.compact{display:flex;gap:8px;justify-content:space-around}.selection-stats.compact .stat-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;min-width:40px;padding:8px}.ai-picks-visualization{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0}.completion-status{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px}.progress-dots-container{justify-content:center;margin-bottom:10px}.progress-dots{align-items:center;display:flex}.progress-dot{box-shadow:0 2px 4px #0003}.progress-dot.filled:nth-child(2n){animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.category-cards-vertical .compact-card{transition:all .3s ease}.category-cards-vertical .compact-card.selected{border-color:#61dafbcc;box-shadow:0 0 20px #61dafb99;transform:scale(1.05)}.category-cards-vertical .compact-card:hover{transform:translateX(5px) scale(1.02)}@media (max-width:1200px){.predraft-main-improved{gap:20px;grid-template-columns:1fr 350px}.categories-columns{grid-template-columns:repeat(2,1fr)}.predraft-title-improved{font-size:2rem}.cards-pool-section,.selected-cards-section{padding:15px}}@media (max-width:900px){.predraft-main-improved{gap:20px;grid-template-columns:1fr}.selected-cards-section{order:-1;position:static}.categories-columns{gap:12px;grid-template-columns:repeat(2,1fr)}.dice-roll-container{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;justify-content:center!important;min-height:80vh!important;padding:20px!important;text-align:center!important}.dice-roll-container>div:first-child{max-width:90%!important}.dice-roll-container button{border-radius:12px!important;font-size:16px!important;min-width:120px!important;padding:15px 25px!important}.dice-roll-container>div[style*="display: flex"]{flex-direction:column!important;gap:15px!important;width:100%!important}}@media (max-width:600px){.predraft-system-improved{padding:10px}.categories-columns{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.predraft-title-improved{font-size:1.6rem}.selected-cards-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.predraft-controls-improved{flex-direction:column}.cards-pool-section,.selected-cards-section{padding:12px}.category-header{padding:4px 8px}.category-title{font-size:.85rem}.category-count{font-size:.8rem;padding:2px 6px}.progress-section{flex-direction:column;gap:10px;padding:12px 15px}.ai-progress-section,.player-progress-section{justify-content:center;min-width:auto}.play-button{font-size:.9rem;min-width:auto;padding:10px 15px;width:100%}.secondary-controls{flex-direction:column;gap:8px}.control-button{min-width:auto;width:100%}.draft-progress-comparison{gap:10px;margin-bottom:15px}.dice-roll-container button{font-size:18px!important;max-width:200px!important;min-width:auto!important;padding:18px 20px!important;width:100%!important}.dice-roll-container>div[style*="display: flex"]{width:100%!important}.header-right{flex-wrap:wrap;gap:10px;justify-content:center}.category-cards-vertical .compact-card{transform:none!important}.category-cards-vertical .compact-card:hover{transform:scale(1.02)!important}}@media (max-width:480px){.predraft-system-improved{padding:4px}.cards-pool-section,.selected-cards-section{border-radius:8px;margin:0 2px;padding:4px}.progress-section{align-items:center!important;border-radius:6px;display:flex!important;gap:4px;justify-content:center!important;margin:0 auto;max-width:340px!important;padding:4px 6px;width:100%!important}.categories-columns{gap:3px}.category-header{border-radius:6px;padding:2px 4px}.category-title{font-size:.75rem}.category-count{font-size:.7rem;padding:1px 3px}.category-cards-vertical,.selected-cards-grid{gap:3px}.secondary-controls{gap:4px;margin:0 2px}.control-button{width:100%}.control-button,.play-button{font-size:.8rem;min-width:auto;padding:6px 8px}.play-button{display:block;margin:0 auto;max-width:340px!important;white-space:normal;width:100%!important}.predraft-title-improved{font-size:1.2rem}.section-title-improved{font-size:1.3rem}.progress-dot{height:8px;width:8px}.progress-count{font-size:10px}.progress-label{font-size:12px}.predraft-main-improved{gap:8px}.menu-button-in-pool{font-size:.8rem!important;padding:6px 10px!important}.title-header-section{flex-direction:column;gap:8px;margin-bottom:8px;text-align:center}.turn-indicator{border-radius:6px;font-size:10px;margin-top:6px;padding:4px 8px}.selected-card-item.placeholder{border-radius:8px;border-width:1px;min-height:120px}.placeholder-icon{font-size:18px;margin-bottom:3px}.placeholder-text{font-size:9px}}.selected-cards-grid .compact-card{height:auto;min-height:140px;width:100%}.menu-button-in-pool{align-items:center!important;background:linear-gradient(45deg,var(--error-primary),var(--error-dark))!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #f443364d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Orbitron,sans-serif!important;font-size:.9rem!important;font-weight:700!important;gap:6px!important;padding:10px 16px!important;transition:all .3s ease!important;white-space:nowrap!important}.menu-button-in-pool:hover{background:linear-gradient(45deg,var(--error-light),#c62828)!important;box-shadow:0 4px 12px #f4433666!important;transform:translateY(-1px)!important}.menu-button-in-pool:active{box-shadow:0 2px 6px #f443364d!important;transform:translateY(0)!important}.pool-refresh-animation{animation:poolRefresh 1s ease-in-out}@keyframes poolRefresh{0%{opacity:1;transform:scale(1)}25%{opacity:.3;transform:scale(.95)}50%{opacity:.1;transform:scale(.9)}75%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.draft-categories.pool-refreshing{animation:poolRefresh 1s ease-in-out;border:2px solid #61dafb;box-shadow:0 0 20px #61dafb4d}.dice-roll-container{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:80vh;padding:20px;text-align:center}.dice-explanation{font-size:14px;line-height:1.4;margin-top:10px;max-width:400px;opacity:.8}.dice-buttons-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.dice-button{border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;min-width:140px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.dice-button-even{background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf5066}.dice-button-odd{background:linear-gradient(45deg,#ff9800,#f57c00);box-shadow:0 4px 15px #ff980066}.dice-button.hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.dice-waiting{padding:20px;text-align:center}.dice-choice-text{color:var(--text-primary);font-size:16px;margin-bottom:10px}.dice-rolling-text{animation:pulse 1.5s infinite;color:#2196f3;font-size:18px;font-weight:700}.dice-result-container{align-items:center;display:flex;flex-direction:column;gap:15px}.dice-result-display{animation:bounce .5s ease-out;font-size:48px;margin-bottom:10px}.dice-result-text{color:var(--text-primary);font-size:18px;margin:0}.dice-winner-text{font-size:20px;font-weight:700;margin:0}.start-draft-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:15px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.start-draft-button.hover{box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-2px)}.back-to-menu-button{background:linear-gradient(45deg,#666,#555);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;margin-top:20px;padding:10px 20px;transition:all .3s ease}.back-to-menu-button:hover{background:linear-gradient(45deg,#777,#666);transform:translateY(-1px)}.progress-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:15px;flex-wrap:wrap;gap:15px;padding:15px 20px}.progress-section,.title-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.turn-indicator{background:#ff980033;border-radius:8px;color:var(--warning-primary);font-size:12px;margin-top:10px;padding:8px 12px}.selected-card-item.placeholder{align-items:center;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:12px;display:flex;justify-content:center;min-height:160px;opacity:.3}.placeholder-content{color:#ffffff80;text-align:center}.placeholder-icon{font-size:24px;margin-bottom:5px}.placeholder-text{font-size:10px}.ai-progress-section,.player-progress-section{align-items:center;display:flex;flex:1 1;gap:10px;min-width:150px}.progress-label{color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.progress-dots-container{align-items:center;display:flex;gap:5px}.progress-dot{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.progress-dot.filled{background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 0 8px #4caf5080;transform:scale(1.1)}.progress-dot.ai-dot.filled{background:linear-gradient(45deg,#ff9800,#f57c00);box-shadow:0 0 8px #ff980080}.progress-count{color:#fffc;font-size:12px;font-weight:700;margin-left:5px}.play-button{border:none;border-radius:10px;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;min-width:200px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.play-button.ready{animation:pulseReady 2s ease-in-out infinite;background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf5066;cursor:pointer}.play-button.ready:hover{box-shadow:0 8px 25px #4caf5099;transform:translateY(-3px) scale(1.02)}.play-button.waiting{background:linear-gradient(45deg,#666,#555);cursor:not-allowed;opacity:.8}.btn-secondary{background:linear-gradient(45deg,#61dafb,#4facfe);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .2s ease}.btn-secondary:hover{background:linear-gradient(45deg,#4facfe,#61dafb);box-shadow:0 4px 15px #61dafb4d;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.secondary-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.control-button{flex:1 1;min-width:120px}.control-button,.debug-force-ai-button{font-family:Orbitron,sans-serif;font-size:.9rem;padding:10px 16px}.debug-force-ai-button{background:linear-gradient(45deg,var(--warning-primary),var(--warning-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease}.debug-force-ai-button:hover{background:linear-gradient(45deg,var(--warning-light),#ff8f00);box-shadow:0 4px 12px #ff980066;transform:translateY(-1px)}:root{--admin-primary:#1a1a2e;--admin-secondary:#16213e;--admin-accent:#0f3460;--admin-success:#4caf50;--admin-warning:#ff9800;--admin-error:#f44336;--admin-info:#2196f3;--admin-text:#fff;--admin-text-secondary:#fffc;--admin-border:#fff3;--admin-bg-card:#ffffff1a;--admin-bg-hover:#ffffff26;--admin-shadow:0 8px 32px #0000004d;--admin-gradient:linear-gradient(135deg,#ffffff40,#ffffff1a);--admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--admin-transition-fast:all 0.15s ease}.admin-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 50%,var(--admin-accent) 100%);color:#fff;color:var(--admin-text);font-family:Orbitron,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.admin-dashboard:before{animation:starfield 120s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff4d,#0000),radial-gradient(1px 1px at 40% 70%,#fff3,#0000),radial-gradient(1px 1px at 90% 40%,#fff6,#0000);background-size:500px 500px,800px 800px,300px 300px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#2196f3;border-top:3px solid var(--admin-info);height:50px;width:50px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:fadeInUp .8s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:20px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.login-header h2{color:#2196f3;color:var(--admin-info);font-size:1.5rem;margin-bottom:5px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fffc;color:var(--admin-text-secondary);font-weight:600}.form-group input{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);font-size:1rem;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.form-group input:focus{background:#ffffff26;border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 0 20px #2196f34d;outline:none}.login-button{align-items:center;background:linear-gradient(45deg,#2196f3,#1976d2);background:linear-gradient(45deg,var(--admin-info),#1976d2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #2196f366;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#f4433633;border:1px solid #f44336;border:1px solid var(--admin-error);border-radius:8px;color:#ffcdd2;padding:12px;text-align:center}.login-footer{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;margin-top:20px;text-align:center}.dashboard-main{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px #0003}.system-status{color:#4caf50;color:var(--admin-success);font-size:.9rem;margin-left:15px}.admin-user{color:#fffc;color:var(--admin-text-secondary)}.logout-btn{background:#f4433633;border:1px solid #f44336;border:1px solid var(--admin-error);border-radius:8px;color:#fff;color:var(--admin-text);cursor:pointer;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.logout-btn:hover{background:#f443364d;transform:translateY(-1px)}.dashboard-content{display:flex;flex:1 1}.dashboard-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-right:1px solid #fff3;border-right:1px solid var(--admin-border);padding:20px 0;width:280px}.dashboard-nav{display:flex;flex-direction:column;gap:8px;padding:0 20px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:15px;padding:15px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.nav-item:hover{background:#ffffff26;background:var(--admin-bg-hover);transform:translateX(5px)}.nav-item.active,.nav-item:hover{color:#fff;color:var(--admin-text)}.nav-item.active{background:#ffffff1a;background:var(--admin-bg-card);border-left:4px solid #2196f3;border-left:4px solid var(--accent-color,var(--admin-info))}.nav-icon{font-size:1.2rem}.nav-label{font-weight:500}.dashboard-panel{background:#ffffff05;flex:1 1;overflow-y:auto;padding:30px}.overview-panel h2{color:#fff;color:var(--admin-text);font-size:2rem;margin-bottom:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-content p{margin:0}.quick-actions{margin-bottom:40px}.action-buttons{display:flex;flex-wrap:wrap}.action-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);padding:15px 25px}.action-btn.ai-test:hover{box-shadow:0 8px 25px #2196f34d}.action-btn.analysis:hover{box-shadow:0 8px 25px #ff98004d}.action-btn.monitor:hover{box-shadow:0 8px 25px #9c27b04d}.activity-list{background:#ffffff1a;background:var(--admin-bg-card);border:1px solid #fff3;border:1px solid var(--admin-border);padding:20px}.activity-item{padding:10px 0}.activity-time{font-size:.9rem;min-width:120px}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.documentation-panel{display:flex;gap:30px;height:calc(100vh - 200px)}.doc-sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:20px;width:320px}.doc-search{margin-bottom:20px}.search-input{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);font-size:.9rem;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.search-input:focus{background:#ffffff26;border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 0 20px #2196f34d;outline:none}.doc-nav{display:flex;flex-direction:column;gap:10px}.doc-nav-item{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--admin-text-secondary);cursor:pointer;display:flex;gap:15px;padding:15px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.doc-nav-item:hover{background:#ffffff26;background:var(--admin-bg-hover);color:#fff;color:var(--admin-text);transform:translateX(5px)}.doc-nav-item.active{background:#ffffff1a;background:var(--admin-bg-card);border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 0 20px #2196f34d;color:#fff;color:var(--admin-text)}.nav-icon{font-size:1.5rem;min-width:24px}.nav-content{display:flex;flex-direction:column;gap:4px}.nav-title{font-size:.95rem;font-weight:600}.nav-desc{font-size:.8rem;line-height:1.3;opacity:.8}.doc-main{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);flex:1 1;overflow-y:auto}.doc-content{padding:30px}.doc-header{margin-bottom:40px;text-align:center}.doc-header h2{color:#fff;color:var(--admin-text);font-size:2.2rem;margin-bottom:10px}.doc-subtitle{color:#fffc;color:var(--admin-text-secondary);font-size:1.1rem;opacity:.9}.overview-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.overview-card{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.overview-card:hover{background:#ffffff1a;transform:translateY(-5px)}.overview-card .card-icon{font-size:2.5rem;margin-bottom:15px}.overview-card h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:15px}.overview-card p{color:#fffc;color:var(--admin-text-secondary);line-height:1.6;margin-bottom:15px}.overview-card ul{list-style:none;padding:0}.overview-card li{color:#fffc;color:var(--admin-text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.overview-card li:before{color:#4caf50;color:var(--admin-success);content:"•";font-weight:700;left:0;position:absolute}.version-info{background:#ffffff0d;border-radius:15px;padding:25px}.version-info h3{color:#2196f3;color:var(--admin-info);margin-bottom:20px}.version-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.version-item{background:#ffffff0d;border-radius:10px;color:#fffc;color:var(--admin-text-secondary);padding:15px}.version-item strong{color:#fff;color:var(--admin-text)}.tutorial-section{display:flex;flex-direction:column;gap:30px}.tutorial-card{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;padding:30px;text-align:center}.tutorial-card.featured{background:linear-gradient(135deg,#2196f333,#61dafb1a);border-color:#2196f3;border-color:var(--admin-info)}.tutorial-icon{font-size:3rem;margin-bottom:20px}.tutorial-card h3{color:#fff;color:var(--admin-text);font-size:1.5rem;margin-bottom:15px}.tutorial-card p{color:#fffc;color:var(--admin-text-secondary);line-height:1.6;margin-bottom:25px}.tutorial-btn{background:linear-gradient(45deg,#2196f3,#1976d2);background:linear-gradient(45deg,var(--admin-info),#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.tutorial-btn:hover{box-shadow:0 8px 25px #2196f366;transform:translateY(-3px)}.quick-guide{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;padding:25px}.quick-guide h3{color:#2196f3;color:var(--admin-info);margin-bottom:20px}.guide-steps{flex-direction:column}.guide-steps,.step{display:flex;gap:20px}.step{align-items:flex-start}.step-number{align-items:center;background:linear-gradient(45deg,#2196f3,#1976d2);background:linear-gradient(45deg,var(--admin-info),#1976d2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#fff;color:var(--admin-text);margin-bottom:8px}.step-content p{color:#fffc;color:var(--admin-text-secondary);line-height:1.5}.card-reference{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;padding:25px}.card-reference h3{color:#2196f3;color:var(--admin-info);margin-bottom:20px}.card-types{display:flex;flex-direction:column;gap:15px}.card-type{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:20px;padding:15px}.type-icon{font-size:1.8rem;min-width:40px;text-align:center}.type-info h4{color:#fff;color:var(--admin-text);margin-bottom:5px}.type-info p{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;line-height:1.4}.admin-guide,.ai-documentation,.api-documentation{display:flex;flex-direction:column;gap:30px}.ai-section,.api-section,.guide-section{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;padding:25px}.ai-section h3,.api-section h3,.guide-section h3{color:#2196f3;color:var(--admin-info);font-size:1.4rem;margin-bottom:20px}.ai-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.feature{background:#ffffff0d;border-radius:10px;padding:20px}.feature h4{color:#fff;color:var(--admin-text);margin-bottom:10px}.feature ul{list-style:none;padding:0}.feature li{color:#fffc;color:var(--admin-text-secondary);margin-bottom:5px;padding-left:15px;position:relative}.feature li:before{color:#4caf50;color:var(--admin-success);content:"▸";left:0;position:absolute}.config-table{display:flex;flex-direction:column;gap:10px;margin-top:15px}.config-row{background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.config-label{color:#fff;color:var(--admin-text);font-weight:500}.config-value{color:#fffc;color:var(--admin-text-secondary)}.code-block{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#0f8;font-family:Courier New,monospace;font-size:.85rem;margin:10px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}.management-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.mgmt-card{background:#ffffff0d;border-radius:10px;padding:20px}.mgmt-card h4{color:#2196f3;color:var(--admin-info);margin-bottom:15px}.troubleshooting{margin-top:20px}.problem-solution{background:#ffffff0d;border-radius:10px;margin-bottom:15px;padding:15px}.problem{color:#ff9800;color:var(--admin-warning);margin-bottom:10px}.solution{color:#fffc;color:var(--admin-text-secondary);line-height:1.5}.api-hooks,.data-structures{display:flex;flex-direction:column;gap:20px;margin-top:20px}.hook,.structure{background:#ffffff0d;border-radius:10px;padding:20px}.hook h4,.structure h4{color:#4caf50;color:var(--admin-success);margin-bottom:10px}@media (max-width:1024px){.dashboard-content{flex-direction:column}.dashboard-sidebar{order:2;width:100%}.dashboard-panel{order:1}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.documentation-panel{flex-direction:column;height:auto}.doc-sidebar{margin-bottom:20px;width:100%}.ai-features,.management-grid,.overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;padding:15px 20px}.header-left h1{font-size:1.5rem}.dashboard-panel{padding:20px}.login-box{padding:30px 20px}.action-buttons{flex-direction:column}.action-btn{text-align:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.overview-panel,.stat-card{animation:fadeInUp .6s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.dashboard-sidebar{animation:slideInLeft .5s ease}.dashboard-panel>*{animation:fadeInUp .6s ease}.ai-control-panel h2{color:#fff;color:var(--admin-text);font-size:2rem;margin-bottom:30px}.control-sections{display:flex;flex-direction:column;gap:30px}.control-sections section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.control-sections h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.config-group{margin-bottom:20px}.config-group label{color:#fffc;color:var(--admin-text-secondary);display:block;font-weight:600;margin-bottom:10px}.difficulty-selector{display:flex;gap:10px;margin-bottom:15px}.difficulty-btn{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);cursor:pointer;font-size:.9rem;padding:10px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.difficulty-btn:hover{background:#ffffff26;background:var(--admin-bg-hover);transform:translateY(-2px)}.difficulty-btn.active{background:#2196f3;background:var(--admin-info);border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 4px 15px #2196f366;color:#fff}.test-type-select{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);font-size:1rem;margin-bottom:10px;padding:12px 16px;width:100%}.test-description{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;font-style:italic}.run-test-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#45a049);background:linear-gradient(45deg,var(--admin-success),#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:15px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.run-test-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf5066;transform:translateY(-3px)}.run-test-btn:disabled{cursor:not-allowed;opacity:.7}.test-progress{text-align:center}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{animation:progress-animation 2s ease-in-out infinite;background:linear-gradient(90deg,#2196f3,#4caf50);background:linear-gradient(90deg,var(--admin-info),var(--admin-success));border-radius:4px;height:100%}@keyframes progress-animation{0%{width:0}50%{width:70%}to{width:100%}}.results-container{background:#ffffff0d;border-radius:12px;margin-top:15px;padding:20px}.result-header{align-items:center;margin-bottom:20px}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:8px 16px}.status-badge.success{background:#4caf5033;border:1px solid #4caf50;border:1px solid var(--admin-success);color:#4caf50;color:var(--admin-success)}.status-badge.error{background:#f4433633;border:1px solid #f44336;border:1px solid var(--admin-error);color:#f44336;color:var(--admin-error)}.timestamp{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem}.result-details .metric{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.result-details .metric:last-child{border-bottom:none}.result-details .metric label{color:#fffc;color:var(--admin-text-secondary);font-weight:500}.result-details .metric span{color:#fff;color:var(--admin-text);font-weight:600}.performance-good{color:#4caf50!important;color:var(--admin-success)!important;text-transform:capitalize}.win-rate{color:#2196f3!important;color:var(--admin-info)!important;font-size:1.1rem}.recommendation{color:#ff9800!important;color:var(--admin-warning)!important}.grade-display{background:#ffffff0d;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.grade-display .grade{color:#4caf50;color:var(--admin-success);font-size:2.5rem;font-weight:700;margin-bottom:5px}.grade-display .score{color:#fffc;color:var(--admin-text-secondary);font-size:1.2rem}.metrics-grid{grid-gap:15px;gap:15px;margin-bottom:20px}.recommendations h4{color:#2196f3;color:var(--admin-info);margin-bottom:10px}.recommendations ul{list-style:none;padding:0}.recommendations li{color:#fffc;color:var(--admin-text-secondary);margin-bottom:5px;padding-left:15px;position:relative}.recommendations li:before{color:#4caf50;color:var(--admin-success);content:"✓";left:0;position:absolute}.export-btn{background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.export-btn:hover{background:#ffffff26;background:var(--admin-bg-hover);transform:translateY(-2px)}.game-analysis-panel h2{color:#fff;color:var(--admin-text);font-size:2rem;margin-bottom:30px}.analysis-controls{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);display:flex;gap:20px;margin-bottom:30px;padding:20px}.timeframe-selector{align-items:center;display:flex;gap:10px}.timeframe-selector label{color:#fffc;color:var(--admin-text-secondary);font-weight:600;white-space:nowrap}.timeframe-selector select{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:8px;color:#fff;color:var(--admin-text);font-size:.9rem;padding:8px 12px}.analyze-btn{align-items:center;background:linear-gradient(45deg,#ff9800,#f57c00);background:linear-gradient(45deg,var(--admin-warning),#f57c00);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.analyze-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.analysis-results{display:flex;flex-direction:column;gap:30px}.metrics-overview,.recommendations,.scores-analysis,.trends-analysis{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.metrics-overview h3,.recommendations h3,.scores-analysis h3,.trends-analysis h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#ffffff1a;border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.metric-card:hover{background:#ffffff26;transform:translateY(-3px)}.metric-value{font-size:2rem;font-weight:700;margin-bottom:5px}.score-comparison{gap:15px}.score-bar,.score-comparison{display:flex;flex-direction:column}.score-bar{gap:8px}.score-bar label{color:#fffc;color:var(--admin-text-secondary);font-weight:600}.bar-container{background:#ffffff1a;height:30px;overflow:hidden}.bar,.bar-container{border-radius:8px;position:relative}.bar{height:100%;transition:width 1s ease}.player-bar{background:linear-gradient(90deg,#2196f3,#1976d2);background:linear-gradient(90deg,var(--admin-info),#1976d2)}.ai-bar{background:linear-gradient(90deg,#ff9800,#f57c00);background:linear-gradient(90deg,var(--admin-warning),#f57c00)}.bar-value{color:#fff;font-size:.9rem;font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.trends-list{display:flex;flex-direction:column;gap:15px}.trend-item{background:#ffffff0d;border-radius:10px;padding:15px}.trend-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.trend-metric{color:#fff;color:var(--admin-text);font-weight:600}.trend-indicator{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px}.trend-indicator.up{background:#4caf5033;color:#4caf50;color:var(--admin-success)}.trend-indicator.down{background:#f4433633;color:#f44336;color:var(--admin-error)}.trend-indicator.stable{background:#9e9e9e33;color:#9e9e9e}.trend-description{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;margin:0}.game-history{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);margin-top:30px;padding:25px}.game-history h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.history-table{background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.table-header,.table-row{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:12px 20px}.table-header{background:#ffffff1a;color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;font-weight:600}.table-row{background:#ffffff05;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.table-row:hover{background:#ffffff14}.difficulty.facile{color:#4caf50;color:var(--admin-success)}.difficulty.medio{color:#ff9800;color:var(--admin-warning)}.difficulty.difficile{color:#f44336;color:var(--admin-error)}.winner.player{color:#2196f3;color:var(--admin-info)}.winner.ai{color:#ff9800;color:var(--admin-warning)}.export-analysis-btn{background:linear-gradient(45deg,#9c27b0,#7b1fa2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.export-analysis-btn:hover{box-shadow:0 6px 20px #9c27b066;transform:translateY(-2px)}.system-monitor h2{color:#fff;color:var(--admin-text);font-size:2rem;margin-bottom:30px}.monitor-controls{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.clear-cache-btn,.diagnostic-btn,.export-logs-btn,.monitor-controls,.monitor-toggle{background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient)}.clear-cache-btn,.diagnostic-btn,.export-logs-btn,.monitor-toggle{border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.monitor-toggle.active{background:#4caf50;background:var(--admin-success);border-color:#4caf50;border-color:var(--admin-success);color:#fff}.clear-cache-btn:hover,.diagnostic-btn:hover,.export-logs-btn:hover,.monitor-toggle:hover{background:#ffffff26;background:var(--admin-bg-hover);transform:translateY(-2px)}.real-time-metrics{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);margin-bottom:30px;padding:25px}.real-time-metrics h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.real-time-metrics .metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.metric-item{background:#ffffff0d;border-radius:10px;padding:15px}.metric-label{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;margin-bottom:8px}.metric-value{color:#fff;color:var(--admin-text);font-size:1.3rem;font-weight:600;margin-bottom:10px}.metric-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.metric-fill{border-radius:4px;height:100%;transition:width .5s ease}.metric-fill.cpu{background:linear-gradient(90deg,#4caf50,#ff9800);background:linear-gradient(90deg,var(--admin-success),var(--admin-warning))}.metric-fill.memory{background:linear-gradient(90deg,#2196f3,#ff9800);background:linear-gradient(90deg,var(--admin-info),var(--admin-warning))}.last-update{color:#fffc;color:var(--admin-text-secondary);font-size:.8rem;font-style:italic;text-align:right}.system-health{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);margin-bottom:30px;padding:25px}.system-health h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.health-loading{padding:40px;text-align:center}.health-components{display:flex;flex-direction:column;gap:15px}.health-component{background:#ffffff0d;border-radius:12px;padding:20px}.health-header{align-items:center;display:flex;gap:15px;margin-bottom:10px}.health-icon{font-size:1.2rem}.component-name{color:#fff;color:var(--admin-text);flex:1 1;font-weight:600}.health-score{font-size:1.1rem;font-weight:600}.health-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.health-fill{border-radius:4px;height:100%;transition:width 1s ease}.health-issues{display:flex;flex-direction:column;gap:5px}.issue-item{background:#ff98001a;border-radius:6px;color:#ff9800;color:var(--admin-warning);font-size:.9rem;padding:5px 10px}.system-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);margin-bottom:30px;padding:25px}.system-info h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#fffc;color:var(--admin-text-secondary);font-weight:500}.info-item span{color:#fff;color:var(--admin-text);font-weight:600}.status-optimal{color:#4caf50!important;color:var(--admin-success)!important}.system-actions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.system-actions h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.action-buttons-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.system-action{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);cursor:pointer;font-weight:500;padding:15px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.system-action:hover{background:#ffffff1a;transform:translateY(-3px)}.system-action.restart:hover{border-color:#ff9800;border-color:var(--admin-warning);box-shadow:0 6px 20px #ff98004d}.system-action.optimize:hover{border-color:#4caf50;border-color:var(--admin-success);box-shadow:0 6px 20px #4caf504d}.system-action.backup:hover{border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 6px 20px #2196f34d}.system-action.maintenance:hover{border-color:#9c27b0;box-shadow:0 6px 20px #9c27b04d}.documentation-panel h2{color:#fff;color:var(--admin-text);font-size:2rem;margin-bottom:30px}.doc-controls{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);display:flex;gap:20px;margin-bottom:30px;padding:20px}.search-container{flex:1 1}.doc-search{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);font-size:1rem;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.doc-search:focus{background:#ffffff26;border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 0 20px #2196f34d;outline:none}.generate-report-btn{background:linear-gradient(45deg,#607d8b,#455a64);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);white-space:nowrap}.generate-report-btn:hover{box-shadow:0 6px 20px #607d8b66;transform:translateY(-2px)}.quick-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);margin-bottom:30px;padding:25px}.quick-links h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.quick-links-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:10px;color:#fff;color:var(--admin-text);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.quick-link-btn:hover{background:#ffffff1a;border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 6px 20px #2196f34d;transform:translateY(-3px)}.link-icon{font-size:1.2rem}.link-title{flex:1 1}.documentation-categories{display:flex;flex-direction:column;gap:30px}.doc-category{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.category-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.category-icon{font-size:1.5rem}.category-header h3{color:#fff;color:var(--admin-text);flex:1 1;margin:0}.doc-count{background:#ffffff1a;border-radius:12px;color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;padding:4px 8px}.category-docs{display:flex;flex-direction:column;gap:12px}.doc-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.doc-item:hover{background:#ffffff1a;transform:translateX(5px)}.doc-info{flex:1 1}.doc-title{color:#fff;color:var(--admin-text);font-size:1.1rem;font-weight:600;margin:0 0 8px}.doc-description{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 10px}.doc-meta{color:#fff9;display:flex;font-size:.8rem;gap:15px}.doc-actions{display:flex;gap:8px}.doc-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:8px;color:#fff;color:var(--admin-text);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:40px}.doc-action-btn:hover{background:#fff3;transform:scale(1.1)}.doc-action-btn.open:hover{border-color:#2196f3;border-color:var(--admin-info)}.doc-action-btn.download:hover{border-color:#4caf50;border-color:var(--admin-success)}.search-results{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.search-results h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.search-results-list{display:flex;flex-direction:column;gap:15px}.search-result-item{background:#ffffff0d;border-radius:10px;padding:20px}.result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.result-header h4{color:#fff;color:var(--admin-text);font-size:1.1rem;margin:0}.result-category{background:#ffffff1a;border-radius:12px;font-size:.8rem;padding:4px 8px}.result-category,.result-description{color:#fffc;color:var(--admin-text-secondary)}.result-description{font-size:.9rem;line-height:1.4;margin:10px 0}.result-meta{color:#fff9;display:flex;font-size:.8rem;gap:15px;margin-bottom:15px}.result-actions{display:flex;gap:10px}.download-doc-btn,.open-doc-btn{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:8px;color:#fff;color:var(--admin-text);cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.open-doc-btn:hover{background:#2196f333;border-color:#2196f3;border-color:var(--admin-info)}.download-doc-btn:hover{background:#4caf5033;border-color:#4caf50;border-color:var(--admin-success)}.documentation-stats{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);margin-top:30px;padding:25px}.documentation-stats h3{color:#2196f3;color:var(--admin-info);font-size:1.3rem;margin-bottom:20px}.stats-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.documentation-stats .stat-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.documentation-stats .stat-label{color:#fffc;color:var(--admin-text-secondary);font-weight:500}.documentation-stats .stat-value{color:#fff;color:var(--admin-text);font-size:1.1rem;font-weight:600}@media (max-width:768px){.analysis-controls,.doc-controls,.monitor-controls{align-items:stretch;flex-direction:column;gap:15px}.difficulty-selector{flex-wrap:wrap}.action-buttons-grid,.metrics-grid,.quick-links-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:5px}.table-header span,.table-row span{padding:5px 0}.result-header{flex-direction:column;gap:10px}}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border-bottom:1px solid #fff3;border-bottom:1px solid var(--admin-border);box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;padding:20px 30px;position:relative}.header-left{display:flex;flex-direction:column;gap:8px}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#fff);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin:0;text-shadow:0 0 20px #61dafb4d}.system-indicators{gap:15px}.status-indicator{color:#4caf50;color:var(--admin-success)}.status-dot{animation:pulse 2s infinite}.status-dot,.status-indicator.online .status-dot{background:#4caf50;background:var(--admin-success)}.version-info{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:12px;color:#fffc;color:var(--admin-text-secondary);font-size:.8rem;padding:4px 8px}.admin-info{align-items:flex-end;flex-direction:column;gap:2px}.admin-user{color:#fff;color:var(--admin-text);font-weight:600}.admin-role{color:#fffc;color:var(--admin-text-secondary);font-size:.8rem}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.panel-header h2{color:#fff;color:var(--admin-text);font-size:2rem;margin:0}.panel-header .status-indicator{font-size:.9rem}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.stat-card:before{background:linear-gradient(90deg,#0000,#2196f3,#0000);background:linear-gradient(90deg,#0000,var(--card-accent,var(--admin-info)),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.stat-card.primary{--card-accent:var(--admin-info)}.stat-card.ai{--card-accent:#9c27b0}.stat-card.player{--card-accent:var(--admin-warning)}.stat-card.system{--card-accent:var(--admin-success)}.stat-card.time{--card-accent:#607d8b}.stat-card.uptime{--card-accent:#4caf50}.stat-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:2.5rem;min-width:60px;text-align:center}.stat-content{flex:1 1}.stat-content h3{color:#fff;color:var(--admin-text);font-size:2rem;font-weight:700;margin:0 0 5px}.stat-content p{color:#fffc;color:var(--admin-text-secondary);font-size:.9rem;font-weight:500;margin:0 0 8px}.stat-trend{color:#4caf50;color:var(--admin-success);font-size:.8rem;font-weight:500}.load-low{color:#4caf50!important;color:var(--admin-success)!important}.load-medium{color:#ff9800!important;color:var(--admin-warning)!important}.load-high{color:#f44336!important;color:var(--admin-error)!important}.dashboard-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.left-section,.right-section{display:flex;flex-direction:column;gap:30px}.quick-actions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.quick-actions h3{color:#fff;color:var(--admin-text);font-size:1.3rem;margin-bottom:20px}.action-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:12px;color:#fff;color:var(--admin-text);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:8px;overflow:hidden;padding:15px 12px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.btn-icon{font-size:1.4rem}.action-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.action-btn.ai-test:hover{border-color:#2196f3;border-color:var(--admin-info);box-shadow:0 8px 25px #2196f366}.action-btn.analysis:hover{border-color:#ff9800;border-color:var(--admin-warning);box-shadow:0 8px 25px #ff980066}.action-btn.monitor:hover{border-color:#9c27b0;box-shadow:0 8px 25px #9c27b066}.action-btn.docs:hover{border-color:#607d8b;box-shadow:0 8px 25px #607d8b66}.recent-activity{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);padding:25px}.recent-activity h3{color:#fff;color:var(--admin-text);font-size:1.3rem;margin-bottom:20px}.activity-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:15px}.activity-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#ffffff0d;border-radius:8px;padding-left:10px}.activity-time{color:#fffc;color:var(--admin-text-secondary);font-size:.8rem;font-weight:500;min-width:80px}.activity-desc{color:#fff;color:var(--admin-text);flex:1 1;font-size:.9rem;margin:0 15px}.activity-status{font-size:1.1rem;min-width:24px;text-align:center}.activity-item.success .activity-status{color:#4caf50;color:var(--admin-success)}.activity-item.info .activity-status{color:#2196f3;color:var(--admin-info)}.activity-item.warning .activity-status{color:#ff9800;color:var(--admin-warning)}.live-console{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);background:var(--admin-gradient);border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--admin-shadow);height:-webkit-fit-content;height:fit-content;padding:25px}.console-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.console-header h3{color:#fff;color:var(--admin-text);font-size:1.3rem;margin:0}.console-controls{display:flex;gap:10px}.console-btn{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--admin-border);border-radius:8px;color:#fff;color:var(--admin-text);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.console-btn:hover{background:#fff3;transform:translateY(-1px)}.log-container{background:#1a1a1a;border:1px solid #333;border-radius:10px;font-family:Courier New,monospace;font-size:.85rem;height:300px;line-height:1.4;overflow-y:auto;padding:15px}.log-entry{align-items:flex-start;border-radius:4px;display:flex;gap:10px;margin-bottom:8px;padding:2px 0;transition:background-color .2s ease}.log-entry:hover{background:#ffffff0d;padding-left:5px}.log-entry .timestamp{color:#888;flex-shrink:0;font-size:.8rem;min-width:140px}.log-entry .message{color:#0f0;flex:1 1}.log-entry.success .message{color:#4caf50}.log-entry.info .message{color:#2196f3}.log-entry.warning .message{color:#ff9800}.log-entry.error .message{color:#f44336}.nav-indicator{animation:nav-pulse 2s infinite;background:#2196f3;background:var(--accent-color,var(--admin-info));border-radius:50%;height:8px;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:8px}@keyframes nav-pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.2)}}@media (max-width:1200px){.dashboard-sections{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;padding:15px 20px}.header-left,.header-right{justify-content:center;width:100%}.admin-info{align-items:center}.dashboard-panel{padding:20px}.stats-grid{gap:15px}.action-buttons,.stats-grid{grid-template-columns:1fr}.console-controls{flex-direction:column;gap:8px}.log-container{font-size:.8rem;height:200px}.log-entry .timestamp{font-size:.7rem;min-width:100px}}@media (max-width:480px){.dashboard-sidebar{padding:15px 0}.nav-item{font-size:.9rem;padding:12px 15px}.nav-icon{font-size:1.1rem}.stat-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.stat-icon{font-size:2rem}.stat-content h3{font-size:1.5rem}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{animation:slideInFromTop .6s ease}.left-section{animation:slideInFromLeft .8s ease}.right-section{animation:slideInFromRight .8s ease}.stat-card:first-child{animation:fadeInUp .6s ease .1s both}.stat-card:nth-child(2){animation:fadeInUp .6s ease .2s both}.stat-card:nth-child(3){animation:fadeInUp .6s ease .3s both}.stat-card:nth-child(4){animation:fadeInUp .6s ease .4s both}.stat-card:nth-child(5){animation:fadeInUp .6s ease .5s both}.stat-card:nth-child(6){animation:fadeInUp .6s ease .6s both}.log-container::-webkit-scrollbar{width:8px}.log-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.log-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.log-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dashboard-panel::-webkit-scrollbar{width:10px}.dashboard-panel::-webkit-scrollbar-track{background:#ffffff0d}.dashboard-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.dashboard-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--enhanced-primary:#0a0a1a;--enhanced-secondary:#1a1a2e;--enhanced-accent:#0f3460;--enhanced-glow:#61dafb;--enhanced-success:#0f8;--enhanced-warning:gold;--enhanced-error:#ff4757;--enhanced-info:#3742fa;--enhanced-bg:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#0f3460);--enhanced-card:linear-gradient(135deg,#ffffff26,#ffffff0d);--enhanced-glow-gradient:radial-gradient(circle,#61dafb4d 0%,#0000 70%);--enhanced-transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--enhanced-glow-animation:glow 2s ease-in-out infinite alternate;--enhanced-border-radius:20px;--enhanced-shadow:0 20px 60px #00000080;--enhanced-glow-shadow:0 0 30px #61dafb4d}.enhanced-loading{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#0f3460);background:var(--enhanced-bg);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.loading-animation{color:#fff;text-align:center}.loading-spinner.advanced{animation:spin 1s linear infinite,glow 2s ease-in-out infinite alternate;border:4px solid #61dafb33;border-radius:50%;border-top-color:#61dafb;border-top:4px solid var(--enhanced-glow);height:80px;margin:0 auto 30px;width:80px}.loading-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#fff);background:linear-gradient(45deg,var(--enhanced-glow),#fff);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:10px}.loading-text p{color:#fffc;font-size:1.2rem;margin-bottom:30px}.loading-progress{background:#ffffff1a;border-radius:3px;height:6px;margin:20px auto;overflow:hidden;width:300px}.progress-bar-animated{animation:loadingProgress 3s ease-in-out infinite;background:linear-gradient(90deg,#61dafb,#0f8);background:linear-gradient(90deg,var(--enhanced-glow),var(--enhanced-success));border-radius:3px;height:100%}@keyframes loadingProgress{0%{width:0}50%{width:80%}to{width:100%}}.enhanced-dashboard{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#0f3460);background:var(--enhanced-bg);color:#fff;font-family:Orbitron,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.enhanced-dashboard:before{animation:starfieldEnhanced 200s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#61dafb99,#0000),radial-gradient(1px 1px at 40% 70%,#fff6,#0000),radial-gradient(1px 1px at 90% 40%,#61dafbcc,#0000),radial-gradient(2px 2px at 50% 50%,#ffffff4d,#0000),radial-gradient(1px 1px at 10% 90%,#61dafb80,#0000),radial-gradient(2px 2px at 80% 20%,#ffffffb3,#0000);background-size:600px 600px,400px 400px,800px 800px,500px 500px,700px 700px,300px 300px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes starfieldEnhanced{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-50px) translateX(25px)}to{transform:translateY(-100px) translateX(0)}}.enhanced-dashboard.fullscreen{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.notification-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:center;animation:slideInRight .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);background:var(--enhanced-card);border:1px solid #fff3;border-radius:15px;box-shadow:0 20px 60px #00000080;box-shadow:var(--enhanced-shadow);display:flex;gap:10px;min-width:300px;padding:15px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--enhanced-transition)}.notification:hover{box-shadow:0 0 30px #61dafb4d;box-shadow:var(--enhanced-glow-shadow);transform:translateX(-5px)}.notification.success{border-left:4px solid #0f8;border-left:4px solid var(--enhanced-success)}.notification.warning{border-left:4px solid gold;border-left:4px solid var(--enhanced-warning)}.notification.error{border-left:4px solid #ff4757;border-left:4px solid var(--enhanced-error)}.notification.info{border-left:4px solid #3742fa;border-left:4px solid var(--enhanced-info)}.notification-time{font-size:.8rem;min-width:60px;opacity:.7}.notification-message{flex:1 1}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.enhanced-login-wrapper{align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:center;min-height:100vh}.login-features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature-badge{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);background:var(--enhanced-card);border:1px solid #fff3;border-radius:15px;display:flex;gap:10px;padding:10px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--enhanced-transition)}.feature-badge:hover{box-shadow:0 0 30px #61dafb4d;box-shadow:var(--enhanced-glow-shadow);transform:translateY(-5px)}.badge-icon{font-size:1.2rem}.badge-text{font-size:.9rem;font-weight:500}.enhanced-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);background:var(--enhanced-card);border-bottom:1px solid #fff3;box-shadow:0 5px 30px #0000004d;justify-content:space-between;padding:15px 30px;position:relative;z-index:100}.enhanced-header,.logo-section{align-items:center;display:flex}.logo-section{gap:15px}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#fff);background:linear-gradient(45deg,var(--enhanced-glow),#fff);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin:0}.version-badge{background:linear-gradient(45deg,#3742fa,#61dafb);background:linear-gradient(45deg,var(--enhanced-info),var(--enhanced-glow));border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.system-indicators{align-items:center;display:flex;gap:20px}.status-indicator{align-items:center;display:flex;font-size:.9rem;gap:8px}.status-dot{background:#0f8;background:var(--enhanced-success);border-radius:50%;height:8px;width:8px}.status-dot.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.load-indicator{background:#ffffff1a;border-radius:8px;font-size:.8rem;padding:4px 10px}.header-center{display:flex;flex:1 1;justify-content:center}.quick-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;display:flex;gap:20px;padding:10px 20px}.stat-mini{align-items:center;display:flex;font-size:.9rem;gap:5px}.stat-mini .stat-icon{font-size:1.1rem}.stat-mini .stat-value{color:#61dafb;color:var(--enhanced-glow);font-weight:600}.header-right{align-items:center;display:flex;gap:20px}.header-controls{display:flex;gap:10px}.control-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--enhanced-transition)}.control-btn:hover{background:#fff3;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.control-btn.danger:hover{background:#ff475733;border-color:#ff4757;border-color:var(--enhanced-error)}.admin-info{gap:10px}.admin-avatar,.admin-info{align-items:center;display:flex}.admin-avatar{background:#61dafb;background:var(--enhanced-glow);border-radius:50%;color:#000;font-size:1.2rem;height:35px;justify-content:center;width:35px}.admin-details{display:flex;flex-direction:column;gap:2px}.admin-name{font-size:.9rem;font-weight:600}.admin-role{font-size:.7rem;opacity:.7;text-transform:uppercase}.logout-btn.enhanced{background:linear-gradient(45deg,#ff4757,#c44569);background:linear-gradient(45deg,var(--enhanced-error),#c44569);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--enhanced-transition)}.logout-btn.enhanced:hover{box-shadow:0 8px 25px #ff475766;transform:translateY(-2px)}.enhanced-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:20px;overflow-x:auto;padding:15px 30px}.nav-item-enhanced{align-items:center;background:#0000;border:1px solid #fff3;border-radius:15px;color:#fffc;cursor:pointer;display:flex;gap:10px;justify-content:center;min-width:140px;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--enhanced-transition)}.nav-item-enhanced:hover{background:#ffffff1a;color:#fff;transform:translateY(-3px)}.nav-item-enhanced.active{background:linear-gradient(135deg,#ffffff26,#ffffff0d);background:var(--enhanced-card);border-color:#61dafb;border-color:var(--accent-color,var(--enhanced-glow));box-shadow:0 0 20px #61dafb4d;color:#fff}.nav-icon-enhanced{font-size:1.2rem}.nav-label-enhanced{font-size:.9rem;font-weight:500}.nav-glow{animation:navGlow 2s ease-in-out infinite;background:linear-gradient(45deg,#61dafb,#0000,#61dafb);background:linear-gradient(45deg,var(--accent-color,var(--enhanced-glow)),#0000,var(--accent-color,var(--enhanced-glow)));border-radius:17px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes navGlow{0%,to{opacity:.5}50%{opacity:1}}.enhanced-content{min-height:calc(100vh - 140px);padding:30px}@keyframes glow{0%{box-shadow:0 0 5px #61dafb80}to{box-shadow:0 0 20px #61dafbcc,0 0 30px #61dafb99}}@keyframes fadeInEnhanced{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.enhanced-header{flex-direction:column;gap:15px;padding:20px}.header-center .quick-stats{flex-wrap:wrap;gap:10px}}@media (max-width:768px){.enhanced-navigation{gap:10px;padding:10px 20px}.nav-item-enhanced{min-width:auto;padding:10px 15px}.nav-label-enhanced{display:none}.enhanced-content{padding:20px}.notification-container{left:10px;right:10px}.notification{min-width:auto}}.enhanced-dashboard-main{animation:fadeInEnhanced 1s ease}.enhanced-header{animation:slideInFromLeft .8s ease}.enhanced-navigation{animation:slideInFromRight .8s ease .2s both}.enhanced-content{animation:fadeInEnhanced 1s ease .4s both}.game-mode-stats-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;margin:20px 0;padding:30px}.stats-header{margin-bottom:30px;text-align:center}.stats-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:10px}.stats-summary{font-size:1.1rem;opacity:.9}.stats-summary .highlight{color:#61dafb;font-size:1.3rem;font-weight:700}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:30px}.mode-stats-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.mode-stats-card:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #0000004d;transform:translateY(-5px)}.mode-stats-card.standard{border-left:4px solid #61dafb}.mode-stats-card.draft{border-left:4px solid #ff6b6b}.mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mode-header h3{font-size:1.4rem;margin:0}.mode-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:5px 12px}.standard-badge{background:linear-gradient(45deg,#61dafb,#4fc3f7);color:#fff}.draft-badge{background:linear-gradient(45deg,#ff6b6b,#ff8a65);color:#fff}.stats-content{display:flex;flex-direction:column;gap:12px}.stat-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.stat-row:last-child{border-bottom:none}.stat-label{font-size:.9rem;opacity:.8}.stat-value{font-size:1.1rem;font-weight:700}.stat-value.player-wins{color:#4caf50}.stat-value.ai-wins{color:#ff6b6b}.stat-value.win-rate{color:#61dafb}.comparison-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:25px;padding:25px}.comparison-section h3{color:gold;font-size:1.3rem;margin-bottom:20px;text-align:center}.comparison-stats{display:flex;flex-direction:column;gap:15px}.comparison-item{align-items:center;background:#ffffff0d;border-left:3px solid gold;border-radius:10px;display:flex;justify-content:space-between;padding:10px 15px}.comparison-label{font-size:.95rem;opacity:.9}.comparison-value{color:gold;font-size:1rem;font-weight:700}.quick-actions{display:flex;gap:15px;justify-content:center}.action-button{align-items:center;background:linear-gradient(45deg,#61dafb,#4fc3f7);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.action-button:hover{box-shadow:0 8px 25px #61dafb66;transform:translateY(-2px)}.action-button.draft-button{background:linear-gradient(45deg,#ff6b6b,#ff8a65)}.action-button.draft-button:hover{box-shadow:0 8px 25px #ff6b6b66}.game-mode-stats-error,.game-mode-stats-loading{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:50px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-mode-stats-error p{color:#ff6b6b;font-size:1.1rem;margin:0}@media (max-width:768px){.stats-grid{gap:20px;grid-template-columns:1fr}.mode-stats-card{padding:20px}.stats-header h2{font-size:1.8rem}.quick-actions{align-items:center;flex-direction:column}.action-button{max-width:250px;width:100%}.comparison-item{flex-direction:column;gap:5px;text-align:center}}.action-btn.enhanced-feature{border-color:#61dafb!important;color:#61dafb!important}.action-btn.enhanced-feature:hover{background:#61dafb1a!important;box-shadow:0 0 15px #61dafb4d!important;transform:translateY(-2px)!important}.action-btn.test{border-color:#ff9800!important;color:#ff9800!important}.action-btn.test:hover{background:#ff98001a!important;box-shadow:0 0 15px #ff98004d!important;transform:translateY(-2px)!important}.action-btn.clear{border-color:#f44336!important;color:#f44336!important}.action-btn.clear:hover{background:#f443361a!important;box-shadow:0 0 15px #f443364d!important;transform:translateY(-2px)!important}.action-btn.debug{border-color:#2196f3!important;color:#2196f3!important}.action-btn.debug:hover{background:#2196f31a!important;box-shadow:0 0 15px #2196f34d!important;transform:translateY(-2px)!important}.action-btn.refresh{border-color:#4caf50!important;color:#4caf50!important}.action-btn.refresh:hover{background:#4caf501a!important;box-shadow:0 0 15px #4caf504d!important;transform:translateY(-2px)!important}.nav-item{position:relative;transition:all .3s ease}.nav-item:before{background:#61dafb;background:var(--accent-color,#61dafb);opacity:.3}.nav-item.active{border-left-color:#61dafb;border-left-color:var(--accent-color,#61dafb)}.nav-item.active,.nav-item.active .nav-icon{color:#61dafb;color:var(--accent-color,#61dafb)}.nav-item.active .nav-icon{text-shadow:0 0 8px #61dafb;text-shadow:0 0 8px var(--accent-color,#61dafb)}.nav-item:hover{background:linear-gradient(135deg,#61dafb1a,#61dafb0d);background:linear-gradient(135deg,rgba(var(--accent-color-rgb,97,218,251),.1) 0,rgba(var(--accent-color-rgb,97,218,251),.05) 100%)}.nav-item.accent-gamemode{--accent-color:#2196f3;--accent-color-rgb:33,150,243}.nav-item.accent-ai{--accent-color:#9c27b0;--accent-color-rgb:156,39,176}.nav-item.accent-performance{--accent-color:#4caf50;--accent-color-rgb:76,175,80}.nav-item.accent-analytics{--accent-color:#ff9800;--accent-color-rgb:255,152,0}.nav-item.accent-system{--accent-color:#f44336;--accent-color-rgb:244,67,54}.nav-item.accent-documentation{--accent-color:#607d8b;--accent-color-rgb:96,125,139}@media (max-width:768px){.action-btn.clear,.action-btn.debug,.action-btn.enhanced-feature,.action-btn.refresh,.action-btn.test{font-size:12px;padding:8px 12px}.nav-item{padding:10px 15px}}@media (max-width:480px){.action-btn.clear,.action-btn.debug,.action-btn.enhanced-feature,.action-btn.refresh,.action-btn.test{font-size:11px;padding:6px 10px}}
/*# sourceMappingURL=game-logic.389e896b.css.map*/