:root{--dark-bg: #0f1118;--darker-bg: #0a0c12;--accent-green: #00ff66;--accent-blue: #3498db;--card-bg: #1a1e2a;--text-light: #ffffff;--text-muted: #8a8d95}body{background-color:var(--dark-bg);color:var(--text-light);font-family:Inter,sans-serif}.battle-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.battle-logo{width:40px;height:40px;margin-right:1rem}.battle-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-light)}.battle-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.battle-status-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:1rem}.status-card{background-color:var(--card-bg);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.status-indicator{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.status-indicator-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(0,255,102,.3)}.status-indicator-progress{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--accent-green);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-45deg)}.status-number{font-size:2.5rem;font-weight:700;color:var(--accent-green)}.status-label{margin-top:.5rem;text-transform:uppercase;font-weight:600;color:var(--accent-green);font-size:.875rem}.rounds-card{background-color:var(--card-bg);border-radius:.5rem;padding:1rem}.rounds-title{color:var(--accent-blue);font-size:.875rem;text-transform:uppercase;margin-bottom:.5rem}.rounds-counter{display:flex;align-items:center;gap:.5rem}.rounds-icon{width:24px;height:24px;color:var(--accent-blue)}.rounds-text{font-size:1.25rem;font-weight:600}.value-card{background-color:var(--card-bg);border-radius:.5rem;padding:1rem}.value-title{color:var(--accent-green);font-size:.875rem;text-transform:uppercase;margin-bottom:.5rem}.value-amount{display:flex;align-items:center;gap:.5rem}.value-icon{width:24px;height:24px;color:var(--accent-green)}.value-text{font-size:1.25rem;font-weight:600}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:1rem}.case-card{background-color:var(--card-bg);border-radius:.5rem;overflow:hidden;position:relative}.case-image{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.case-price{position:absolute;top:.5rem;left:.5rem;background-color:#000000b3;color:var(--accent-green);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.case-name{padding:.5rem;text-align:center;font-weight:600;font-size:.875rem;background-color:#00000080}.case-percentage{background-color:#000000b3;color:var(--text-muted);padding:.25rem;text-align:center;font-size:.75rem;border-top:1px solid rgba(255,255,255,.1)}.battle-arena{border-radius:.5rem;overflow:hidden;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}.battle-player.current-leader{position:relative;box-shadow:0 0 15px var(--accent-green);border:2px solid var(--accent-green);animation:pulse-leader 2s infinite;z-index:10}.battle-player.current-leader:after{content:"LEADING";position:absolute;top:-10px;right:-10px;background-color:var(--accent-green);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;z-index:11}@keyframes pulse-leader{0%{box-shadow:0 0 5px var(--accent-green)}50%{box-shadow:0 0 20px var(--accent-green)}to{box-shadow:0 0 5px var(--accent-green)}}.battle-ready-icon{width:80px;height:80px;margin-bottom:1rem;color:var(--accent-green);border:3px solid var(--accent-green);border-radius:50%;padding:1rem}.battle-ready-text{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:2rem}.user-profile{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#0000004d;border-radius:0 0 .5rem .5rem}.user-avatar{width:40px;height:40px;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600}.user-steam{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.battle-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.5rem 1rem}.back-button{display:flex;align-items:center;gap:.5rem;background-color:var(--card-bg);border:none;color:var(--text-light);padding:.5rem 1rem;border-radius:.25rem;font-weight:600;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#ffffff1a}.battle-url{background-color:var(--card-bg);border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.action-buttons{display:flex;gap:1rem;align-items:center;justify-content:center}.action-button{background-color:var(--card-bg);border:2px solid var(--accent-blue);color:var(--text-light);min-width:120px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;padding:.5rem 1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.action-button:hover{background-color:#ffffff1a;box-shadow:0 0 15px #3b82f680}.action-button.join{border-color:var(--accent-green)}.action-button.join:hover{border-color:#0ea271;box-shadow:0 0 15px #10b98180}.action-button.spectate:hover{border-color:#2563eb;box-shadow:0 0 15px #3b82f680}.action-button.icon-only{background-color:var(--card-bg);border:none;color:var(--text-light);width:40px;height:40px;min-width:unset;border-radius:.25rem;padding:0}.action-button.icon-only:hover{background-color:#ffffff1a;box-shadow:none}.case-spinner{position:relative;width:200px;height:200px;margin:0 auto;perspective:1000px}.case-spinner .spinner-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.case-spinner.spinning .spinner-inner{animation:spin 4s cubic-bezier(.3,.1,.3,1)}@keyframes spin{0%{transform:rotateY(0) scale(1)}10%{transform:rotateY(180deg) scale(1.1)}20%{transform:rotateY(360deg) scale(1)}30%{transform:rotateY(540deg) scale(1.1)}40%{transform:rotateY(720deg) scale(1)}50%{transform:rotateY(900deg) scale(1.1)}60%{transform:rotateY(1080deg) scale(1)}70%{transform:rotateY(1260deg) scale(1.1)}80%{transform:rotateY(1440deg) scale(1)}90%{transform:rotateY(1620deg) scale(1.1)}to{transform:rotateY(1800deg) scale(1)}}.item-reveal{opacity:0;transform:scale(.5);transition:all .5s ease-out}.item-reveal.revealed{opacity:1;transform:scale(1)}.winner-display{position:relative}.winner-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.confetti{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.confetti-piece{position:absolute;width:10px;height:10px;background-color:gold;top:-20px;opacity:0}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}@media (max-width: 768px){.battle-status-container{grid-template-columns:1fr}.status-indicator{width:80px;height:80px}.status-number{font-size:2rem}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.battle-url{display:none}}