@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes title-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}.fight-page-wrapper{padding:2rem;background-image:url(/assets/website-bg.png);background-size:cover;background-position:50%;background-attachment:fixed;min-height:100vh;color:var(--text-primary);font-family:var(--font-secondary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.pixel-image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.character-select-view{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:4rem}.character-select-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:3px;color:var(--primary-accent);text-shadow:0 0 15px var(--primary-accent);text-transform:uppercase;margin-top:1rem}.fight-setup-container{display:grid;grid-template-columns:minmax(300px,1.5fr) auto minmax(300px,1.5fr);align-items:stretch;gap:2rem;width:100%;max-width:1400px}.fighter-selection-panel{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;flex-direction:column;max-height:70vh;min-height:500px}.panel-title{font-family:var(--font-primary);font-size:1.3rem;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.your-fighters-panel .panel-title{color:var(--secondary-accent)}.opponents-panel .panel-title{color:var(--primary-accent)}.simulation-view{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1152px;gap:1rem;padding:0 1rem;margin-top:4rem}.simulation-title{color:var(--primary-accent);font-family:var(--font-primary);font-size:1.8rem;text-transform:uppercase;text-shadow:0 0 10px var(--primary-accent);min-height:3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.simulation-title.loading .matchup-title{font-size:1.2em;animation:title-pulse 2.5s ease-in-out infinite}.matchup-title{display:flex;align-items:center;gap:1rem}.matchup-vs-icon{font-size:1.5em;animation:spin 5s linear infinite}.announcer-loading-text{font-family:var(--font-primary);color:var(--text-primary);font-size:1.75rem;font-style:italic;text-align:center;text-shadow:0 0 4px rgba(var(--primary-accent-rgb),.5);line-height:1.4;margin-bottom:1rem;padding:1rem 1.5rem;background:rgba(var(--tertiary-bg-rgb),.5);border:1px solid var(--border-color);border-radius:var(--border-radius-md);max-width:80%}.phaser-container{width:100%;aspect-ratio:16/9;background-color:#000;border-radius:var(--border-radius-lg);position:relative;border:1px solid var(--border-color);box-shadow:0 0 20px rgba(0,0,0,.5)}.phaser-container canvas{width:100%!important;height:100%!important}.back-to-selection-button{margin-top:1rem;padding:.8rem 1.8rem;background:linear-gradient(135deg,var(--secondary-accent),#0398dc);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-primary);font-weight:600;font-size:1rem;text-transform:uppercase;transition:all .2s ease-out;box-shadow:0 2px 6px rgba(0,0,0,.2)}.back-to-selection-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.selectable-fighters-list{overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem;flex-grow:1}.selectable-fighters-list::-webkit-scrollbar{width:8px}.selectable-fighters-list::-webkit-scrollbar-track{background:var(--primary-bg)}.selectable-fighters-list::-webkit-scrollbar-thumb{background-color:var(--tertiary-bg)}.selectable-fighter-card{display:flex;align-items:center;gap:.75rem;background-color:var(--tertiary-bg);border:2px solid transparent;padding:.75rem;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease-out;text-align:left;width:100%;color:var(--text-primary)}.selectable-fighter-card:hover:not(:disabled){border-color:var(--text-disabled);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.selectable-fighter-card.selected{background-color:#31313a}.owned-card-style.selected{border-color:var(--secondary-accent);box-shadow:0 0 15px rgba(var(--secondary-accent-rgb),.5)}.opponent-card-style.selected{border-color:var(--primary-accent);box-shadow:0 0 15px rgba(var(--primary-accent-rgb),.5)}.selectable-sprite{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;border-radius:var(--border-radius-sm);background-color:var(--primary-bg);border:1px solid var(--border-color);flex-shrink:0}.selectable-info{display:flex;flex-direction:column;gap:.1rem;flex-grow:1}.selectable-name{font-weight:700;font-size:1rem}.selectable-stat{font-size:.75rem;color:var(--text-secondary)}.versus-display-area{gap:1.5rem}.versus-display-area,.vs-fighter-slot{display:flex;flex-direction:column;align-items:center;justify-content:center}.vs-fighter-slot{width:280px;min-height:400px;border-radius:var(--border-radius-lg);padding:1rem;transition:all .3s ease;transform:skew(-5deg);position:relative;overflow:hidden}.vs-fighter-slot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;z-index:1}.vs-fighter-slot.player-slot.filled:before{background:radial-gradient(circle at 50% 100%,rgba(var(--secondary-accent-rgb),.3),transparent 70%);opacity:1}.vs-fighter-slot.opponent-slot.filled:before{background:radial-gradient(circle at 50% 100%,rgba(var(--primary-accent-rgb),.3),transparent 70%);opacity:1}.vs-fighter-card-content{transform:skew(5deg);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.vs-fighter-slot.placeholder{background-color:transparent;border:3px dashed var(--border-color)}.vs-fighter-slot.player-slot.placeholder{border-color:rgba(var(--secondary-accent-rgb),.5)}.vs-fighter-slot.opponent-slot.placeholder{border-color:rgba(var(--primary-accent-rgb),.5)}.vs-fighter-slot.filled{background-color:var(--secondary-bg);border:3px solid var(--tertiary-bg);box-shadow:0 10px 25px rgba(0,0,0,.4)}.vs-fighter-slot.player-slot.filled{border-color:var(--secondary-accent);box-shadow:0 0 25px rgba(var(--secondary-accent-rgb),.5)}.vs-fighter-slot.opponent-slot.filled{border-color:var(--primary-accent);box-shadow:0 0 25px rgba(var(--primary-accent-rgb),.5)}.placeholder-content{text-align:center;color:var(--text-disabled)}.placeholder-icon{margin-bottom:1rem;opacity:.6}.vs-sprite{width:180px;height:180px;-o-object-fit:contain;object-fit:contain;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.vs-fighter-details{background:rgba(0,0,0,.3);padding:1rem;border-radius:var(--border-radius-md);text-align:center;width:90%}.vs-fighter-name{font-family:var(--font-primary);font-size:1.5rem;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:1px}.vs-fighter-stats{display:flex;justify-content:center;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.vs-fighter-stats span{display:flex;align-items:center;gap:.3rem}.vs-icon-container{padding:.5rem 0}.vs-icon{color:var(--text-primary);filter:drop-shadow(0 0 8px var(--primary-accent))}.fight-action-section{width:100%;display:flex;justify-content:center;margin-top:auto;padding-top:1.5rem}.initiate-fight-button{background:linear-gradient(145deg,var(--primary-accent),#c7304a);color:#fff;border:none;padding:1rem 2.5rem;font-family:var(--font-primary);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .25s ease-out;box-shadow:0 4px 15px rgba(var(--primary-accent-rgb),.3);min-width:300px}.initiate-fight-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(var(--primary-accent-rgb),.4)}.initiate-fight-button:disabled{background:var(--tertiary-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6;box-shadow:none}.button-loader-icon{animation:spin 1s linear infinite;margin-right:.5rem}.panel-loading-empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;color:var(--text-disabled);min-height:200px}.panel-loader{font-size:2.5rem;color:var(--primary-accent);animation:spin 1s linear infinite}.no-fighters-message{font-style:italic;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.fight-log-modal{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;width:100%;max-width:800px;box-shadow:0 5px 25px rgba(0,0,0,.5);position:relative}.modal-close-button{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text-disabled);font-size:1.5rem;cursor:pointer;line-height:1;padding:.5rem;transition:color .2s ease}.modal-close-button:hover{color:var(--text-primary)}.log-title{font-family:var(--font-primary);font-size:1.2rem;color:var(--primary-accent);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.log-content{background-color:var(--primary-bg);padding:1rem;border-radius:var(--border-radius-md);color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;max-height:60vh;overflow-y:auto;border:1px solid var(--tertiary-bg)}.log-content::-webkit-scrollbar{width:8px}.log-content::-webkit-scrollbar-track{background:var(--secondary-bg)}.log-content::-webkit-scrollbar-thumb{background-color:var(--tertiary-bg)}@media (max-width:1200px){.fight-setup-container{grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr)}}@media (max-width:1024px){.fight-setup-container{grid-template-columns:1fr;max-width:600px}.your-fighters-panel{order:2}.versus-display-area{order:1}.opponents-panel{order:3}.versus-display-area{flex-direction:row;align-items:center;gap:1rem;width:100%}.vs-fighter-slot{width:100%;min-height:320px}.vs-fighter-card-content,.vs-fighter-slot{transform:skew(0)}.vs-icon-container{order:2;flex-shrink:0}.player-slot{order:1}.opponent-slot{order:3}.fight-action-section{display:none}.character-select-view{padding-bottom:6rem;position:relative}.character-select-view:after{content:"";position:fixed;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--primary-bg),transparent);pointer-events:none;z-index:5}.character-select-view .fight-action-section{display:flex;position:fixed;bottom:0;left:0;right:0;padding:1rem;background:var(--primary-bg);z-index:10;border-top:1px solid var(--border-color);margin-top:0}.initiate-fight-button{width:100%}}@media (max-width:767px){.fight-page-wrapper{padding:1rem}.versus-display-area{flex-direction:column}.vs-fighter-slot{min-height:auto;padding:1rem}.vs-sprite{width:120px;height:120px;margin-bottom:1rem}.vs-fighter-name{font-size:1.2rem}.fighter-selection-panel{min-height:auto;max-height:50vh}}