.matchmaking-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:flex-start;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.matchmaking-modal{background:var(--bg-secondary);border-radius:24px;padding:32px;max-width:400px;width:100%;max-height:none;position:relative;box-shadow:0 20px 60px #00000080;border:2px solid rgba(233,69,96,.3);animation:slideUp .4s ease;margin:20px auto}@media (max-width: 768px){.matchmaking-overlay{padding:10px}.matchmaking-modal{padding:24px;max-width:100%;width:calc(100vw - 20px);margin:10px auto}.search-title{font-size:20px}.search-animation{width:120px;height:120px}.pulse-1{width:60px;height:60px}.pulse-2{width:90px;height:90px}.pulse-3{width:120px;height:120px}.search-icon{font-size:36px}.search-info{padding:12px}.info-label{font-size:13px}.info-value{font-size:15px}.search-hint{font-size:13px;min-height:35px}.cancel-button{padding:12px 24px;font-size:15px}}.close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.matchmaking-content{display:flex;flex-direction:column;align-items:center;gap:24px}.search-animation{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.pulse-circle{position:absolute;border:2px solid var(--accent-primary);border-radius:50%;animation:pulse 2s ease-out infinite}.pulse-1{width:80px;height:80px;animation-delay:0s}.pulse-2{width:110px;height:110px;animation-delay:.4s}.pulse-3{width:140px;height:140px;animation-delay:.8s}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.search-icon{font-size:48px;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.search-info{display:flex;flex-direction:column;gap:12px;width:100%;background:var(--bg-tertiary);padding:16px;border-radius:12px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{color:var(--text-secondary);font-size:14px}.info-value{color:var(--accent-primary);font-size:16px;font-weight:600}.search-hint{text-align:center;color:var(--text-secondary);font-size:14px;min-height:40px;display:flex;align-items:center}.search-hint p{margin:0;animation:fadeIn .3s ease}.cancel-button{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.cancel-button:hover{background:var(--bg-hover);transform:translateY(-2px)}.cancel-button:active{transform:translateY(0)}.matchmaking-error{text-align:center;padding:20px}.matchmaking-error h2{color:#ef4444;margin-bottom:12px}.matchmaking-error p{color:var(--text-secondary);margin-bottom:24px}.buff-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.buff-selection-modal{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;border-radius:20px;max-width:800px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.buff-selection-modal h2{color:#fff;text-align:center;margin-bottom:10px;font-size:32px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.buff-subtitle{color:#fffc;text-align:center;margin-bottom:30px;font-size:16px}.buff-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.buff-card{background:#ffffff1a;border:3px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center;color:#fff}.buff-card:hover{transform:translateY(-5px);background:#ffffff26;border-color:#fff6}.buff-card.selected{background:#ffffff40;border-color:#22c55e;box-shadow:0 0 20px #22c55e80;transform:translateY(-5px) scale(1.05)}.buff-icon{font-size:48px;margin-bottom:10px}.buff-name{font-size:20px;font-weight:600;margin-bottom:5px}.buff-value{font-size:28px;font-weight:700;color:#22c55e;margin-bottom:10px}.buff-description{font-size:14px;color:#fffc;line-height:1.4}.buff-confirm-btn{width:100%;padding:15px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.buff-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.buff-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.match-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .5s ease}.match-result-modal{background:var(--bg-secondary);border-radius:24px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #000000b3;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding:24px;border-radius:16px}.result-header.victory{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#22c55e}.result-header.defeat{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444}.defeat-icon{font-size:64px}.result-title{font-size:36px;font-weight:700;margin:0}.elo-change{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--bg-tertiary);border-radius:12px;margin-bottom:24px}.elo-icon.up{color:#22c55e}.elo-icon.down{color:#ef4444}.elo-value{font-size:28px;font-weight:700}.elo-value.up{color:#22c55e}.elo-value.down{color:#ef4444}.stats-section{margin-bottom:24px}.stats-section h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{background:var(--bg-tertiary);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:20px;font-weight:700;color:var(--accent-primary)}.play-again-button{width:100%;background:var(--accent-primary);color:#fff;border:none;padding:18px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.play-again-button:hover{background:var(--accent-secondary);transform:translateY(-2px)}.play-again-button:active{transform:translateY(0)}.battle-arena-container{display:flex;flex-direction:column;align-items:center;height:100vh;padding:10px;gap:10px;overflow:hidden;box-sizing:border-box}.battle-info{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:min(800px,95vw);padding:16px 24px;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 16px #0003;font-weight:600}.turn-timer{font-size:18px;color:var(--accent-primary)}.turn-timer.warning{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.my-turn{color:var(--accent-primary);font-weight:700}.opponent-turn{color:var(--text-secondary)}.turn-duck-info{font-size:14px;opacity:.8}.arena{width:800px;height:600px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:20px;position:relative;overflow:hidden;cursor:crosshair;box-shadow:0 8px 32px #0000004d;transform-origin:center center;transform:scale(min(.9,min(85vw / 800px,(100vh - 150px) / 600px)))}.arena:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.duck{width:min(60px,7.5vw);height:min(60px,7.5vw);border-radius:50%;position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:min(36px,4.5vw);cursor:pointer;border:min(3px,.4vw) solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000004d;transition:transform .2s}.duck:hover{transform:translate(-50%,-50%) scale(1.05)}.duck.team1{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))}.duck.team2{background:linear-gradient(135deg,#f093fb,#f5576c)}.duck.dead{opacity:.3;pointer-events:none;filter:grayscale(100%)}.duck.active{box-shadow:0 0 min(20px,2.5vw) var(--accent-primary);animation:glow 2s ease-in-out infinite alternate;border-color:var(--accent-primary)!important;border-width:min(4px,.5vw)!important}.duck.active:after{content:"👑";position:absolute;top:min(-35px,-4.375vw);left:50%;transform:translate(-50%);font-size:min(20px,2.5vw);animation:bounce 1s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(min(-5px,-.625vw))}}@keyframes glow{0%{box-shadow:0 0 min(20px,2.5vw) var(--accent-primary);border-color:var(--accent-primary)}to{box-shadow:0 0 min(30px,3.75vw) var(--accent-primary),0 0 min(40px,5vw) var(--accent-primary);border-color:#fff}}.hp-bar{position:absolute;width:min(70px,8.75vw);height:min(8px,1vw);background:#00000080;border-radius:min(4px,.5vw);top:min(-15px,-1.875vw);left:50%;transform:translate(-50%);overflow:hidden;border:min(1px,.125vw) solid rgba(255,255,255,.3)}.hp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .3s ease;border-radius:min(3px,.375vw)}.hp-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.hp-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.cancel-circle{position:absolute;width:min(80px,10vw);height:min(80px,10vw);border:min(3px,.4vw) dashed rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.aim-line{position:absolute;height:min(4px,.5vw);background:linear-gradient(90deg,#fffc,#fff6);border-radius:min(2px,.25vw);pointer-events:none;transform-origin:left center;box-shadow:0 0 8px #ffffff80}.aim-line.opponent{background:linear-gradient(90deg,#ef4444cc,#ef444466);box-shadow:0 0 8px #ef444480}.damage-indicator{position:absolute;font-size:min(24px,3vw);font-weight:700;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8),0 2px 4px rgba(0,0,0,.5);pointer-events:none;animation:damageFloat 1s ease-out forwards;z-index:1000}@keyframes damageFloat{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,min(-50px,-6.25vw)) scale(1.5)}}.loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);font-size:18px;color:var(--text-secondary)}@media (max-width: 768px){.battle-arena-container{padding:5px;gap:5px}.battle-info{flex-direction:column;gap:8px;text-align:center;padding:8px 12px}.turn-timer{font-size:16px}.arena{transform:scale(min(.85,min(90vw / 800px,(100vh - 120px) / 600px)));border-radius:15px}}@media (max-width: 480px){.battle-arena-container{padding:2px;gap:2px}.battle-info{padding:6px 8px;font-size:12px}.turn-timer{font-size:14px}.arena{transform:scale(min(.8,min(95vw / 800px,(100vh - 100px) / 600px)));border-radius:12px}}@media (max-width: 360px){.battle-arena-container{padding:1px;gap:1px}.arena{transform:scale(min(.75,min(98vw / 800px,(100vh - 80px) / 600px)));border-radius:10px}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 24px #00000080;z-index:9999;min-width:300px;max-width:90vw;border:2px solid}.toast-error{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26261a)}.toast-error .toast-icon{color:#ef4444}.toast-success{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596691a)}.toast-success .toast-icon{color:#10b981}.toast-info{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#2563eb1a)}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;background:#ffffff1a;color:var(--text-secondary);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.toast-close:hover{background:#fff3}@media (max-width: 768px){.toast{top:20px;left:50%;transform:translate(-50%);min-width:auto;width:calc(100vw - 40px)}}.battle-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:20px;overflow-y:auto}.battle-main-content{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;max-width:800px}.battle-left{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.logo-placeholder{width:100px;height:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-title{font-size:24px;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-right{display:flex;flex-direction:column;gap:20px;flex:1}.battle-rank-section{width:100%;margin-bottom:8px}.battle-rank-badge{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card-bg);border-radius:16px;border:3px solid;box-shadow:0 4px 16px #0003;transition:all .3s;width:100%}.battle-rank-info{display:flex;flex-direction:column;gap:4px}.battle-rank-tier{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.battle-rank-elo{font-size:14px;color:var(--text-secondary);font-weight:500}.find-match-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:12px;font-size:18px;font-weight:600;box-shadow:0 8px 24px #e9456066;transition:all .3s}.find-match-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e9456080}@media (max-width: 768px){.battle-main-content{flex-direction:column;gap:30px}.battle-right{width:100%}.game-title{font-size:20px}.logo-placeholder{width:80px;height:80px}.battle-rank-badge{padding:12px 20px}.battle-rank-tier{font-size:16px}}.duck-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.duck-detail-modal{background:var(--card-bg);border-radius:16px;padding:24px;max-width:360px;width:100%;max-height:none;border:2px solid;box-shadow:0 10px 40px #00000080;position:relative;margin:20px auto}.close-modal-btn{position:absolute;top:12px;right:12px;background:#ffffff1a;color:var(--text-primary);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal-btn:hover{background:#fff3}.duck-detail-header{text-align:center;margin-bottom:20px}.duck-detail-icon{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.duck-detail-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.duck-detail-special{padding:12px;background:#e945601a;border-radius:8px;margin-bottom:16px}.special-detail-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.duck-detail-stats{display:flex;flex-direction:column;gap:8px}.stat-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#7c3aed1a;border-radius:8px}.stat-detail-label{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-detail-value{font-size:16px;font-weight:700;color:var(--text-primary)}@media (max-width: 768px){.duck-detail-overlay{padding:10px;align-items:flex-start}.duck-detail-modal{padding:20px;max-width:100%;width:calc(100vw - 20px);margin:10px auto}.duck-detail-header{margin-bottom:16px}.duck-detail-icon{margin-bottom:8px}.duck-detail-name{font-size:18px}.duck-detail-special{padding:10px;margin-bottom:12px}.special-detail-description{font-size:13px}.stat-detail-item{padding:8px 10px}.stat-detail-label{font-size:13px}.stat-detail-value{font-size:15px}}.squad-screen{padding-bottom:20px}.selected-section{margin-bottom:24px}.section-title-center{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px;text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(233,69,96,.2)}.selected-slots-cr{display:flex;justify-content:center;gap:12px}.slot-cr{width:90px;height:110px;border-radius:12px;background:var(--card-bg);border:3px dashed rgba(233,69,96,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.slot-cr.filled{border-style:solid;border-color:var(--accent-primary);background:linear-gradient(135deg,#e945601a,#7c3aed1a);cursor:pointer}.slot-cr.filled:hover{transform:scale(1.05)}.slot-duck-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--accent-primary)}.slot-placeholder{font-size:36px;color:var(--text-secondary);opacity:.5}.remove-duck{position:absolute;top:4px;right:4px;background:var(--accent-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .2s}.slot-cr.filled:hover .remove-duck{opacity:1}.ducks-collection{margin-top:24px}.ducks-grid-cr{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.duck-card-cr{background:var(--card-bg);border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid;position:relative;display:flex;flex-direction:column;gap:8px}.duck-card-cr:hover:not(.selected){transform:translateY(-4px);box-shadow:0 8px 16px var(--shadow)}.duck-card-cr.selected{opacity:.5;cursor:pointer;transform:scale(.95)}.duck-card-header{position:relative;margin-bottom:0;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.duck-icon-large{display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.selected-check{position:absolute;top:-8px;right:-8px;background:var(--accent-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #e9456066}.duck-details-btn{width:100%;padding:8px;background:#7c3aed1a;color:var(--text-primary);border:1px solid rgba(124,58,237,.3);border-radius:8px;font-size:13px;font-weight:500;transition:all .2s;margin-top:auto}.duck-details-btn:hover{background:#7c3aed33;border-color:#7c3aed80}.duck-name-cr{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.duck-stats-cr{display:flex;flex-direction:column;gap:6px}.stat-item-cr{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-weight:500}.stat-value{font-weight:600}.save-section{position:sticky;bottom:80px;margin-top:20px;padding:16px;background:var(--bg-primary);border-radius:16px;box-shadow:0 -4px 20px var(--shadow);z-index:10;animation:slideUpFade .3s ease-out}.save-section.hiding{animation:slideDownFade .3s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.confirm-button-cr{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #e9456066;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-button-cr:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #e9456080}.confirm-button-cr:active:not(:disabled){transform:translateY(0)}.confirm-button-cr.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;animation:successPulse .5s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.confirm-button-cr.no-changes{opacity:.5;cursor:default}.confirm-button-cr:disabled{cursor:not-allowed}@media (max-width: 768px){.slot-cr{width:80px;height:100px}.slot-duck-icon{font-size:40px}.ducks-grid-cr{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.duck-icon-large{font-size:44px}}.settings{padding-bottom:20px}.settings-list{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.setting-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(233,69,96,.2);transition:all .3s ease}.setting-item:hover{border-color:var(--accent-primary);transform:translate(2px)}.setting-info{display:flex;align-items:center;gap:15px;font-size:18px;font-weight:500;color:var(--text-primary)}.setting-info svg{color:var(--accent-primary)}.toggle-button{width:60px;height:32px;border-radius:16px;background:var(--bg-card);position:relative;transition:all .3s;padding:0;border:2px solid var(--accent-secondary)}.toggle-button.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-slider{width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .3s;box-shadow:0 2px 4px #0000004d}.toggle-button.active .toggle-slider{left:30px}.info-section{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;text-align:center;border:1px solid rgba(233,69,96,.2)}.info-section h3{font-size:20px;margin-bottom:15px;color:var(--text-primary)}.info-section p{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.setting-select{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--accent-secondary);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:all .3s;min-width:120px}.setting-select:hover{border-color:var(--accent-primary);background:var(--card-hover)}.setting-select:focus{border-color:var(--accent-primary)}.setting-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}@media (max-width: 768px){.setting-item{padding:16px}.setting-info{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border-radius:20px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(233,69,96,.3)}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.close-button{background:transparent;color:var(--text-secondary);padding:8px;border-radius:8px;transition:all .2s}.close-button:hover{background:#e945601a;color:var(--accent-primary)}.modal-body{padding:20px;overflow-y:auto;max-height:calc(80vh - 140px)}.modal-description{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.ranks-list{display:flex;flex-direction:column;gap:12px}.rank-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid rgba(233,69,96,.2);transition:all .2s}.rank-item:hover{border-color:var(--accent-primary);transform:translate(4px)}.rank-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-emoji{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rank-details{flex:1}.rank-name{font-size:18px;font-weight:700;margin:0 0 4px}.rank-divisions{font-size:14px;opacity:.7;font-weight:400}.rank-elo{font-size:14px;color:var(--text-secondary);margin:0}.modal-footer{margin-top:20px;padding-top:20px;border-top:1px solid rgba(233,69,96,.3);text-align:center}.modal-footer p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width: 768px){.modal-content{max-height:90vh}.modal-header h2{font-size:20px}.rank-item{padding:12px}.rank-icon{width:45px;height:45px}.rank-emoji{font-size:24px}.rank-name{font-size:16px}}.match-history-screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.back-button{background:var(--card-bg);color:var(--text-primary);padding:10px 15px;border-radius:10px;font-size:16px;transition:all .2s;border:1px solid var(--accent-primary)}.back-button:hover{background:var(--card-hover);transform:translate(-2px)}.matches-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.match-card{background:var(--bg-secondary);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;border:2px solid transparent}.match-card.victory{border-color:#22c55e4d}.match-card.defeat{border-color:#ef44444d}.match-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.match-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.match-result{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.match-card.victory .match-result{color:#22c55e}.match-card.defeat .match-result{color:#ef4444}.elo-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;padding:4px 12px;border-radius:8px}.elo-change.positive{color:#22c55e;background:#22c55e1a}.elo-change.negative{color:#ef4444;background:#ef44441a}.match-card-body{display:flex;flex-direction:column;gap:8px}.match-detail{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.match-detail span:last-child{color:var(--text-primary);font-weight:500}.empty-history{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px}.match-details-card{margin:16px;background:var(--bg-secondary);border-radius:16px;padding:24px}.match-result-badge{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border-radius:12px;font-size:24px;font-weight:700;margin-bottom:24px}.match-result-badge.victory{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#22c55e}.match-result-badge.defeat{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444}.match-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-secondary)}.info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.info-value.positive{color:#22c55e}.info-value.negative{color:#ef4444}.ducks-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ducks-column h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.duck-item{background:var(--bg-tertiary);padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-primary);margin-bottom:8px}.profile-screen{padding-bottom:20px}.profile-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--accent-primary),0 8px 24px #e9456066;position:relative}.avatar:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:700;color:#fff}.username{font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-section{margin-bottom:30px}.rank-badge{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:3px solid;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease}.rank-badge:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--shadow)}.rank-info{display:flex;flex-direction:column;gap:5px}.rank-tier{font-size:28px;font-weight:700}.rank-elo{font-size:16px;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid rgba(233,69,96,.2);transition:all .3s ease}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:18px 20px;display:flex;align-items:center;gap:15px;color:var(--text-primary);font-size:16px;transition:all .3s;text-align:left;border:1px solid rgba(233,69,96,.2)}.menu-item svg{color:var(--accent-primary)}.menu-item:hover{background:var(--card-hover);border-color:var(--accent-primary);transform:translate(5px)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-value{font-size:20px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid rgba(233,69,96,.3);display:flex;justify-content:space-evenly;align-items:center;padding:12px 20px max(env(safe-area-inset-bottom,12px),12px);z-index:1000;box-shadow:0 -2px 10px var(--shadow);height:70px}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:12px;font-size:11px;font-weight:600;transition:all .2s ease;flex:1;max-width:100px;position:relative}.nav-button svg{transition:all .2s ease}.nav-button.main{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #e9456066;padding:10px 20px;border-radius:16px}.nav-button.main svg{transform:scale(1.15)}.nav-button.active:not(.main){color:var(--accent-primary);background:#e945601a}.nav-button.active:not(.main) svg{transform:scale(1.1)}.nav-button:active{transform:scale(.95)}@media (max-width: 768px){.nav-button{padding:6px 12px;font-size:10px}.nav-button.main{padding:8px 16px}}.orientation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.orientation-content{text-align:center;max-width:400px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.phone-icon-container{margin-bottom:30px;animation:rotatePhone 2s ease-in-out infinite}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.phone-icon{color:var(--accent-primary);filter:drop-shadow(0 4px 12px rgba(233,69,96,.4))}.orientation-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:15px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orientation-text{font-size:18px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.orientation-hint{font-size:14px;color:var(--text-secondary);opacity:.7;font-style:italic}@media (max-width: 768px){.orientation-title{font-size:24px}.orientation-text{font-size:16px}.phone-icon-container{margin-bottom:20px}}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:max(env(safe-area-inset-bottom,80px),80px)}.app-content{flex:1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;width:100%;padding:20px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen{flex:1;display:flex;flex-direction:column}.screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.screen-title{font-size:28px;font-weight:700;text-align:center;flex:1;color:var(--text-primary)}@media (max-width: 768px){.app-content{padding:16px}.screen-title{font-size:24px}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh}.loader-container{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(233,69,96,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (min-width: 769px){.app-content{max-width:800px}}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent-primary: #e94560;--accent-secondary: #533483;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--card-bg: rgba(15, 52, 96, .8);--card-hover: rgba(15, 52, 96, 1);--shadow: rgba(0, 0, 0, .5)}:root[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-card: #e9ecef;--accent-primary: #e94560;--accent-secondary: #7c3aed;--text-primary: #212529;--text-secondary: #6c757d;--card-bg: #ffffff;--card-hover: #f8f9fa;--shadow: rgba(0, 0, 0, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:all .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:active{transform:scale(.98)}