@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";body{margin:0;padding:0;box-sizing:border-box;min-height:100vh;position:relative}.header{background:#f3e9dcb3;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #140a0733;width:100%}.header .logo{display:flex;align-items:center;gap:10px}.header .logo .logoImg{width:60px;height:60px;object-fit:contain}.header .logo .logoText{font-family:Roboto,sans-serif;font-weight:700;font-size:48px;color:#140a07}.header .navButtons{display:flex;gap:20px;align-items:center}.header .navBtn{background:transparent;border:none;color:#140a07;font-family:Roboto,sans-serif;font-weight:500;font-size:18px;cursor:pointer;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all .3s ease}.header .navBtn:hover{color:#862121;background:#8621211a}.header .navBtn.active{color:#862121;border-bottom:2px solid #862121;font-weight:600}.header .navBtn.logoutBtn{background:transparent;color:#140a07}.header .navBtn.logoutBtn:hover{background:#8621211a;color:#862121}.header .navBtn.loginBtn{background:transparent;color:#140a07}.header .navBtn.loginBtn:hover{background:#8621211a;color:#862121}.header .navBtn.disabled{background:#ccc!important;color:#888!important;cursor:not-allowed!important;opacity:.6;pointer-events:none}.header .navBtn.disabled:hover{background:#ccc!important;color:#888!important}.header .returnBtn{background:transparent;border:none;color:#140a07;font-family:Roboto,sans-serif;font-weight:500;font-size:32px;cursor:pointer;text-decoration:none}.header .returnBtn:hover{color:#862121}@media (max-width: 768px){.header{padding:10px 20px;flex-direction:column;gap:10px}.header .logo .logoText{font-size:36px}.header .logo .logoImg{width:45px;height:45px}.header .returnBtn{font-size:24px}}@media (max-width: 480px){.header{padding:8px 15px}.header .logo .logoText{font-size:28px}.header .logo .logoImg{width:35px;height:35px}.header .returnBtn{font-size:18px}}@media (max-width: 320px){.header .logo .logoText{font-size:24px}.header .logo .logoImg{width:30px;height:30px}.header .returnBtn{font-size:16px}}.footer{margin-bottom:0;background:#f3e9dcb3;padding:15px;text-align:center;color:#140a07;font-family:Roboto,sans-serif;font-weight:500;font-size:32px;border-top:1px solid #e0d6c7;width:100%}.footer p{margin:0}@media (max-width: 768px){.footer{font-size:24px;padding:12px}}@media (max-width: 480px){.footer{font-size:18px;padding:10px}}@media (max-width: 320px){.footer{font-size:16px;padding:8px}}.pageContainer{min-height:100vh;width:100%;display:flex;flex-direction:column}.pageContainer .mainContent{height:100%;flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(#72553dd9,#72553dd9),url(/assets/backgroundWall-CMJaMHkX.png) center/cover no-repeat;background-attachment:fixed}.passwordStrength{margin-top:8px}.strengthBar{width:85%;height:6px;background-color:var(--color-background-alt);border-radius:3px;overflow:hidden;margin:0 auto 5px}.strengthFill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.strengthText{font-family:var(--font-family);font-weight:600;font-size:14px;text-align:center;margin-bottom:3px}.strengthFeedback{font-family:var(--font-family);font-weight:400;font-size:12px;color:var(--color-accent-red);text-align:center;line-height:1.3}@media (max-width: 768px){.formGroup label{font-size:28px}.inputField{padding:12px 15px;font-size:16px}.submitBtn{font-size:28px;padding:12px 0}.errorMessage,.successMessage{font-size:24px}}@media (max-width: 480px){.formGroup{margin-bottom:20px}.formGroup label{font-size:20px;margin-bottom:8px}.inputField{padding:10px 12px;font-size:16px}.submitBtn{font-size:20px;padding:10px 0}.errorMessage,.successMessage{font-size:16px;padding:6px 10px}}@media (max-width: 320px){.formGroup label,.submitBtn{font-size:18px}.errorMessage,.successMessage{font-size:14px}}:root{--color-primary-dark: #140A07;--color-primary-red: #290102;--color-accent-red: #862121;--color-background: #F3E9DC;--color-brown: #72553D;--color-background-alt: #e0d6c7;--color-background-darker: #d4c4b0;--font-family: "Roboto", sans-serif;--border-radius-small: 6px;--border-radius-medium: 10px;--border-radius-large: 20px;--shadow-small: 0 4px 12px rgba(41, 1, 2, .3);--shadow-medium: 0 8px 32px rgba(20, 10, 7, .3);--shadow-inset: inset 2px 2px 4px rgba(114, 85, 61, .2)}.formGroup{margin-bottom:20px}.formGroup label{display:block;margin-bottom:8px;color:#140a0799;font-family:var(--font-family);font-weight:600;font-size:24px;font-style:normal;text-align:center}.inputField{width:85%;height:40px;padding:0 15px;border:none;border-radius:var(--border-radius-medium);background:#29010230;font-size:16px;color:var(--color-primary-red);box-shadow:var(--shadow-inset);outline:none;transition:box-shadow .2s;box-sizing:border-box;margin:0 auto;display:block}.inputField:focus{box-shadow:0 0 0 2px var(--color-accent-red),var(--shadow-inset)}.submitBtn{width:85%;padding:5px 0;background:var(--color-primary-red);color:var(--color-background);font-family:var(--font-family);font-weight:600;font-size:20px;border:none;border-radius:var(--border-radius-large);cursor:pointer;margin:45px auto 0;box-shadow:var(--shadow-small);transition:background .3s ease;display:block}.submitBtn:hover{background:var(--color-accent-red)}.errorMessage,.successMessage{border-radius:var(--border-radius-small);padding:8px 12px;margin:0 auto 15px;text-align:center;font-family:var(--font-family);font-weight:600;font-size:16px;width:85%;display:block;box-sizing:border-box}.errorMessage{color:var(--color-accent-red);background:var(--color-background);border:1px solid var(--color-accent-red)}.successMessage{color:var(--color-primary-dark);background:var(--color-background-alt);border:1px solid var(--color-primary-dark)}.authContainer{background:var(--color-background);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);overflow:hidden;width:100%;max-width:380px;min-width:280px}.tabs{display:flex;background:var(--color-background-alt)}.tab{flex:1;padding:12px 20px;border:none;background:var(--color-background-alt);color:var(--color-brown);font-family:var(--font-family);font-weight:600;font-size:25px;cursor:pointer;transition:all .3s ease}.tab.active{background:var(--color-background);color:var(--color-primary-dark);border-bottom:3px solid var(--color-accent-red)}.tab:hover:not(.active){background:var(--color-background-darker)}.formContainer{padding:25px 30px}@media (max-width: 768px){.authContainer{min-width:90%;max-width:90%;margin:0 auto}.formContainer{padding:25px 30px}.tab{font-size:28px;padding:10px 15px}}@media (max-width: 480px){.authContainer{min-width:95%;max-width:95%;border-radius:15px}.formContainer{padding:20px}.tab{font-size:20px;padding:8px 12px}}@media (max-width: 320px){.tab{font-size:18px}}:root{--home-color-primary-dark: #140A07;--home-color-secondary-dark: #290102;--home-color-accent: #862121;--home-color-background-light: rgba(243, 233, 220, .75);--home-color-text-light: #F3E9DC;--home-color-neutral: #72553D;--home-color-xp: #DA912B;--home-color-energy: #85E2D2;--home-color-health: #4FC72B;--home-border-radius-sm: 5px;--home-border-radius-md: 10px;--home-border-radius-lg: 15px;--home-border-radius-xl: 20px;--home-border-radius-xxl: 30px;--home-shadow-light: 0 4px 8px rgba(20, 10, 7, .2);--home-shadow-medium: 0 8px 25px rgba(20, 10, 7, .3);--home-shadow-strong: 0 6px 12px rgba(20, 10, 7, .4);--home-font-family: "Roboto", sans-serif;--home-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--home-spacing-xs: 2%;--home-spacing-sm: 3%;--home-spacing-md: 4%;--home-spacing-lg: 5%;--home-transition-standard: all .3s ease}.bruteCard{background:var(--home-color-background-light);border-radius:var(--home-border-radius-lg);padding:var(--home-spacing-lg);width:350px;height:100%;box-shadow:var(--home-shadow-medium);display:flex;flex-direction:column;font-family:var(--home-font-family)}.bruteCard .bruteHeader{margin-bottom:var(--home-spacing-lg)}.bruteCard .bruteHeader .xpBarBackground{width:100%;height:50px;background:#29010230;border-radius:var(--home-border-radius-md);overflow:hidden;position:relative}.bruteCard .bruteHeader .xpBarBackground .xpFillBar{height:100%;background:#da912be6;border-radius:var(--home-border-radius-md);transition:width .3s ease;position:absolute;top:0;left:0}.bruteCard .bruteHeader .xpBarBackground .bruteLevelContent{position:absolute;top:0;left:0;width:100%;height:100%;background:#29010230;color:var(--home-color-text-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:var(--home-shadow-light);border-radius:var(--home-border-radius-md);z-index:2}.bruteCard .bruteHeader .xpBarBackground .bruteLevelContent .bruteLevelText{font-family:var(--home-font-family);font-weight:500;color:var(--home-color-primary-dark);font-size:16px}.bruteCard .bruteHeader .xpBarBackground .bruteLevelContent .bruteLevelNumber{font-weight:500;color:var(--home-color-primary-dark)}.bruteCard .bruteMainContent{display:flex;flex-direction:row;gap:var(--home-spacing-lg);flex:1;margin-bottom:var(--home-spacing-lg)}.bruteCard .bruteMainContent .bruteAvatarContainer{background:#29010230;border-radius:var(--home-border-radius-md);padding:8%;flex:1}.bruteCard .bruteMainContent .bruteAvatarContainer .bruteAvatar{width:100%;height:100%;object-fit:cover;border-radius:var(--home-border-radius-md)}.bruteCard .bruteMainContent .bruteAvatarContainer .avatarPlaceholder{font-size:80px;opacity:.8}.bruteCard .bruteMainContent .statusBarsContainer{display:flex;flex-direction:column;justify-content:flex-start;flex:.6;gap:8px}.bruteCard .manageBruteBtn{width:100%;padding:5px 0;background:var(--home-color-secondary-dark);color:var(--home-color-text-light);font-family:var(--home-font-family);font-weight:600;font-size:20px;border:none;border-radius:var(--home-border-radius-xl);cursor:pointer;margin:0 auto;box-shadow:0 4px 12px #2901024d;transition:var(--home-transition-standard);display:block}.bruteCard .manageBruteBtn:hover{background:var(--home-color-accent);box-shadow:var(--home-shadow-strong)}.strengthBarContainer,.energyBarContainer,.healthBarContainer{display:flex;flex-direction:column;margin-bottom:8px;width:100%;gap:3px}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statusBar{height:20px;background:#29010230;border-radius:var(--home-border-radius-sm);overflow:hidden;width:100%}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statusBar .barFill{height:100%;transition:width .3s ease;border-radius:var(--home-border-radius-sm)}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statusBar .barFill.strengthFill{background:var(--home-color-accent)}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statusBar .barFill.energyFill{background:var(--home-color-energy)}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statusBar .barFill.healthFill{background:var(--home-color-health)}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statValues{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--home-color-text-dark);font-weight:500}:is(.strengthBarContainer,.energyBarContainer,.healthBarContainer) .statValues span{line-height:1.2}.statsPanel{background:var(--home-color-background-light);border-radius:var(--home-border-radius-xl);padding:var(--home-spacing-sm);box-shadow:var(--home-shadow-medium);margin-bottom:var(--home-spacing-sm);font-family:var(--home-font-family);width:100%}.statsPanel .statsTitle{color:var(--home-color-primary-dark);font-size:25px;font-weight:700;margin-bottom:var(--home-spacing-md);text-align:center;text-shadow:var(--home-text-shadow)}.statsPanel .statsGrid{display:flex;align-items:center;justify-content:space-around;margin-bottom:var(--home-spacing-md)}.statsPanel .statsGrid .statItem{text-align:center}.statsPanel .statsGrid .statItem .statsLabel{font-size:20px;color:#140a07cc;font-weight:600;margin-bottom:5px}.statsPanel .statsGrid .statItem .statsValue{font-size:28px;font-weight:700;color:var(--home-color-primary-dark);text-shadow:var(--home-text-shadow)}.statsPanel .statsGrid .statSeparator{width:2px;height:40px;background:#140a0733;margin:0 10px}.statsPanel .winRatio{background:#72553d1a;border-radius:var(--home-border-radius-md);padding:12px;text-align:center}.statsPanel .winRatio .ratioLabel{font-size:12px;color:var(--home-color-neutral);margin-bottom:5px;font-weight:600}.statsPanel .winRatio .ratioValue{font-size:20px;font-weight:700;color:var(--home-color-xp);text-shadow:var(--home-text-shadow)}.weaponStats{background:var(--home-color-background-light);border-radius:var(--home-border-radius-xl);padding:var(--home-spacing-sm);box-shadow:var(--home-shadow-medium);margin-bottom:var(--home-spacing-sm);font-family:var(--home-font-family);width:100%}.weaponStats .weaponTitle{color:var(--home-color-primary-dark);font-size:25px;font-weight:700;margin-bottom:var(--home-spacing-md);text-align:center;text-shadow:var(--home-text-shadow)}.weaponStats .weaponContainer{display:flex;align-items:center;gap:var(--home-spacing-sm);margin-bottom:var(--home-spacing-md)}.weaponStats .weaponContainer .weaponInfo{flex:1}.weaponStats .weaponContainer .weaponInfo .weaponStatsGrid{width:100%}.weaponStats .weaponContainer .weaponInfo .weaponStatsGrid .statRow{display:flex;justify-content:space-between;margin-bottom:var(--home-spacing-xs)}.weaponStats .weaponContainer .weaponInfo .weaponStatsGrid .statRow.values{margin-bottom:0}.weaponStats .weaponContainer .weaponInfo .weaponStatsGrid .statRow .statLabel{font-size:20px;color:#140a07cc;font-weight:600;flex:1;text-align:center}.weaponStats .weaponContainer .weaponInfo .weaponStatsGrid .statRow .statValue{font-size:28px;font-weight:700;color:var(--home-color-primary-dark);text-shadow:var(--home-text-shadow);flex:1;text-align:center}.playButtonContainer{display:flex;justify-content:center;width:100%;text-align:center;font-family:var(--home-font-family)}.playButtonContainer .playButton{width:100%;background:var(--home-color-secondary-dark);color:var(--home-color-text-light);border:none;padding:var(--home-spacing-sm) var(--home-spacing-lg);border-radius:var(--home-border-radius-xxl);font-weight:700;font-size:32px;cursor:pointer;transition:var(--home-transition-standard);box-shadow:var(--home-shadow-light);display:block}.playButtonContainer .playButton:hover:not(.disabled){background:var(--home-color-accent);box-shadow:var(--home-shadow-strong)}.playButtonContainer .playButton:active:not(.disabled){box-shadow:var(--home-shadow-light)}.playButtonContainer .playButton.disabled{background:var(--home-color-neutral);cursor:not-allowed;opacity:.6}.playButtonContainer .playButton .playText{letter-spacing:1px}.playButtonContainer .cooldownMessage{margin-top:var(--home-spacing-xs);font-size:14px;color:var(--home-color-primary-dark);font-style:italic}.homeLoggedInContainer{width:100%;max-width:1400px;padding:var(--home-spacing-xs);font-family:var(--home-font-family);box-sizing:border-box}.homeLoggedInContainer .homeLoggedInContent{display:flex;flex-direction:row;gap:15%;width:100%;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap}.homeLoggedInContainer .homeLoggedInContent .characterSection{flex:0 0 auto}.homeLoggedInContainer .homeLoggedInContent .characterSection .bruteCard{background:var(--home-color-background-light);border-radius:var(--home-border-radius-lg);padding:var(--home-spacing-sm);box-shadow:var(--home-shadow-medium);font-family:var(--home-font-family);width:350px;height:541.95px;display:flex;flex-direction:column}.homeLoggedInContainer .homeLoggedInContent .statsSection{display:flex;flex-direction:column;justify-content:space-between;height:541.95px;flex:1 1 auto;max-width:60%}.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent{display:flex;flex-direction:column;gap:var(--home-spacing-md)}.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent .statsPanel,.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent .weaponStats{background:var(--home-color-background-light);border-radius:var(--home-border-radius-lg);padding:var(--home-spacing-sm);box-shadow:var(--home-shadow-medium);font-family:var(--home-font-family);display:flex;flex-direction:column}.homeLoggedInContainer .homeLoggedInContent .statsSection .playButtonContainer{text-align:center;font-family:var(--home-font-family);width:100%}@media (max-width: 1024px){.homeLoggedInContainer .homeLoggedInContent{flex-direction:column;align-items:center;gap:20px}.homeLoggedInContainer .homeLoggedInContent .characterSection .bruteCard{max-width:100%;width:100%;max-width:500px}.homeLoggedInContainer .homeLoggedInContent .statsSection{max-width:100%;width:100%;max-width:600px}}@media (max-width: 768px){.homeLoggedInContainer{padding:15px}.homeLoggedInContainer .homeLoggedInContent{gap:15px}.homeLoggedInContainer .homeLoggedInContent .statsSection{height:auto}.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent{gap:15px}.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent .statsPanel,.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent .weaponStats{height:auto;min-height:180px}}@media (max-width: 480px){.homeLoggedInContainer{padding:10px}.homeLoggedInContainer .homeLoggedInContent{gap:10px}.homeLoggedInContainer .homeLoggedInContent .characterSection .bruteCard{height:auto;min-height:400px}.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent{gap:10px}.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent .statsPanel,.homeLoggedInContainer .homeLoggedInContent .statsSection .statsContent .weaponStats{min-height:150px;padding:var(--home-spacing-md)}}.arenaPage{width:100%;flex:1;display:flex;flex-direction:column;padding:0;margin:0;position:relative;font-family:var(--arena-font-family);overflow:hidden}.phaser-arena-container{width:100%;height:100%;min-height:800px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}#phaser-arena-container{width:100%!important;height:100%!important;position:absolute;top:0;left:0;background:transparent!important}#phaser-arena-container canvas{background:transparent!important}.arena-status-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f3e9dc;font-size:32px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.arena-status-message.waiting{font-size:32px}.arena-status-message.combat{color:#ff6b6b;font-size:28px;animation:pulse 2s infinite}.arena-status-subtitle{font-size:18px;margin-top:20px;opacity:.7}.arena-status-subtitle.combat{font-size:16px;margin-top:15px;color:#f3e9dc}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.arenaFighters{display:flex;align-items:flex-end;justify-content:space-between;width:95%;max-width:1400px;gap:500px;margin-top:150px}.arenaFighters .fighter{display:flex;flex-direction:column;align-items:center;position:relative}.arenaFighters .fighter .bruteImage{width:400px;height:400px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.arenaFighters .fighter .bruteImage.flipped{transform:scaleX(-1)}.healthBars{display:flex;flex-direction:column;gap:var(--arena-spacing-bar-gap);width:var(--arena-width-health-bar)}.healthBars .healthBar{background-color:var(--arena-color-health-bg);height:var(--arena-height-health-bar);border-radius:var(--arena-border-radius-md);overflow:hidden;position:relative;box-shadow:var(--arena-shadow-inset)}.healthBars .healthBar .healthFill{background-color:var(--arena-color-health-fill);height:100%;width:85%;border-radius:var(--arena-border-radius-sm);transition:var(--arena-transition-bar);box-shadow:var(--arena-shadow-light)}.healthBars .actionBar{background-color:var(--arena-color-action-bg);height:var(--arena-height-action-bar);border-radius:var(--arena-border-radius-round);overflow:hidden;position:relative;box-shadow:var(--arena-shadow-inset);width:var(--arena-width-action-bar)}.healthBars .actionBar .actionFill{background-color:var(--arena-color-action-fill);height:100%;width:70%;border-radius:var(--arena-border-radius-md);transition:var(--arena-transition-bar);box-shadow:var(--arena-shadow-light)}.playerName{background-color:#f3e9dc5e;color:var(--arena-color-primary-dark);padding:.5vh 2vw;border-radius:var(--arena-border-radius-xl);font-size:var(--arena-font-size-huge);font-weight:var(--arena-font-weight-bold);margin-bottom:15px;width:20vw;text-align:center;box-shadow:var(--arena-shadow-medium)}.arenaUi{position:fixed;top:120px;left:0;right:0;display:flex;justify-content:space-between;padding:0 40px;z-index:var(--arena-z-index-ui);pointer-events:none}.arenaUi .playerUi{pointer-events:auto}.arenaUi .playerUi.playerUiLeft{align-self:flex-start}.arenaUi .playerUi.playerUiRight{align-self:flex-end}.arenaUi .playerUi.playerUiRight .healthFill,.arenaUi .playerUi.playerUiRight .actionFill,.arenaUi .playerUi.playerUiRight .actionBar{margin-left:auto}.arenaUi .playerUi.playerUiRight .playerName{margin-left:auto;text-align:center}@media (max-width: 768px){.arenaFighters{gap:180px}.arenaFighters .fighter .bruteImage{width:250px;height:250px}.arenaUi{top:100px;padding:0 15px}.playerName{font-size:var(--arena-font-size-lg);width:20vw;padding:.8vh 2.5vw}.healthBars{width:40vw}.healthBars .actionBar{width:30vw}}@media (max-width: 480px){.arenaFighters{gap:100px}.arenaFighters .fighter .bruteImage{width:180px;height:180px}.arenaUi{top:90px;padding:0 10px}.playerName{font-size:var(--arena-font-size-md);width:30vw;padding:1vh 3vw}.healthBars{width:50vw}.healthBars .actionBar{width:40vw}}.combatEndModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:var(--arena-z-index-modal);animation:fadeIn var(--arena-animation-duration-fast) ease;font-family:var(--arena-font-family)}.combatEndModalOverlay .combatEndModal{background:var(--arena-color-background-modal);border-radius:var(--arena-border-radius-xxl);padding:var(--arena-spacing-xl);max-width:900px;width:90%;max-height:90%;height:600px;overflow-y:auto;box-shadow:var(--arena-shadow-modal);animation:slideUp .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.combatEndModalOverlay .combatEndModal .modalTitle{color:var(--arena-color-text-primary);font-size:var(--arena-font-size-massive);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-bold);margin-bottom:var(--arena-spacing-lg);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.combatEndModalOverlay .combatEndModal .modalContent{display:flex;flex-direction:row;align-items:flex-start;gap:clamp(.3rem,1.5vw,.8rem);margin-bottom:var(--arena-spacing-xl);width:100%;height:60%;justify-content:center;min-height:clamp(150px,25vw,220px)}.combatEndModalOverlay .combatEndModal .modalContent .contentRow{display:flex;gap:clamp(.5rem,2vw,var(--arena-spacing-xl));align-items:flex-start;justify-content:center;width:100%;min-width:0}.combatEndModalOverlay .combatEndModal .modalContent .mainContent{display:flex;gap:clamp(.5rem,2vw,var(--arena-spacing-xl));align-items:flex-start;justify-content:center;width:100%;flex-wrap:nowrap}@media (max-width: 768px){.combatEndModalOverlay .combatEndModal{width:95%;padding:var(--arena-spacing-lg);max-height:90vh;max-width:600px}.combatEndModalOverlay .combatEndModal .modalTitle{font-size:var(--arena-font-size-xxxl);margin-bottom:var(--arena-spacing-md)}.combatEndModalOverlay .combatEndModal .experienceSection{width:90%;margin-bottom:var(--arena-spacing-lg)}.combatEndModalOverlay .combatEndModal .experienceSection .experienceLabel{font-size:.9rem}.combatEndModalOverlay .combatEndModal .experienceSection .experienceBar{height:14px}.combatEndModalOverlay .combatEndModal .modalContent{flex-direction:column;gap:clamp(var(--arena-spacing-md),3vw,var(--arena-spacing-lg));margin-bottom:var(--arena-spacing-lg);align-items:center}.combatEndModalOverlay .combatEndModal .modalContent .resultSection{width:clamp(140px,35vw,180px);align-items:center}.combatEndModalOverlay .combatEndModal .modalContent .lootSection{width:100%;max-width:clamp(350px,80vw,500px);min-width:auto}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox{height:auto;min-height:clamp(120px,20vw,160px);padding:clamp(var(--arena-spacing-md),2.5vw,1.4rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootTitle{font-size:clamp(var(--arena-spacing-md),2.8vw,1.2rem);margin-bottom:clamp(.6rem,1.5vw,.8rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems{gap:clamp(.3rem,.8vw,.4rem);min-height:clamp(70px,15vw,90px)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem{padding:clamp(var(--arena-spacing-sm),1.2vw,.6rem);border-radius:clamp(4px,1vw,6px);min-height:clamp(35px,6vw,45px)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemName{font-size:clamp(.85rem,2.2vw,.95rem);line-height:1.2}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats{gap:clamp(.3rem,.8vw,.4rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats .statAttack,.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats .statCrit{font-size:clamp(.6rem,1.3vw,.7rem);padding:clamp(.1rem,.2vw,.15rem) clamp(.2rem,.4vw,.3rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemRarity{font-size:clamp(.75rem,1.8vw,.85rem);white-space:nowrap}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .emptyLoot{padding:clamp(.6rem,1.5vw,.8rem);font-size:clamp(.8rem,2vw,.9rem)}.actionButtons{gap:clamp(var(--arena-spacing-sm),2vw,var(--arena-spacing-md))}.actionButtons .actionButton{padding:clamp(.5rem,1.5vw,.7rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.8rem,2.2vw,.95rem);min-width:clamp(90px,20vw,120px)}}@media (max-width: 480px){.combatEndModalOverlay .combatEndModal{width:98%;padding:var(--arena-spacing-md);max-height:95vh;border-radius:var(--arena-border-radius-xl)}.combatEndModalOverlay .combatEndModal .modalTitle{font-size:var(--arena-font-size-xxl);margin-bottom:var(--arena-spacing-sm)}.combatEndModalOverlay .combatEndModal .experienceSection{width:95%;margin-bottom:var(--arena-spacing-md)}.combatEndModalOverlay .combatEndModal .experienceSection .experienceLabel{font-size:.8rem}.combatEndModalOverlay .combatEndModal .experienceSection .experienceBar{height:12px}.combatEndModalOverlay .combatEndModal .modalContent{gap:var(--arena-spacing-md);margin-bottom:var(--arena-spacing-lg)}.combatEndModalOverlay .combatEndModal .modalContent .resultSection{width:clamp(120px,40vw,150px)}.combatEndModalOverlay .combatEndModal .modalContent .resultSection .resultTitle{font-size:clamp(1.1rem,4vw,1.3rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection{max-width:100%}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox{min-height:clamp(100px,25vw,140px);padding:var(--arena-spacing-md)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootTitle{font-size:clamp(.9rem,3.5vw,1.1rem);margin-bottom:var(--arena-spacing-sm)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems{gap:var(--arena-spacing-xs);min-height:clamp(60px,20vw,80px)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem{padding:var(--arena-spacing-sm);border-radius:4px;min-height:clamp(30px,8vw,40px)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemName{font-size:clamp(.75rem,3vw,.85rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats{gap:var(--arena-spacing-xs)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats .statAttack,.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats .statCrit{font-size:clamp(.55rem,2vw,.65rem);padding:.1rem .2rem}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .lootItem .itemRarity{font-size:clamp(.65rem,2.5vw,.75rem)}.combatEndModalOverlay .combatEndModal .modalContent .lootSection .lootBox .lootItems .emptyLoot{padding:var(--arena-spacing-sm);font-size:clamp(.7rem,2.8vw,.8rem)}.actionButtons{gap:var(--arena-spacing-sm)}.actionButtons .actionButton{padding:clamp(.4rem,2vw,.6rem) clamp(.8rem,4vw,1.2rem);font-size:clamp(.7rem,3vw,.85rem);min-width:clamp(80px,25vw,100px)}}.experienceSection{margin-bottom:var(--arena-spacing-md);width:80%;max-width:300px}.experienceSection .experienceLabel{color:var(--arena-color-text-primary);font-size:var(--arena-font-size-md);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-semibold);text-align:center;margin-bottom:var(--arena-spacing-sm)}.experienceSection .experienceBar{width:100%;height:16px;background:#29010233;border-radius:var(--arena-border-radius-round);overflow:hidden;position:relative;box-shadow:var(--arena-shadow-inset);border:1px solid rgba(243,233,220,.5)}.experienceSection .experienceBar .experienceFill{height:100%;background:#da912b;transition:width .8s ease;border-radius:var(--arena-border-radius-round);box-shadow:0 2px 4px #da912b4d}.experienceSection .experienceBar .experienceText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#290102;font-size:var(--arena-font-size-sm);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-bold);text-shadow:1px 1px 2px rgba(255,255,255,.8);z-index:10}.resultSection{display:flex;flex-direction:column;align-items:center;gap:clamp(2vw,4vw,3vh);flex:0 0 auto;width:min(28vw,38vh,38vw,320px);min-width:18vw;max-width:40vw;height:auto}.resultBrute{width:100%;max-width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;border-radius:clamp(2vw,4vw,24px);background:var(--arena-color-background-overlay);border:.4vw solid var(--arena-color-border-light);box-shadow:var(--arena-shadow-medium)}.resultTitle{color:var(--arena-color-text-primary);font-size:clamp(3vw,4vw,2.2rem);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-bold);text-shadow:1px 1px 2px rgba(0,0,0,.3);text-align:center}.lootSection{flex:1;min-width:clamp(200px,30vw,250px);max-width:clamp(280px,40vw,350px);width:100%;height:100%}.lootSection .lootBox{background:var(--arena-color-background-overlay);border-radius:clamp(10px,2vw,var(--arena-border-radius-xl));padding:clamp(var(--arena-spacing-md),3vw,var(--arena-spacing-lg));height:clamp(150px,25vw,200px);display:flex;flex-direction:column;overflow:hidden;height:100%}.lootSection .lootBox .lootTitle{color:var(--arena-color-text-primary);font-size:clamp(var(--arena-font-size-md),2.5vw,var(--arena-font-size-xl));font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-semibold);margin-bottom:clamp(var(--arena-spacing-sm),1.5vw,var(--arena-spacing-md));text-align:center;flex-shrink:0}.lootSection .lootBox .lootItems{display:flex;flex-direction:column;gap:clamp(.3rem,1vw,var(--arena-spacing-sm));min-height:clamp(60px,15vw,100px);justify-content:flex-start;overflow-y:auto;flex:1}.lootSection .lootBox .lootItems .lootItem{background:#f3e9dccc;border-radius:clamp(var(--arena-border-radius-sm),1vw,var(--arena-border-radius-sm));padding:clamp(var(--arena-spacing-sm),1.5vw,.75rem);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.5vw,.8rem);flex-shrink:0;min-height:clamp(50px,10vw,70px)}.lootSection .lootBox .lootItems .lootItem .weaponImageContainer{flex-shrink:0;width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);display:flex;align-items:center;justify-content:center;background:#8621211a;border-radius:clamp(6px,1vw,8px);padding:clamp(.3rem,.8vw,.5rem)}.lootSection .lootBox .lootItems .lootItem .weaponImageContainer .weaponImage{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.lootSection .lootBox .lootItems .lootItem .itemInfo{flex:1;display:flex;flex-direction:column;gap:clamp(.2rem,.5vw,.3rem)}.lootSection .lootBox .lootItems .lootItem .itemInfo .itemName{color:var(--arena-color-text-primary);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-semibold);font-size:clamp(.8rem,2vw,var(--arena-font-size-md));word-wrap:break-word;overflow-wrap:break-word;line-height:1.1;text-align:left}.lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats{display:flex;gap:clamp(.4rem,1vw,.6rem)}.lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats .statAttack,.lootSection .lootBox .lootItems .lootItem .itemInfo .itemStats .statCrit{color:var(--arena-color-primary-hover);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-medium);font-size:clamp(.65rem,1.5vw,.8rem);padding:clamp(.1rem,.3vw,.2rem) clamp(.3rem,.6vw,.4rem);border-radius:clamp(3px,.5vw,4px);white-space:nowrap}.lootSection .lootBox .lootItems .lootItem .itemRarity{color:var(--arena-color-primary-hover);font-size:clamp(.7rem,1.8vw,.9rem);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-medium);text-transform:uppercase;flex-shrink:0;white-space:nowrap;text-align:right;align-self:flex-start;margin-left:clamp(.3rem,1vw,var(--arena-spacing-sm))}.lootSection .lootBox .lootItems .emptyLoot{text-align:center;color:var(--arena-color-text-secondary);font-style:italic;font-size:clamp(.8rem,2vw,var(--arena-font-size-md));padding:clamp(var(--arena-spacing-sm),2vw,var(--arena-spacing-md));display:flex;align-items:center;justify-content:center;flex:1}:root{--arena-color-primary: #140A07;--arena-color-primary-dark: #290102;--arena-color-primary-hover: #862121;--arena-color-background-light: rgba(243, 233, 220, .75);--arena-color-background-modal: rgba(243, 233, 220, .95);--arena-color-background-dark: rgba(41, 1, 2, .78);--arena-color-background-overlay: rgba(41, 1, 2, .19);--arena-color-text-primary: #140A07;--arena-color-text-light: #F3E9DC;--arena-color-text-secondary: #72553D;--arena-color-border: rgba(20, 10, 7, .1);--arena-color-health-bg: rgba(41, 1, 2, .78);--arena-color-health-fill: rgba(134, 33, 33, .9);--arena-color-action-bg: rgba(41, 1, 2, .78);--arena-color-action-fill: rgba(237, 174, 0, .9);--arena-color-victory: #28a745;--arena-color-defeat: #dc3545;--arena-color-draw: #ffc107;--arena-color-button-primary: #290102;--arena-color-button-secondary: #72553D;--arena-color-button-disabled: rgba(114, 85, 61, .6);--arena-color-xp: #edae00;--arena-color-xp-bg: rgba(237, 174, 0, .2);--arena-spacing-xs: .25rem;--arena-spacing-sm: .5rem;--arena-spacing-md: 1rem;--arena-spacing-lg: 1.5rem;--arena-spacing-xl: 2rem;--arena-spacing-xxl: 2.5rem;--arena-spacing-bar-gap: 8px;--arena-spacing-fighter-gap: 20px;--arena-border-radius-sm: 5px;--arena-border-radius-md: 7px;--arena-border-radius-lg: 10px;--arena-border-radius-xl: 15px;--arena-border-radius-xxl: 20px;--arena-border-radius-round: 30px;--arena-shadow-light: 0 2px 4px rgba(0, 0, 0, .2);--arena-shadow-medium: 0 4px 8px rgba(20, 10, 7, .3);--arena-shadow-strong: 0 6px 12px rgba(20, 10, 7, .4);--arena-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--arena-shadow-modal: 0 10px 30px rgba(0, 0, 0, .5);--arena-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--arena-font-family: "Roboto", sans-serif;--arena-font-size-xs: 12px;--arena-font-size-sm: 14px;--arena-font-size-md: 16px;--arena-font-size-lg: 18px;--arena-font-size-xl: 20px;--arena-font-size-xxl: 24px;--arena-font-size-xxxl: 28px;--arena-font-size-huge: 32px;--arena-font-size-massive: 48px;--arena-font-weight-normal: 400;--arena-font-weight-medium: 500;--arena-font-weight-semibold: 600;--arena-font-weight-bold: 700;--arena-font-weight-black: 900;--arena-transition-fast: .2s ease-in-out;--arena-transition-standard: .3s ease-in-out;--arena-transition-slow: .5s ease-in-out;--arena-transition-bar: width .3s ease;--arena-width-health-bar: 33.33vw;--arena-width-action-bar: 25vw;--arena-height-health-bar: 4vh;--arena-height-action-bar: 1vh;--arena-width-fighter: 20vw;--arena-height-fighter: 35vh;--arena-width-modal: 600px;--arena-max-width-modal: 90vw;--arena-max-height-modal: 80vh;--arena-z-index-modal: 1000;--arena-z-index-overlay: 999;--arena-z-index-ui: 100;--arena-opacity-disabled: .6;--arena-opacity-hover: .8;--arena-opacity-backdrop: .7;--arena-animation-duration-fast: .3s;--arena-animation-duration-medium: .6s;--arena-animation-duration-slow: 1s}.modalButtons{display:flex;gap:clamp(var(--arena-spacing-sm),2vw,var(--arena-spacing-md));justify-content:center;width:100%;flex-wrap:wrap;align-items:center}.modalButtons .modalBtn{padding:clamp(.4rem,1.5vw,.6rem) clamp(var(--arena-spacing-md),4vw,2.5rem);border:none;border-radius:clamp(var(--arena-border-radius-xl),4vw,25px);font-family:var(--arena-font-family);font-weight:var(--arena-font-weight-semibold);font-size:clamp(.9rem,2.5vw,var(--arena-font-size-lg));cursor:pointer;min-width:clamp(100px,20vw,140px);max-width:clamp(200px,40vw,300px);flex:1 1 auto;white-space:nowrap;text-align:center;line-height:1.2;transition:background-color var(--arena-transition-standard)}.modalButtons .modalBtn.returnBtn{background:var(--arena-color-button-primary);color:var(--arena-color-text-light)}.modalButtons .modalBtn.returnBtn:hover{background:var(--arena-color-primary-hover)}.modalButtons .modalBtn.playAgainBtn{background:var(--arena-color-button-primary);color:var(--arena-color-text-light)}.modalButtons .modalBtn.playAgainBtn:hover{background:var(--arena-color-primary-hover)}.modalButtons .modalBtn.closeBtn{background:var(--arena-color-button-secondary);color:var(--arena-color-text-light)}.modalButtons .modalBtn.closeBtn:hover{background:var(--arena-color-primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fillAnimation{0%{width:0}to{width:var(--final-width, 50%)}}:root{--character-color-primary-dark: #140A07;--character-color-secondary-dark: #290102;--character-color-accent: #862121;--character-color-background-light: rgba(243, 233, 220, .75);--character-color-text-light: #F3E9DC;--character-color-neutral: #72553D;--character-color-xp: #DA912B;--character-color-energy: #85E2D2;--character-color-health: #4FC72B;--character-color-force: rgba(134, 33, 33, .9);--character-color-agility: rgba(133, 226, 210, .9);--character-color-speed: rgba(79, 199, 43, .9);--character-color-rarity-common: #696969;--character-color-rarity-rare: #862121;--character-color-rarity-epic: #8A2BE2;--character-color-rarity-legendary: #DAA520;--character-bg-rarity-common: rgba(128, 128, 128, .5);--character-bg-rarity-rare: rgba(139, 38, 53, .6);--character-bg-rarity-epic: rgba(138, 43, 226, .6);--character-bg-rarity-legendary: rgba(255, 215, 0, .6);--character-border-radius-xs: 3px;--character-border-radius-sm: 6px;--character-border-radius-md: 8px;--character-border-radius-lg: 10px;--character-border-radius-xl: 15px;--character-border-radius-xxl: 20px;--character-shadow-light: 0 3px 6px rgba(20, 10, 7, .2);--character-shadow-medium: 0 8px 25px rgba(20, 10, 7, .3);--character-shadow-strong: 0 6px 12px rgba(20, 10, 7, .4);--character-shadow-card: 0 4px 15px rgba(41, 1, 2, .3);--character-font-family: "Roboto", sans-serif;--character-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--character-spacing-xs: 6px;--character-spacing-sm: 8px;--character-spacing-md: 12px;--character-spacing-lg: 15px;--character-spacing-xl: 20px;--character-spacing-xxl: 25px;--character-spacing-responsive-xs: 2%;--character-spacing-responsive-sm: 3%;--character-spacing-responsive-md: 4%;--character-spacing-responsive-lg: 5%;--character-transition-standard: all .2s ease;--character-transition-fast: all .1s ease;--character-transition-smooth: all .3s ease;--character-bg-card: rgba(243, 233, 220, .75);--character-bg-input: rgba(41, 1, 2, .19);--character-bg-stat: rgba(41, 1, 2, .2);--character-bg-stat-light: rgba(41, 1, 2, .1);--character-bg-button: #290102;--character-bg-button-hover: #862121;--character-bg-equipped: rgba(218, 145, 43, .1);--character-height-bar: 25px;--character-height-level-bar: 35px;--character-height-card: 500px;--character-width-max-card: 380px;--character-width-max-character-card: 600px}.characterCard{background:var(--character-bg-card);border-radius:var(--character-border-radius-xl);padding:var(--character-spacing-lg);box-shadow:var(--character-shadow-medium);font-family:var(--character-font-family);display:flex;flex-direction:column;gap:var(--spacing-lg)}.characterCard .characterMainContent{display:flex;gap:var(--character-spacing-lg);flex:1;margin-bottom:var(--character-spacing-lg)}.characterCard .characterLevel{margin-bottom:var(--character-spacing-sm)}.characterCard .characterLevel .levelBar{width:100%;height:var(--character-height-level-bar);background:var(--character-bg-stat);border-radius:var(--character-border-radius-md);display:flex;justify-content:space-between;align-items:center;padding:0 var(--character-spacing-lg);box-shadow:var(--character-shadow-light);position:relative;overflow:hidden}.characterCard .characterLevel .levelBar .levelProgress{position:absolute;top:0;left:0;height:100%;background:var(--character-color-xp);border-radius:var(--character-border-radius-md);transition:var(--character-transition-smooth);z-index:1}.characterCard .characterLevel .levelBar .levelText{font-size:16px;font-weight:600;color:var(--character-color-primary-dark);font-family:var(--character-font-family);position:relative;z-index:2}.characterCard .characterLevel .levelBar .levelNumber{font-size:18px;font-weight:700;color:var(--character-color-primary-dark);font-family:var(--character-font-family);position:relative;z-index:2}.characterCard .characterAvatar{background:var(--character-bg-input);border-radius:var(--character-border-radius-lg);padding:var(--character-spacing-xl);flex:1;display:flex;align-items:center;justify-content:center}.characterCard .characterAvatar img{width:100%;max-width:220px;height:auto;border-radius:var(--character-border-radius-lg);object-fit:contain}.characterCard .characterStats{display:flex;flex-direction:column;gap:var(--character-spacing-md);flex:1}.characterCard .characterStats .pointsText{font-size:20px;font-weight:700;color:var(--character-color-primary-dark);text-align:center;margin-bottom:var(--character-spacing-lg);padding:var(--character-spacing-lg) 25px;background:var(--character-bg-stat);border-radius:var(--character-border-radius-lg);width:100%;box-sizing:border-box;font-family:var(--character-font-family)}.characterCard .characterStats .statRow{display:flex;flex-direction:column;gap:var(--character-spacing-xs)}.characterCard .characterStats .statRow .statTop{display:flex;align-items:center;justify-content:space-between}.characterCard .characterStats .statRow .statTop .statRight{display:flex;align-items:center;gap:var(--character-spacing-md)}.characterCard .characterStats .statRow .statTop .statRight .statControls{display:flex;align-items:center;gap:var(--character-spacing-sm)}.characterCard .characterStats .statRow .statTop .statRight .statControls button{width:30px;height:30px;border:none;border-radius:var(--character-border-radius-md);background:var(--character-color-secondary-dark);color:var(--character-color-text-light);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--character-transition-standard);font-size:16px}.characterCard .characterStats .statRow .statTop .statRight .statControls button:hover:not(:disabled){background:var(--character-color-accent);transform:scale(1.1)}.characterCard .characterStats .statRow .statTop .statRight .statControls button:active:not(:disabled){transform:scale(.95)}.characterCard .characterStats .statRow .statTop .statRight .statControls button:disabled{background:var(--character-color-neutral);color:#fff6;cursor:not-allowed;opacity:.5}.characterCard .characterStats .statRow .statTop .statRight .statControls .statValue{min-width:25px;text-align:center;font-weight:600;font-size:16px;padding:4px 8px;border-radius:var(--character-border-radius-sm);font-family:var(--character-font-family)}.characterCard .characterStats .statRow .statTop .statRight .statControls .statValue.forceValue{background:var(--character-color-force);color:var(--character-color-text-light)}.characterCard .characterStats .statRow .statTop .statRight .statControls .statValue.agilityValue{background:var(--character-color-agility);color:var(--character-color-primary-dark)}.characterCard .characterStats .statRow .statTop .statRight .statControls .statValue.speedValue{background:var(--character-color-speed);color:var(--character-color-primary-dark)}.characterCard .characterStats .statRow .statTop .statLabel{font-weight:600;color:var(--character-color-primary-dark);font-size:16px;font-family:var(--character-font-family)}.characterCard .characterStats .statRow .statBar{width:100%;height:var(--character-height-bar);background:var(--character-bg-input);border-radius:var(--character-border-radius-xs);overflow:hidden;position:relative}.characterCard .characterStats .statRow .statBar .statFill{height:100%;border-radius:var(--character-border-radius-xs);transition:var(--character-transition-smooth)}.characterCard .characterStats .statRow .statBar .statFill.forceFill{background:var(--character-color-force)}.characterCard .characterStats .statRow .statBar .statFill.agilityFill{background:var(--character-color-agility)}.characterCard .characterStats .statRow .statBar .statFill.speedFill{background:var(--character-color-speed)}.characterCard .validateButton{width:100%;padding:var(--character-spacing-md);background:var(--character-color-secondary-dark);color:var(--character-color-text-light);border:none;border-radius:var(--character-border-radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:var(--character-transition-standard);margin-top:auto}.characterCard .validateButton:hover:not(:disabled){background:var(--character-color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.characterCard .validateButton:active:not(:disabled){transform:translateY(0)}.characterCard .validateButton:disabled{background:var(--character-color-neutral);color:#fff6;cursor:not-allowed;opacity:.6}.manageWeaponCard{background:var(--character-bg-card);border-radius:var(--character-border-radius-xl);padding:var(--character-spacing-lg);box-shadow:var(--character-shadow-medium);font-family:var(--character-font-family);display:flex;flex-direction:column;gap:var(--character-spacing-lg)}.manageWeaponCard .manageWeaponTitle{text-align:center;font-size:28px;font-weight:700;color:var(--character-color-primary-dark);margin-bottom:var(--character-spacing-md);font-family:var(--character-font-family)}.manageWeaponCard .manageWeaponImage{background:var(--character-bg-input);border-radius:var(--character-border-radius-md);padding:var(--character-spacing-md);text-align:center;margin-bottom:var(--character-spacing-lg);aspect-ratio:1;max-width:120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;transition:var(--character-transition-standard)}.manageWeaponCard .manageWeaponImage:hover{border-color:var(--character-color-xp);background:var(--character-bg-equipped)}.manageWeaponCard .manageWeaponImage.rare{background:var(--character-bg-rarity-rare)}.manageWeaponCard .manageWeaponImage.epic{background:var(--character-bg-rarity-epic)}.manageWeaponCard .manageWeaponImage.legendary{background:var(--character-bg-rarity-legendary)}.manageWeaponCard .manageWeaponImage.common{background:var(--character-bg-rarity-common)}.manageWeaponCard .manageWeaponImage img{max-width:100%;object-fit:contain;border-radius:var(--character-border-radius-md)}.manageWeaponCard .manageWeaponImage .manageWeaponPlaceholder{color:#140a0780;font-size:36px;font-family:var(--character-font-family)}.manageWeaponCard .manageWeaponStats{display:flex;flex-direction:column;gap:var(--character-spacing-md);border-radius:var(--character-border-radius-lg);padding:var(--character-spacing-lg);flex:1}.manageWeaponCard .manageWeaponStats .manageStatItem{display:flex;justify-content:space-between;align-items:center;padding:var(--character-spacing-md);background:var(--character-bg-stat-light);border-radius:var(--character-border-radius-sm)}.manageWeaponCard .manageWeaponStats .manageStatItem .manageStatLabel{font-weight:600;color:var(--character-color-primary-dark);font-size:13px;font-family:var(--character-font-family)}.manageWeaponCard .manageWeaponStats .manageStatItem .manageStatValue{font-weight:700;color:var(--character-color-primary-dark);font-size:16px;font-family:var(--character-font-family)}.manageWeaponCard .manageWeaponStats .manageRarityItem{display:flex;justify-content:space-between;align-items:center;padding:var(--character-spacing-md);border-radius:var(--character-border-radius-sm);font-family:var(--character-font-family)}.manageWeaponCard .manageWeaponStats .manageRarityItem .manageRarityLabel{font-weight:600;font-size:13px}.manageWeaponCard .manageWeaponStats .manageRarityItem .manageRarityValue{font-weight:700;font-size:16px}.manageWeaponCard .manageWeaponStats .manageRarityItem.rare{background:var(--character-bg-stat-light)}.manageWeaponCard .manageWeaponStats .manageRarityItem.rare .manageRarityLabel{color:var(--character-color-primary-dark)}.manageWeaponCard .manageWeaponStats .manageRarityItem.rare .manageRarityValue{color:var(--character-color-rarity-rare)}.manageWeaponCard .manageWeaponStats .manageRarityItem.epic{background:var(--character-bg-stat-light)}.manageWeaponCard .manageWeaponStats .manageRarityItem.epic .manageRarityLabel{color:var(--character-color-primary-dark)}.manageWeaponCard .manageWeaponStats .manageRarityItem.epic .manageRarityValue{color:var(--character-color-rarity-epic)}.manageWeaponCard .manageWeaponStats .manageRarityItem.legendary{background:var(--character-bg-stat-light)}.manageWeaponCard .manageWeaponStats .manageRarityItem.legendary .manageRarityLabel{color:var(--character-color-primary-dark)}.manageWeaponCard .manageWeaponStats .manageRarityItem.legendary .manageRarityValue{color:var(--character-color-rarity-legendary)}.manageWeaponCard .manageWeaponStats .manageRarityItem.common{background:var(--character-bg-stat-light)}.manageWeaponCard .manageWeaponStats .manageRarityItem.common .manageRarityLabel{color:var(--character-color-primary-dark)}.manageWeaponCard .manageWeaponStats .manageRarityItem.common .manageRarityValue{color:var(--character-color-rarity-common)}.manageWeaponCard .manageWeaponStats .weaponActions{display:flex;flex-direction:column;gap:var(--character-spacing-md);margin-top:auto}.manageWeaponCard .manageWeaponStats .weaponActions .equipButton{width:100%;padding:var(--character-spacing-md);background:var(--character-color-secondary-dark);color:var(--character-color-text-light);border:none;border-radius:var(--character-border-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--character-transition-standard);font-family:var(--character-font-family)}.manageWeaponCard .manageWeaponStats .weaponActions .equipButton:hover{background:var(--character-color-accent)}.manageWeaponCard .manageWeaponStats .weaponActions .equipButton:disabled{background:var(--character-color-neutral);cursor:not-allowed}.manageWeaponCard .manageWeaponStats .noWeaponMessage{text-align:center;color:var(--character-color-neutral);font-style:italic;margin-bottom:var(--character-spacing-sm)}@media (max-width: 768px){.manageWeaponCard .manageWeaponImage{padding:var(--character-spacing-xl);min-height:100px}.manageWeaponCard .manageWeaponStats .manageStatItem{padding:var(--character-spacing-md)}}@media (max-width: 480px){.manageWeaponCard .manageWeaponTitle{font-size:18px}.manageWeaponCard .manageWeaponImage{padding:var(--character-spacing-lg);min-height:80px}.manageWeaponCard .manageWeaponImage .manageWeaponPlaceholder{font-size:36px}.manageWeaponCard .manageWeaponStats .manageStatItem,.manageWeaponCard .manageWeaponStats .manageRarityItem{padding:var(--character-spacing-sm)}}.equipmentGrid{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e6c15a #2d1a06}.armoryCard{background:var(--character-bg-card);border-radius:var(--character-border-radius-xl);padding:var(--character-spacing-lg);box-shadow:var(--character-shadow-medium);font-family:var(--character-font-family);display:flex;flex-direction:column;gap:var(--character-spacing-lg)}.armoryCard .armoryTitle{text-align:center;font-size:28px;font-weight:700;color:var(--character-color-primary-dark);margin-bottom:var(--character-spacing-md);font-family:var(--character-font-family)}.armoryCard .equipmentGrid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:var(--character-spacing-lg);column-gap:var(--character-spacing-md);flex:1;padding:var(--character-spacing-sm) 0;max-width:200px;margin:0 auto}.armoryCard .equipmentGrid .equipmentSlot{aspect-ratio:1;background:var(--character-bg-input);border-radius:var(--character-border-radius-sm);border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--character-transition-standard);position:relative;width:85px;height:85px}.armoryCard .equipmentGrid .equipmentSlot:hover{border-color:var(--character-color-xp);background:var(--character-bg-equipped)}.armoryCard .equipmentGrid .equipmentSlot.equipped{border-color:var(--character-color-xp);border-width:3px}.armoryCard .equipmentGrid .equipmentSlot.empty{cursor:default;opacity:.6}.armoryCard .equipmentGrid .equipmentSlot .itemImage{width:100%;object-fit:contain;border-radius:var(--character-border-radius-xs)}.armoryCard .equipmentGrid .equipmentSlot .itemPlaceholder{color:#140a0766;font-size:22px;font-family:var(--character-font-family)}.armoryCard .equipmentGrid .equipmentSlot.rare{background:var(--character-bg-rarity-rare)}.armoryCard .equipmentGrid .equipmentSlot.epic{background:var(--character-bg-rarity-epic)}.armoryCard .equipmentGrid .equipmentSlot.legendary{background:var(--character-bg-rarity-legendary)}.armoryCard .equipmentGrid .equipmentSlot.common{background:var(--character-bg-rarity-common)}.armoryCard .inventoryActions{display:flex;gap:var(--character-spacing-sm);margin-top:var(--character-spacing-md)}.armoryCard .equipButton,.armoryCard .deleteButton{flex:1;padding:var(--character-spacing-md);border:none;border-radius:var(--character-border-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--character-transition-standard);font-family:var(--character-font-family)}:is(.armoryCard .equipButton,.armoryCard .deleteButton):disabled{opacity:.5;cursor:not-allowed}.armoryCard .equipButton{background:var(--character-color-secondary-dark);color:var(--character-color-text-light)}.armoryCard .equipButton:hover:not(:disabled){background:var(--character-color-accent)}.armoryCard .deleteButton{background:#8b0000;color:var(--character-color-text-light)}.armoryCard .deleteButton:hover:not(:disabled){background:#b22222}@media (max-width: 768px){.armoryCard .equipmentGrid{row-gap:var(--character-spacing-lg);column-gap:var(--character-spacing-md);max-width:220px}.armoryCard .equipmentGrid .equipmentSlot{width:90px;height:90px}.armoryCard .equipmentGrid .equipmentSlot .itemPlaceholder{font-size:20px}}@media (max-width: 480px){.armoryCard .armoryTitle{font-size:18px}.armoryCard .equipmentGrid{row-gap:var(--character-spacing-md);column-gap:var(--character-spacing-sm);max-width:200px}.armoryCard .equipmentGrid .equipmentSlot{width:80px;height:80px}.armoryCard .equipmentGrid .equipmentSlot .itemPlaceholder{font-size:18px}.armoryCard .equipmentGrid .equipmentSlot .itemRarityIndicator{width:8px;height:8px;bottom:3px;right:3px}.armoryCard .equipButton,.armoryCard .deleteButton{padding:var(--character-spacing-sm)}}.errorMessage{background:var(--character-color-secondary-dark);color:var(--character-color-text-light);padding:var(--character-spacing-lg) var(--character-spacing-xl);border-radius:var(--character-border-radius-lg);font-family:var(--character-font-family);font-weight:500;font-size:16px;text-align:center;margin-bottom:var(--character-spacing-xl);box-shadow:var(--character-shadow-card);border:1px solid rgba(41,1,2,.4);width:100%;max-width:1400px;box-sizing:border-box}.characterManagementContainer{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1500px;margin:0 auto;padding:var(--character-spacing-xl);font-family:var(--character-font-family)}.characterManagementContainer .cardsContainer{display:flex;justify-content:center;align-items:center;gap:var(--character-spacing-xl);width:100%}.characterManagementContainer .cardsContainer .characterCard{background:var(--character-bg-card);border-radius:var(--character-border-radius-xl);padding:var(--character-spacing-responsive-sm);box-shadow:var(--character-shadow-medium);font-family:var(--character-font-family);flex:1.5;height:var(--character-height-card);max-width:var(--character-width-max-character-card);display:flex;flex-direction:column}.characterManagementContainer .cardsContainer .manageWeaponCard,.characterManagementContainer .cardsContainer .armoryCard{background:var(--character-bg-card);border-radius:var(--character-border-radius-xl);padding:var(--character-spacing-responsive-sm);box-shadow:var(--character-shadow-medium);font-family:var(--character-font-family);flex:1;height:var(--character-height-card);max-width:var(--character-width-max-card);display:flex;flex-direction:column}@media (max-width: 1024px){.characterManagementContainer .cardsContainer{flex-direction:column;align-items:center;gap:var(--character-spacing-xl)}.characterManagementContainer .cardsContainer .characterCard{width:100%;max-width:var(--character-width-max-character-card)}.characterManagementContainer .cardsContainer .manageWeaponCard,.characterManagementContainer .cardsContainer .armoryCard{width:100%;max-width:400px}}@media (max-width: 768px){.characterManagementContainer{padding:var(--character-spacing-lg)}.characterManagementContainer .cardsContainer{gap:var(--character-spacing-lg)}.characterManagementContainer .cardsContainer .characterCard,.characterManagementContainer .cardsContainer .manageWeaponCard,.characterManagementContainer .cardsContainer .armoryCard{padding:var(--character-spacing-responsive-lg);height:450px}}@media (max-width: 480px){.characterManagementContainer{padding:var(--character-spacing-md)}.characterManagementContainer .cardsContainer{gap:var(--character-spacing-sm)}.characterManagementContainer .cardsContainer .characterCard,.characterManagementContainer .cardsContainer .manageWeaponCard,.characterManagementContainer .cardsContainer .armoryCard{padding:var(--character-spacing-responsive-md);height:400px}}.homeLoggedOutContainer{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem}.homeLoggedOutContent{background:#f3e9dcbf;padding:3rem;border-radius:12px;max-width:800px;text-align:center}.projectDescription{font-size:1.2rem;line-height:1.6;margin:0;color:#140a07;font-family:Roboto,sans-serif;font-weight:400;text-align:justify}.loginLinkButton{background:none;border:none;color:#862121;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.loginLinkButton:hover{color:#6a1a1a}:root{--account-color-primary: #140A07;--account-color-primary-dark: #290102;--account-color-primary-hover: #862121;--account-color-background-light: rgba(243, 233, 220, .75);--account-color-background-modal: rgba(243, 233, 220, .95);--account-color-background-dark: rgba(41, 1, 2, .19);--account-color-background-input: rgba(255, 255, 255, .9);--account-color-text-primary: #140A07;--account-color-text-secondary: rgba(20, 10, 7, .8);--account-color-text-light: #F3E9DC;--account-color-border: rgba(20, 10, 7, .1);--account-color-border-input: rgba(20, 10, 7, .2);--account-color-backdrop: rgba(0, 0, 0, .7);--account-color-backdrop-modal: rgba(0, 0, 0, .5);--account-color-button-secondary: #72553D;--account-color-success: #28a745;--account-color-danger: #dc3545;--account-color-warning: #ffc107;--account-color-info: #17a2b8;--account-spacing-xs: .25rem;--account-spacing-sm: .75rem;--account-spacing-md: 1rem;--account-spacing-lg: 1.5rem;--account-spacing-xl: 2rem;--account-spacing-xxl: 2.5rem;--account-border-radius-sm: 5px;--account-border-radius-md: 10px;--account-border-radius-lg: 15px;--account-border-radius-xl: 20px;--account-shadow-light: 0 2px 8px rgba(20, 10, 7, .1);--account-shadow-medium: 0 8px 25px rgba(20, 10, 7, .3);--account-shadow-strong: 0 8px 25px rgba(20, 10, 7, .5);--account-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--account-font-family: "Roboto", sans-serif;--account-font-size-xs: 12px;--account-font-size-sm: 14px;--account-font-size-md: 16px;--account-font-size-lg: 20px;--account-font-size-xl: 24px;--account-font-size-xxl: 28px;--account-font-size-xxxl: 32px;--account-font-size-title: 2.5rem;--account-font-weight-normal: 400;--account-font-weight-medium: 500;--account-font-weight-semibold: 600;--account-font-weight-bold: 700;--account-transition-fast: .2s ease-in-out;--account-transition-standard: .3s ease-in-out;--account-transition-slow: .5s ease-in-out;--account-z-index-modal: 1000;--account-z-index-overlay: 999;--account-width-modal: 500px;--account-width-brute-card: 350px;--account-max-width-page: 1200px}.accountBruteCard{background:var(--account-color-background-light);border-radius:var(--account-border-radius-lg);padding:var(--account-spacing-xl);width:var(--account-width-brute-card);height:100%;box-shadow:var(--account-shadow-medium);font-family:var(--account-font-family);display:flex;flex-direction:column;align-items:center}.accountBruteCard .bruteTitle{color:var(--account-color-text-primary);font-size:var(--account-font-size-xxxl);font-weight:var(--account-font-weight-bold);margin-bottom:var(--account-spacing-lg);text-align:center;text-shadow:var(--account-text-shadow)}.accountBruteCard .bruteAvatarContainer{width:100%;flex:1;display:flex;justify-content:center;align-items:center;background:var(--account-color-background-dark);border-radius:var(--account-border-radius-md);padding:var(--account-spacing-lg)}.accountBruteCard .bruteAvatarContainer .bruteAvatar{width:100%;height:auto;object-fit:contain;border-radius:var(--account-border-radius-md)}@media (max-width: 768px){.accountBruteCard{padding:var(--account-spacing-lg);width:100%;max-width:400px}.accountBruteCard .bruteTitle{font-size:var(--account-font-size-xl);margin-bottom:var(--account-spacing-md)}.accountBruteCard .bruteAvatarContainer{padding:var(--account-spacing-md)}}@media (max-width: 480px){.accountBruteCard{padding:var(--account-spacing-md)}.accountBruteCard .bruteTitle{font-size:var(--account-font-size-lg)}.accountBruteCard .bruteAvatarContainer{padding:var(--account-spacing-sm)}}.accountInfo{background:var(--account-color-background-light);border-radius:var(--account-border-radius-xl);padding:var(--account-spacing-xl);box-shadow:var(--account-shadow-medium);font-family:var(--account-font-family);width:100%}.accountInfo .accountInfoTitle{color:var(--account-color-text-primary);font-size:var(--account-font-size-xl);font-weight:var(--account-font-weight-bold);margin-bottom:var(--account-spacing-lg);text-align:center;text-shadow:var(--account-text-shadow)}.accountInfo .infoItem{display:flex;justify-content:space-between;align-items:center;padding:var(--account-spacing-sm) 0;border-bottom:1px solid var(--account-color-border)}.accountInfo .infoItem:last-child{border-bottom:none}.accountInfo .infoItem .infoLabel{font-size:var(--account-font-size-md);color:var(--account-color-text-secondary);font-weight:var(--account-font-weight-semibold)}.accountInfo .infoItem .infoValue{font-size:var(--account-font-size-md);color:var(--account-color-text-primary);font-weight:var(--account-font-weight-medium)}@media (max-width: 768px){.accountInfo{padding:var(--account-spacing-lg)}.accountInfo .accountInfoTitle{font-size:22px;margin-bottom:1.2rem}.accountInfo .infoItem{padding:.6rem 0}.accountInfo .infoItem .infoLabel,.accountInfo .infoItem .infoValue{font-size:15px}}@media (max-width: 480px){.accountInfo{padding:1.2rem}.accountInfo .accountInfoTitle{font-size:var(--account-font-size-lg);margin-bottom:var(--account-spacing-md)}.accountInfo .infoItem{flex-direction:column;align-items:flex-start;padding:.8rem 0;gap:.3rem}.accountInfo .infoItem .infoLabel{font-size:var(--account-font-size-sm);font-weight:var(--account-font-weight-bold)}.accountInfo .infoItem .infoValue{font-size:var(--account-font-size-sm);color:#140a07e6;word-break:break-all}}@media (max-width: 320px){.accountInfo{padding:var(--account-spacing-md)}.accountInfo .accountInfoTitle{font-size:18px;margin-bottom:.8rem}.accountInfo .infoItem{padding:.6rem 0}.accountInfo .infoItem .infoLabel,.accountInfo .infoItem .infoValue{font-size:13px}}.statistiquesTable{background:var(--account-color-background-light);border-radius:var(--account-border-radius-xl);padding:var(--account-spacing-xl);box-shadow:var(--account-shadow-medium);font-family:var(--account-font-family);width:100%}.statistiquesTable .statsGrid{display:flex;align-items:center;justify-content:space-around}.statistiquesTable .statsGrid .statItem{text-align:center}.statistiquesTable .statsGrid .statItem .statsLabel{font-size:var(--account-font-size-lg);color:var(--account-color-text-secondary);font-weight:var(--account-font-weight-semibold);margin-bottom:8px}.statistiquesTable .statsGrid .statItem .statsValue{font-size:var(--account-font-size-xxl);font-weight:var(--account-font-weight-bold);color:var(--account-color-text-primary);text-shadow:var(--account-text-shadow)}.statistiquesTable .statsGrid .statSeparator{width:2px;height:40px;background:#140a0733;margin:0 10px}@media (max-width: 768px){.statistiquesTable{padding:var(--account-spacing-lg)}.statistiquesTable .statsGrid .statItem .statsLabel{font-size:18px;margin-bottom:6px}.statistiquesTable .statsGrid .statItem .statsValue{font-size:var(--account-font-size-xl)}}@media (max-width: 480px){.statistiquesTable{padding:1.2rem}.statistiquesTable .statsGrid{flex-direction:column;gap:var(--account-spacing-md)}.statistiquesTable .statsGrid .statItem .statsLabel{font-size:var(--account-font-size-md);margin-bottom:4px}.statistiquesTable .statsGrid .statItem .statsValue{font-size:var(--account-font-size-lg)}.statistiquesTable .statsGrid .statSeparator{display:none}}@media (max-width: 320px){.statistiquesTable{padding:var(--account-spacing-md)}.statistiquesTable .statsGrid{gap:.8rem}.statistiquesTable .statsGrid .statItem .statsLabel{font-size:var(--account-font-size-sm)}.statistiquesTable .statsGrid .statItem .statsValue{font-size:18px}}.modalBackdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--account-color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--account-z-index-modal);font-family:var(--account-font-family)}.modalBackdrop .modalContent{background:var(--account-color-background-modal);border-radius:var(--account-border-radius-xl);box-shadow:var(--account-shadow-strong);max-width:var(--account-width-modal);width:90%;max-height:80vh;overflow-y:auto}.modalBackdrop .modalContent .modalHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--account-spacing-lg) var(--account-spacing-xl);border-bottom:1px solid var(--account-color-border)}.modalBackdrop .modalContent .modalHeader .modalTitle{color:var(--account-color-text-primary);font-size:var(--account-font-size-xl);font-weight:var(--account-font-weight-bold);margin:0;text-shadow:var(--account-text-shadow)}.modalBackdrop .modalContent .modalHeader .modalClose{background:none;border:none;font-size:var(--account-font-size-xxxl);color:var(--account-color-text-primary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--account-transition-standard)}.modalBackdrop .modalContent .modalHeader .modalClose:hover{background:var(--account-color-border)}.modalBackdrop .modalContent .modalBody{padding:var(--account-spacing-xl)}@media (max-width: 768px){.modalBackdrop .modalContent{width:95%;max-height:85vh}.modalBackdrop .modalContent .modalHeader{padding:1.2rem var(--account-spacing-lg)}.modalBackdrop .modalContent .modalHeader .modalTitle{font-size:var(--account-font-size-lg)}.modalBackdrop .modalContent .modalHeader .modalClose{font-size:28px;width:28px;height:28px}.modalBackdrop .modalContent .modalBody{padding:var(--account-spacing-lg)}}@media (max-width: 480px){.modalBackdrop .modalContent{width:98%}.modalBackdrop .modalContent .modalHeader{padding:var(--account-spacing-md) 1.2rem}.modalBackdrop .modalContent .modalHeader .modalTitle{font-size:18px}.modalBackdrop .modalContent .modalHeader .modalClose{font-size:var(--account-font-size-xl);width:24px;height:24px}.modalBackdrop .modalContent .modalBody{padding:1.2rem}}.changeUsername{font-family:var(--account-font-family);width:100%}.changeUsername .changeUsernameBtn{width:100%;background:var(--account-color-primary-dark);color:var(--account-color-text-light);border:none;padding:4% 6%;border-radius:var(--account-border-radius-lg);font-weight:var(--account-font-weight-bold);font-size:22px;cursor:pointer;transition:var(--account-transition-standard);box-shadow:var(--account-shadow-medium);display:block;letter-spacing:1px}.changeUsername .changeUsernameBtn:hover{background:var(--account-color-primary-hover);box-shadow:0 6px 12px #140a0766}.changeUsername .changeUsernameBtn:active{box-shadow:var(--account-shadow-medium)}.usernameForm{display:flex;flex-direction:column;gap:var(--account-spacing-lg)}.usernameForm .usernameInput{background:var(--account-color-background-input);border:2px solid var(--account-color-border-input);border-radius:12px;padding:16px 20px;font-size:18px;font-family:var(--account-font-family);transition:border-color var(--account-transition-standard)}.usernameForm .usernameInput:focus{outline:none;border-color:var(--account-color-primary-dark)}.usernameForm .usernameInput:disabled{opacity:.6;cursor:not-allowed}.usernameForm .usernameActions{display:flex;gap:var(--account-spacing-md)}.usernameForm .usernameActions .usernameSaveBtn{width:100%;background:var(--account-color-primary-dark);color:var(--account-color-text-light);border:none;padding:2% 4%;border-radius:var(--account-border-radius-xl);font-weight:var(--account-font-weight-bold);font-size:var(--account-font-size-md);cursor:pointer;transition:var(--account-transition-standard);box-shadow:var(--account-shadow-medium);display:block;letter-spacing:1px;flex:1}.usernameForm .usernameActions .usernameSaveBtn:hover:not(:disabled){background:var(--account-color-primary-hover);box-shadow:0 6px 12px #140a0766}.usernameForm .usernameActions .usernameSaveBtn:active:not(:disabled){box-shadow:var(--account-shadow-medium)}.usernameForm .usernameActions .usernameSaveBtn:disabled{background:var(--account-color-button-secondary);cursor:not-allowed;opacity:.6}.usernameForm .usernameActions .usernameCancelBtn{width:100%;background:var(--account-color-button-secondary);color:var(--account-color-text-light);border:none;padding:2% 4%;border-radius:var(--account-border-radius-xl);font-weight:var(--account-font-weight-bold);font-size:var(--account-font-size-md);cursor:pointer;transition:var(--account-transition-standard);box-shadow:var(--account-shadow-medium);display:block;letter-spacing:1px;flex:1}.usernameForm .usernameActions .usernameCancelBtn:hover:not(:disabled){background:#8a6549;box-shadow:0 6px 12px #140a0766}.usernameForm .usernameActions .usernameCancelBtn:active:not(:disabled){box-shadow:var(--account-shadow-medium)}.usernameForm .usernameActions .usernameCancelBtn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.changeUsername .changeUsernameBtn{font-size:var(--account-font-size-lg);padding:3% 5%}.usernameForm{gap:var(--account-spacing-md)}.usernameForm .usernameInput{padding:14px 18px;font-size:var(--account-font-size-md)}.usernameForm .usernameActions .usernameSaveBtn,.usernameForm .usernameActions .usernameCancelBtn{font-size:var(--account-font-size-sm)}}@media (max-width: 480px){.changeUsername .changeUsernameBtn{font-size:18px;padding:3% 4%}.usernameForm .usernameActions{flex-direction:column;gap:var(--account-spacing-sm)}}.deleteAccount{font-family:var(--account-font-family);width:100%}.deleteAccount .deleteAccountBtn{width:100%;background:var(--account-color-primary-dark);color:var(--account-color-text-light);border:none;padding:4% 6%;border-radius:var(--account-border-radius-lg);font-weight:var(--account-font-weight-bold);font-size:22px;cursor:pointer;transition:var(--account-transition-standard);box-shadow:var(--account-shadow-medium);display:block;letter-spacing:1px}.deleteAccount .deleteAccountBtn:hover{background:var(--account-color-primary-hover);box-shadow:0 6px 12px #140a0766}.deleteAccount .deleteAccountBtn:active{box-shadow:var(--account-shadow-medium)}.confirmationDialog{display:flex;flex-direction:column;gap:var(--account-spacing-xl)}.confirmationDialog .confirmationText{color:var(--account-color-text-primary);font-size:18px;font-weight:var(--account-font-weight-medium);text-align:center;margin:0;line-height:1.6}.confirmationDialog .confirmationActions{display:flex;gap:var(--account-spacing-md)}.confirmationDialog .confirmationActions .confirmDeleteBtn{width:100%;background:var(--account-color-primary-dark);color:var(--account-color-text-light);border:none;padding:2% 4%;border-radius:var(--account-border-radius-xl);font-weight:var(--account-font-weight-bold);font-size:var(--account-font-size-md);cursor:pointer;transition:var(--account-transition-standard);box-shadow:var(--account-shadow-medium);display:block;letter-spacing:1px;flex:1}.confirmationDialog .confirmationActions .confirmDeleteBtn:hover:not(:disabled){background:var(--account-color-primary-hover);box-shadow:0 6px 12px #140a0766}.confirmationDialog .confirmationActions .confirmDeleteBtn:active:not(:disabled){box-shadow:var(--account-shadow-medium)}.confirmationDialog .confirmationActions .confirmDeleteBtn:disabled{background:var(--account-color-button-secondary);cursor:not-allowed;opacity:.6}.confirmationDialog .confirmationActions .cancelDeleteBtn{width:100%;background:var(--account-color-button-secondary);color:var(--account-color-text-light);border:none;padding:2% 4%;border-radius:var(--account-border-radius-xl);font-weight:var(--account-font-weight-bold);font-size:var(--account-font-size-md);cursor:pointer;transition:var(--account-transition-standard);box-shadow:var(--account-shadow-medium);display:block;letter-spacing:1px;flex:1}.confirmationDialog .confirmationActions .cancelDeleteBtn:hover:not(:disabled){background:#8a6549;box-shadow:0 6px 12px #140a0766}.confirmationDialog .confirmationActions .cancelDeleteBtn:active:not(:disabled){box-shadow:var(--account-shadow-medium)}.confirmationDialog .confirmationActions .cancelDeleteBtn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.deleteAccount .deleteAccountBtn{font-size:var(--account-font-size-lg);padding:3% 5%}.confirmationDialog{gap:var(--account-spacing-lg)}.confirmationDialog .confirmationText{font-size:var(--account-font-size-md)}.confirmationDialog .confirmationActions .confirmDeleteBtn,.confirmationDialog .confirmationActions .cancelDeleteBtn{font-size:var(--account-font-size-sm)}}@media (max-width: 480px){.deleteAccount .deleteAccountBtn{font-size:18px;padding:3% 4%}.confirmationDialog .confirmationActions{flex-direction:column;gap:var(--account-spacing-sm)}}.accountPage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--account-max-width-page);font-family:var(--account-font-family)}.accountPage .accountTitle{color:var(--account-color-text-primary);font-size:var(--account-font-size-title);font-weight:var(--account-font-weight-bold);text-align:center;margin-bottom:var(--account-spacing-xl);text-shadow:var(--account-text-shadow)}.accountPage .accountContent{display:grid;grid-template-columns:minmax(300px,350px) 1fr;gap:var(--account-spacing-xl);align-items:stretch;max-width:var(--account-max-width-page);width:100%;overflow-x:hidden}.accountPage .accountContent .accountLeft{display:flex;flex-direction:column;gap:var(--account-spacing-lg);height:100%;min-width:0}.accountPage .accountContent .accountLeft .accountBruteCard{background:var(--account-color-background-light);border-radius:var(--account-border-radius-lg);padding:var(--account-spacing-xl);width:100%;max-width:var(--account-width-brute-card);min-width:300px;height:100%;box-shadow:var(--account-shadow-medium);font-family:var(--account-font-family);display:flex;flex-direction:column;align-items:center}.accountPage .accountContent .accountRight{display:flex;flex-direction:column;gap:var(--account-spacing-lg);height:100%;min-width:0;overflow-x:hidden}.accountPage .accountContent .accountRight .accountInfo,.accountPage .accountContent .accountRight .statistiquesTable{background:var(--account-color-background-light);border-radius:var(--account-border-radius-xl);padding:var(--account-spacing-xl);box-shadow:var(--account-shadow-medium);font-family:var(--account-font-family);width:100%;max-width:100%;box-sizing:border-box}.accountPage .accountContent .accountRight .accountActions{display:flex;gap:var(--account-spacing-md);margin-top:auto}.accountPage .accountContent .accountRight .accountActions>*{flex:1}.accountPage .loadingMessage{text-align:center;color:var(--account-color-text-primary);font-size:1.2rem;font-weight:var(--account-font-weight-medium);padding:var(--account-spacing-xl)}.accountPage .errorMessage{text-align:center;color:var(--account-color-danger);font-size:1.2rem;font-weight:var(--account-font-weight-medium);padding:var(--account-spacing-xl)}@media (max-width: 1024px){.accountPage .accountContent{grid-template-columns:1fr;gap:var(--account-spacing-lg);align-items:start}.accountPage .accountContent .accountLeft,.accountPage .accountContent .accountRight{width:100%;max-width:600px;margin:0 auto}.accountPage .accountContent .accountLeft .accountBruteCard{min-width:auto;max-width:100%}}@media (max-width: 1400px) and (min-width: 1025px){.accountPage .accountContent{grid-template-columns:minmax(280px,320px) 1fr;gap:var(--account-spacing-lg);max-width:95%}.accountPage .accountContent .accountLeft .accountBruteCard{width:100%;min-width:280px;max-width:320px;padding:var(--account-spacing-lg)}.accountPage .accountContent .accountRight{min-width:0}.accountPage .accountContent .accountRight .accountInfo,.accountPage .accountContent .accountRight .statistiquesTable{padding:var(--account-spacing-lg)}}@media (max-width: 1200px) and (min-width: 1025px){.accountPage .accountContent{grid-template-columns:minmax(250px,300px) 1fr;gap:1.2rem;max-width:98%}.accountPage .accountContent .accountLeft .accountBruteCard{width:100%;min-width:250px;max-width:300px;padding:1.2rem}.accountPage .accountContent .accountRight .accountInfo,.accountPage .accountContent .accountRight .statistiquesTable{padding:1.2rem}}@media (max-width: 768px){.accountPage{padding:var(--account-spacing-md)}.accountPage .accountTitle{font-size:var(--account-font-size-xl);margin-bottom:var(--account-spacing-lg)}.accountPage .accountContent{gap:var(--account-spacing-md)}:is(.accountPage .accountContent .accountLeft,.accountPage .accountContent .accountRight) .accountBruteCard,:is(.accountPage .accountContent .accountLeft,.accountPage .accountContent .accountRight) .accountInfo,:is(.accountPage .accountContent .accountLeft,.accountPage .accountContent .accountRight) .statistiquesTable{padding:var(--account-spacing-lg)}}@media (max-width: 480px){.accountPage{padding:var(--account-spacing-sm)}.accountPage .accountTitle{font-size:var(--account-font-size-lg);margin-bottom:var(--account-spacing-md)}.accountPage .accountContent{gap:var(--account-spacing-sm)}.accountPage .accountContent .accountRight .accountActions{flex-direction:column;gap:var(--account-spacing-sm)}}@media (max-width: 320px){.accountPage .accountContent{gap:var(--account-spacing-md)}.accountPage .accountContent .accountRight .accountActions{gap:.6rem}.accountPage .accountTitle{font-size:1.6rem;margin-bottom:var(--account-spacing-md)}.accountPage .loadingMessage,.accountPage .errorMessage{font-size:.9rem}}:root{--battle-color-primary: #140A07;--battle-color-primary-dark: #290102;--battle-color-primary-hover: #862121;--battle-color-background-light: rgba(243, 233, 220, .75);--battle-color-background-dark: rgba(41, 1, 2, .19);--battle-color-background-overlay: rgba(41, 1, 2, .19);--battle-color-text-primary: #140A07;--battle-color-text-light: #F3E9DC;--battle-color-text-secondary: #72553D;--battle-color-button-disabled: #72553D;--battle-color-level-fill: rgba(218, 145, 43, .9);--battle-color-border: rgba(20, 10, 7, .1);--battle-spacing-xs: .25rem;--battle-spacing-sm: .5rem;--battle-spacing-md: 1rem;--battle-spacing-lg: 1.5rem;--battle-spacing-xl: 2rem;--battle-spacing-xxl: 2.5rem;--battle-spacing-percentage-sm: 2%;--battle-spacing-percentage-md: 4%;--battle-spacing-percentage-lg: 6%;--battle-border-radius-sm: 8px;--battle-border-radius-md: 10px;--battle-border-radius-lg: 12px;--battle-border-radius-xl: 20px;--battle-shadow-light: 0 2px 8px rgba(20, 10, 7, .1);--battle-shadow-medium: 0 4px 8px rgba(20, 10, 7, .3);--battle-shadow-strong: 0 6px 12px rgba(20, 10, 7, .4);--battle-shadow-level: 0 4px 8px rgba(20, 10, 7, .2);--battle-shadow-card: 0 8px 25px rgba(20, 10, 7, .3);--battle-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--battle-font-family: "Roboto", sans-serif;--battle-font-size-xs: 12px;--battle-font-size-sm: 14px;--battle-font-size-md: 16px;--battle-font-size-lg: 18px;--battle-font-size-xl: 20px;--battle-font-size-xxl: 24px;--battle-font-size-xxxl: 28px;--battle-font-size-huge: 32px;--battle-font-weight-normal: 400;--battle-font-weight-medium: 500;--battle-font-weight-semibold: 600;--battle-font-weight-bold: 700;--battle-font-weight-black: 900;--battle-transition-fast: .2s ease-in-out;--battle-transition-standard: .3s ease-in-out;--battle-transition-slow: .5s ease-in-out;--battle-width-player-card: 450px;--battle-width-opponent-card: 300px;--battle-height-level-bar: 50px;--battle-height-opponent-card: 400px;--battle-max-width-page: 1400px;--battle-grid-gap-sm: 16px;--battle-grid-gap-md: 20px;--battle-z-index-level-fill: 0;--battle-z-index-level-label: 1;--battle-z-index-overlay: 999;--battle-opacity-disabled: .6;--battle-opacity-hover: .8}*{margin:0;padding:0;box-sizing:border-box}.startBattlePage{width:100%;max-width:var(--battle-max-width-page);padding:1%;font-family:var(--battle-font-family);box-sizing:border-box;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.startBattlePage .combatContainer{display:flex;flex-direction:row;gap:var(--battle-spacing-percentage-lg);width:100%;height:100%;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;position:relative}.startBattlePage .combatContainer .playerSection{flex:0 0 auto;display:flex;align-items:stretch}.startBattlePage .combatContainer .opponentsSection{display:flex;flex-direction:column;justify-content:flex-start;height:calc(100% - 60px);flex:1 1 auto;max-width:60%}.startBattlePage .combatContainer .opponentsSection .opponentsGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:var(--battle-grid-gap-sm);row-gap:var(--battle-grid-gap-md);width:100%;flex:1;margin-bottom:5px}.startBattlePage .combatContainer .launchSection{width:100%;display:flex;justify-content:center;align-items:center;margin-top:100px}.startBattlePage .combatContainer .launchSection .launchButton{width:100%;background:var(--battle-color-primary-dark);color:var(--battle-color-text-light);border:none;padding:20px;border-radius:var(--battle-border-radius-lg);font-weight:var(--battle-font-weight-bold);font-size:var(--battle-font-size-xxxl);cursor:pointer;transition:var(--battle-transition-standard);box-shadow:var(--battle-shadow-medium);display:block}.startBattlePage .combatContainer .launchSection .launchButton.active{background:var(--battle-color-primary-dark)}.startBattlePage .combatContainer .launchSection .launchButton.active:hover{background:var(--battle-color-primary-hover);box-shadow:var(--battle-shadow-strong)}.startBattlePage .combatContainer .launchSection .launchButton.active:active{box-shadow:var(--battle-shadow-medium)}.startBattlePage .combatContainer .launchSection .launchButton.disabled{background:var(--battle-color-button-disabled);cursor:not-allowed;opacity:var(--battle-opacity-disabled)}.startBattlePage .combatContainer .launchSection .launchButton .launchText{letter-spacing:1px}.startBattlePage .combatContainer .errorMessage{position:absolute;bottom:-40px;right:0;width:60%;background:var(--battle-color-primary-hover);color:var(--battle-color-text-light);padding:10px 20px;border-radius:var(--battle-border-radius-sm);font-size:var(--battle-font-size-md);text-align:center;box-shadow:0 4px 12px #8621214d}.playerCard{background:var(--battle-color-background-light);border-radius:var(--battle-border-radius-xl);padding:var(--battle-spacing-percentage-md);width:var(--battle-width-player-card);height:100%;box-shadow:var(--battle-shadow-card);font-family:var(--battle-font-family);display:flex;flex-direction:column;position:relative}.playerCard.loading{display:flex;align-items:center;justify-content:center;color:var(--battle-color-text-secondary);font-style:italic;font-size:var(--battle-font-size-lg)}.playerCard .playerLevel{width:100%;height:var(--battle-height-level-bar);background:var(--battle-color-background-overlay);border-radius:var(--battle-border-radius-sm);overflow:hidden;position:relative;margin-bottom:var(--battle-spacing-percentage-md)}.playerCard .playerLevel .levelFill{position:absolute;top:0;left:0;height:100%;background:var(--battle-color-level-fill);border-radius:var(--battle-border-radius-sm);transition:width var(--battle-transition-standard);z-index:var(--battle-z-index-level-fill)}.playerCard .playerLevel .levelLabel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 var(--battle-spacing-percentage-lg);z-index:var(--battle-z-index-level-label);box-shadow:var(--battle-shadow-level);border-radius:var(--battle-border-radius-sm);font-size:var(--battle-font-size-lg);font-family:var(--battle-font-family);font-weight:var(--battle-font-weight-semibold);color:var(--battle-color-text-primary)}.playerCard .playerLevel .levelValue{position:absolute;top:0;right:var(--battle-spacing-percentage-lg);height:100%;display:flex;align-items:center;font-size:var(--battle-font-size-lg);font-weight:var(--battle-font-weight-black);color:var(--battle-color-text-primary);z-index:var(--battle-z-index-level-label)}.playerCard .playerContent{display:flex;flex-direction:row;gap:var(--battle-spacing-percentage-md);flex:1}.playerCard .playerContent .playerInfo{flex:0 0 50%}.playerCard .playerContent .playerInfo .playerAvatar{background:var(--battle-color-background-overlay);border-radius:var(--battle-border-radius-md);padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.playerCard .playerContent .playerInfo .playerAvatar .avatarPlaceholder{width:100%;height:100%;background-size:cover;background-position:center;border-radius:var(--battle-border-radius-sm)}.playerCard .playerContent .playerStats{flex:1;display:flex;flex-direction:column;justify-content:space-between}.playerCard .playerContent .playerStats .statRow{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.playerCard .playerContent .playerStats .statRow .statHeader{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:2px}.playerCard .playerContent .playerStats .statRow .statValue{color:var(--battle-color-text-primary);font-family:var(--battle-font-family);font-weight:var(--battle-font-weight-bold);font-size:22px;min-width:22px;text-align:right;background:#fff6;border-radius:6px;padding:0 7px}.playerCard .playerContent .playerStats .statRow .statLabel{color:var(--battle-color-text-primary);font-family:var(--battle-font-family);font-weight:var(--battle-font-weight-semibold);font-size:20px;margin-left:2px}.playerCard .playerContent .playerStats .statRow .statBars{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;margin-bottom:2px}.playerCard .playerContent .playerStats .statRow .statBar{flex:1 1 auto;height:22px;background:var(--battle-color-background-overlay);border-radius:5px;overflow:hidden;position:relative;margin-left:8px}.playerCard .playerContent .playerStats .statRow .statFill{height:100%;border-radius:4px;transition:width var(--battle-transition-standard)}.opponentCard{background:var(--battle-color-background-light);border-radius:var(--battle-border-radius-md);padding:12px;box-shadow:none;font-family:var(--battle-font-family);cursor:pointer;transition:var(--battle-transition-standard);border:3px solid transparent;display:flex;flex-direction:row;align-items:center;gap:15px;width:100%;height:180px}.opponentCard:hover{background:#f3e9dce6;box-shadow:none}.opponentCard.selected{border-color:var(--battle-color-primary-dark);background:#f3e9dc;box-shadow:none}.opponentCard .opponentAvatar{background:var(--battle-color-background-overlay);border-radius:var(--battle-border-radius-sm);padding:6px;width:120px;height:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.opponentCard .opponentAvatar .avatarPlaceholder{width:100%;height:100%;background-size:cover;background-position:center;border-radius:var(--battle-border-radius-sm);transform:scaleX(-1)}.opponentCard .opponentStats{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:50%}.opponentCard .opponentStats .statRow{display:flex;flex-direction:column;gap:3px;height:15%}.opponentCard .opponentStats .statRow .statBar{height:100%;background:var(--battle-color-background-overlay);border-radius:var(--battle-border-radius-sm);overflow:hidden}.opponentCard .opponentStats .statRow .statBar .statFill{height:100%;border-radius:6px;transition:width var(--battle-transition-standard)}@media (max-width: 1024px){.startBattlePage .combatContainer{flex-direction:column;align-items:center;gap:var(--battle-spacing-percentage-md)}.startBattlePage .opponentsSection{max-width:100%;width:100%;height:auto}.startBattlePage .opponentsSection .opponentsGrid{height:auto;margin-bottom:5px}.startBattlePage .launchSection{position:static;width:100%;margin-top:20px}.startBattlePage .errorMessage{position:static;width:100%;margin-top:10px}}@media (max-width: 768px){.startBattlePage{padding:1%}.startBattlePage .combatContainer{max-width:95%}.startBattlePage .playerCard{width:100%;max-width:400px}.startBattlePage .opponentsSection .opponentsGrid{grid-template-columns:1fr;gap:var(--battle-spacing-md)}}@media (max-width: 480px){.startBattlePage{padding:var(--battle-spacing-sm)}.startBattlePage .combatContainer{gap:var(--battle-spacing-md)}.startBattlePage .combatContainer .launchSection .launchButton{font-size:var(--battle-font-size-xl);padding:15px}.startBattlePage .playerCard{padding:var(--battle-spacing-md)}.startBattlePage .playerCard .playerContent{flex-direction:column;gap:var(--battle-spacing-md)}.startBattlePage .playerCard .playerContent .playerInfo{flex:0 0 200px}.startBattlePage .opponentCard{height:auto;min-height:120px;padding:var(--battle-spacing-sm)}.startBattlePage .opponentCard .opponentAvatar{width:80px;height:100px}}.startBattlePage{font-family:var(--battle-font-family)}