@keyframes dodSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dodSpin{to{transform:rotate(360deg)}}.dod-page{min-height:80vh;padding:60px 20px 80px}.dod-container{max-width:820px;margin:0 auto;font-family:Inter,system-ui,sans-serif}.dod-hero{text-align:center;margin-bottom:36px}.dod-hero-icon{color:#00d4ff;border:1px solid #00d4ff33;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex;background:linear-gradient(135deg,#00d4ff1f,#a855f714)!important}.dod-title{letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:900;color:var(--text-primary,#fff)!important}.dod-title-accent{background:linear-gradient(135deg,#f44,#ff8c32);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dod-subtitle{max-width:500px;margin:0 auto;font-size:13px;font-weight:500;color:var(--text-muted,#94a3b8)!important}.dod-input-card{margin-bottom:16px;position:relative;overflow:hidden;background:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:14px!important;padding:24px!important}.dod-input-card:before{content:"";background:linear-gradient(90deg,#0000,#00d4ff66,#a855f766,#0000);height:2px;position:absolute;top:0;left:0;right:0}.dod-input-row{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.dod-input-group{flex:1;min-width:180px}.dod-input-group--region{flex:0 0 110px;min-width:110px}.dod-label{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block;color:var(--text-muted,#94a3b8)!important}.dod-input,.dod-select{-webkit-appearance:none;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .25s;color:var(--text-primary,#fff)!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:10px!important}.dod-input:hover,.dod-select:hover{border-color:#00d4ff40!important}.dod-input:focus,.dod-select:focus{box-shadow:0 0 12px #00d4ff14;border-color:#00d4ff80!important}.dod-input::placeholder{font-weight:500;color:#fff3!important}.dod-select option{background:var(--bg-secondary,#1a1d24)!important;color:var(--text-primary,#fff)!important}.dod-vs{color:#ffffff26;flex:none;padding-bottom:8px}.dod-btn-wrap{justify-content:center;margin-top:20px;display:flex}.dod-compare-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 40px;font-size:13px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 8px 25px #00d4ff33;color:#fff!important;background:linear-gradient(135deg,#00d4ff,#a855f7)!important}.dod-compare-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #00d4ff4d}.dod-compare-btn--loading{opacity:.7;cursor:not-allowed}.dod-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite dodSpin}.dod-error{border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:14px 20px;font-size:13px;font-weight:600;display:flex;color:#ff6b6b!important;background:#ef44440f!important;border:1px solid #ef444426!important}.dod-verdict{text-align:center;border-radius:16px;margin-bottom:20px;padding:32px 28px;position:relative;overflow:hidden;background:var(--verdict-bg)!important;border:1px solid var(--verdict-border)!important}.dod-verdict:before{content:"";background:var(--verdict-color);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.dod-verdict-label{letter-spacing:3px;margin-bottom:8px;font-size:10px;font-weight:800;color:#ffffff4d!important}.dod-verdict-text{letter-spacing:-.5px;margin-bottom:10px;font-size:36px;font-weight:900;color:var(--verdict-color)!important}.dod-verdict-desc{max-width:560px;margin:0 auto;font-size:14px;line-height:1.6;color:#ffffff8c!important}.dod-verdict-tip{opacity:.7;margin-top:12px;font-size:12px;font-weight:600;color:var(--verdict-color)!important}.dod-players{align-items:stretch;gap:0;margin-bottom:20px;display:flex}.dod-player-card{text-align:center;border-radius:14px;flex:1;padding:24px 16px 20px;transition:border-color .3s;position:relative;overflow:hidden;background:#ffffff05!important;border:1px solid #ffffff14!important}.dod-player-card:hover{border-color:var(--card-accent,#ffffff1f)!important}.dod-player-card-glow{pointer-events:none;opacity:.8;width:200px;height:120px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.dod-player-rank-badge{letter-spacing:2px;border:1px solid;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:9px;font-weight:900;display:inline-block;position:relative}.dod-player-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:17px;font-weight:800;position:relative;overflow:hidden;color:var(--text-primary,#fff)!important}.dod-player-rank{margin-bottom:2px;font-size:13px;font-weight:700;position:relative}.dod-player-mmr{font-size:11px;font-weight:600;position:relative;color:var(--text-muted,#94a3b8)!important}.dod-vs-badge{letter-spacing:1px;z-index:2;border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;margin:0 -10px;font-size:11px;font-weight:900;display:flex;position:relative;color:#ffffff80!important;background:#ffffff0a!important;border:1px solid #ffffff14!important}.dod-vs-badge span{z-index:1;position:relative}.dod-vs-pulse{border:1px solid #f443;border-radius:50%;animation:2s ease-in-out infinite dodVsPulse;position:absolute;inset:-3px}@keyframes dodVsPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.dod-grid{margin-bottom:16px;overflow:hidden;background:#ffffff04!important;border:1px solid #ffffff14!important;border-radius:14px!important}.dod-grid-row{grid-template-columns:1fr auto 1fr;align-items:center;transition:background .2s;display:grid;border-bottom:1px solid #ffffff0a!important}.dod-grid-row:hover{background:#ffffff04!important}.dod-grid-row:last-child{border-bottom:none!important}.dod-grid-cell{align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:700;transition:color .2s;display:flex;color:#ffffff73!important}.dod-grid-cell--left,.dod-grid-cell--right{justify-content:center}.dod-grid-cell--winner{position:relative;color:#00ff7f!important}.dod-grid-cell--winner:after{content:"";opacity:.3;background:#00ff7f;border-radius:2px;width:3px;position:absolute;top:0;bottom:0}.dod-grid-cell--left.dod-grid-cell--winner:after{left:0}.dod-grid-cell--right.dod-grid-cell--winner:after{right:0}.dod-grid-cell--loser{color:#ff6b6b80!important}.dod-win-arrow{opacity:.9;flex-shrink:0}.dod-grid-label{letter-spacing:1px;text-align:center;min-width:90px;padding:14px 16px;font-size:10px;font-weight:800;color:#fff3!important;border-left:1px solid #ffffff0a!important;border-right:1px solid #ffffff0a!important}.dod-role-note{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 18px;font-size:13px;font-weight:500;line-height:1.5;display:flex;color:#ffffff80!important;background:#00d4ff0a!important;border:1px solid #00d4ff1a!important}.dod-role-note svg{color:#00d4ff;flex-shrink:0;margin-top:2px}.dod-role-note--warning{background:#ffd7000a!important;border-color:#ffd7001f!important}.dod-role-note--warning svg{color:gold}.dod-mmr-gap{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex;background:#ffffff05!important;border:1px solid #ffffff0f!important}.dod-mmr-gap-label{letter-spacing:1.5px;white-space:nowrap;font-size:9px;font-weight:800;color:var(--text-muted,#94a3b8)!important}.dod-mmr-gap-bar{border-radius:3px;flex:1;height:6px;overflow:hidden;background:#ffffff0a!important}.dod-mmr-gap-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.dod-mmr-gap-value{letter-spacing:-.5px;font-size:16px;font-weight:900}.dod-ctas{flex-direction:column;gap:10px;display:flex}.dod-cta{align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:all .25s;background:#ffffff05!important;border:1px solid #ffffff0f!important;border-radius:12px!important;display:flex!important}.dod-cta:hover{background:#00d4ff08!important;border-color:#00d4ff26!important}.dod-cta-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;background:#00d4ff14!important}.dod-cta-text{flex:1;min-width:0}.dod-cta-title{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800;color:#00d4ff!important}.dod-cta-desc{margin-top:2px;font-size:11px;color:var(--text-muted,#94a3b8)!important}.dod-cta-arrow{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:7px 14px;font-size:11px;font-weight:800;color:#00d4ff!important;background:#00d4ff14!important}.dod-seo{max-width:820px;margin:40px auto 0;padding:0 20px 60px;font-family:Inter,system-ui,sans-serif}.dod-seo-inner{background:#ffffff05!important;border:1px solid #ffffff0f!important;border-radius:14px!important;padding:28px!important}.dod-seo-h2{letter-spacing:-.3px;margin:0 0 14px;font-size:18px;font-weight:800;color:var(--text-primary,#fff)!important}.dod-seo-h3{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--text-primary,#fff)!important}.dod-seo-p{margin:0 0 14px;font-size:13px;line-height:1.7;color:var(--text-muted,#94a3b8)!important}.dod-seo-p:last-child{margin-bottom:0}.dod-seo-link{text-decoration:none;color:#00d4ff!important}.dod-seo-link:hover{text-decoration:underline}@media (width<=700px){.dod-input-row{flex-direction:column;gap:12px}.dod-input-group,.dod-input-group--region{flex:100%;min-width:0}.dod-vs{display:none}.dod-verdict-text{font-size:28px}.dod-players{flex-direction:column;gap:8px}.dod-vs-badge{margin:-4px 0}.dod-player-card{width:100%}.dod-grid-cell{padding:11px 12px;font-size:13px}.dod-grid-label{min-width:70px;font-size:9px}.dod-title{font-size:24px}}@media (width<=480px){.dod-page{padding:40px 12px 60px}.dod-compare-btn{justify-content:center;width:100%}}html[data-theme=light] .dod-input-card,html[data-theme=light] .dod-grid,html[data-theme=light] .dod-player-card,html[data-theme=light] .dod-mmr-gap,html[data-theme=light] .dod-cta,html[data-theme=light] .dod-seo-inner{background:#00000005!important;border-color:#00000014!important}html[data-theme=light] .dod-input-card:before{background:linear-gradient(90deg,#0000,#0a7ea44d,#7c3aed4d,#0000)}html[data-theme=light] .dod-player-card:hover{border-color:#00000026!important}html[data-theme=light] .dod-player-rank-badge{background:#0000000a!important}html[data-theme=light] .dod-input,html[data-theme=light] .dod-select{color:#1f2937!important;background:#00000005!important;border-color:#0000001a!important}html[data-theme=light] .dod-input:hover,html[data-theme=light] .dod-select:hover{border-color:#0a7ea44d!important}html[data-theme=light] .dod-input:focus,html[data-theme=light] .dod-select:focus{box-shadow:0 0 12px #0a7ea414;border-color:#0a7ea480!important}html[data-theme=light] .dod-input::placeholder{color:#00000040!important}html[data-theme=light] .dod-select option{color:#1f2937!important;background:#fff!important}html[data-theme=light] .dod-title{color:#1a1a2e!important}html[data-theme=light] .dod-title-accent{background:linear-gradient(135deg,#dc2626,#ea580c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .dod-subtitle,html[data-theme=light] .dod-label{color:#64748b!important}html[data-theme=light] .dod-hero-icon{color:#0a7ea4;border-color:#0a7ea433;background:linear-gradient(135deg,#0a7ea41a,#7c3aed0f)!important}html[data-theme=light] .dod-compare-btn{box-shadow:0 8px 25px #0a7ea433;background:linear-gradient(135deg,#0a7ea4,#7c3aed)!important}html[data-theme=light] .dod-vs{color:#0000001f}html[data-theme=light] .dod-verdict-label{color:#0000004d!important}html[data-theme=light] .dod-verdict-desc{color:#00000080!important}html[data-theme=light] .dod-player-name{color:#1a1a2e!important}html[data-theme=light] .dod-player-mmr{color:#64748b!important}html[data-theme=light] .dod-vs-badge{color:#0003!important;background:#00000005!important;border-color:#00000014!important}html[data-theme=light] .dod-vs-pulse{border-color:#dc262626}html[data-theme=light] .dod-grid-row{border-bottom-color:#0000000a!important}html[data-theme=light] .dod-grid-row:hover{background:#00000004!important}html[data-theme=light] .dod-grid-cell{color:#0006!important}html[data-theme=light] .dod-grid-cell--winner{color:#16a34a!important}html[data-theme=light] .dod-grid-cell--winner:after{background:#16a34a}html[data-theme=light] .dod-grid-cell--winner .dod-win-arrow path{stroke:#16a34a}html[data-theme=light] .dod-grid-cell--loser{color:#dc262680!important}html[data-theme=light] .dod-grid-label{color:#0000004d!important;border-left-color:#0000000a!important;border-right-color:#0000000a!important}html[data-theme=light] .dod-role-note{color:#00000080!important;background:#0a7ea40a!important;border-color:#0a7ea41a!important}html[data-theme=light] .dod-role-note svg{color:#0a7ea4}html[data-theme=light] .dod-role-note--warning{background:#ca8a040a!important;border-color:#ca8a041f!important}html[data-theme=light] .dod-role-note--warning svg{color:#ca8a04}html[data-theme=light] .dod-mmr-gap-bar{background:#0000000a!important}html[data-theme=light] .dod-mmr-gap-label{color:#64748b!important}html[data-theme=light] .dod-cta:hover{background:#0a7ea408!important;border-color:#0a7ea426!important}html[data-theme=light] .dod-cta-icon{background:#0a7ea414!important}html[data-theme=light] .dod-cta-title{color:#0a7ea4!important}html[data-theme=light] .dod-cta-desc{color:#64748b!important}html[data-theme=light] .dod-cta-arrow{color:#0a7ea4!important;background:#0a7ea414!important}html[data-theme=light] .dod-seo-h2,html[data-theme=light] .dod-seo-h3{color:#1a1a2e!important}html[data-theme=light] .dod-seo-p{color:#64748b!important}html[data-theme=light] .dod-seo-link{color:#0a7ea4!important}html[data-theme=light] .dod-error{color:#dc2626!important;background:#ef44440a!important;border-color:#ef44441f!important}