:root{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9e9e6;background:#101213;--ink: #e9e9e6;--muted: #8c918f;--line: #303535;--panel: #1d2221;--lime: #d3f36a;--gold: #e7b85f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#26302b 0,#101213 35%);min-width:320px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}nav{min-height:74px;border-bottom:1px solid #2a2e2e;display:flex;align-items:center;justify-content:space-between;padding:12px max(32px,calc((100% - 1240px)/2));gap:16px;font-size:12px;letter-spacing:.08em}.brand{display:flex;gap:11px;align-items:center;font-weight:800}.brand b{color:#7d8580;font-weight:500}.brand-mark{width:34px;height:34px;flex-shrink:0;border:1px solid #56605b;border-radius:9px;display:grid;place-items:center;color:var(--lime)}.nav-pill{color:#a7aca8}.nav-pill i{font-style:normal;color:var(--lime);margin-left:8px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--lime)}nav a{color:#b9bfbc;text-decoration:none;display:flex;gap:5px;align-items:center}.nav-actions{display:flex;gap:16px;align-items:center}.lang-btn{background:#252a29;border:1px solid #3d4540;border-radius:5px;padding:6px 9px;font-size:10px;color:var(--lime)}main{max-width:1240px;margin:auto;padding:84px 32px 40px}.hero{position:relative;margin-bottom:62px}.eyebrow{font:500 11px ui-monospace,monospace;letter-spacing:.15em;color:var(--lime);text-transform:uppercase;display:flex;gap:8px;align-items:center}.hero h1{font-size:clamp(44px,6vw,79px);line-height:1.06;letter-spacing:-.065em;margin:22px 0;color:#f3f3ef}.hero h1 em{color:var(--lime);font-style:normal}.hero p{color:#9da39f;line-height:1.8;font-size:14px}.hero-stats{position:absolute;right:0;bottom:0;display:flex;gap:35px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font-size:31px;letter-spacing:-.05em}.hero-stats span{font:10px ui-monospace,monospace;color:#7d8580}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.control-panel,.result-panel{min-width:0;background:#1d2221e0;border:1px solid var(--line);border-radius:13px;padding:27px}.panel-heading,.mode-switch{display:flex;gap:12px;align-items:center}.panel-heading>div:first-child{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.step{font:11px ui-monospace,monospace;color:#68716d}.panel-heading h2,.mode-label h2{font-size:14px;margin:0 0 4px}.panel-heading p,.mode-label p{font-size:11px;color:#929b96;margin:0}.panel-heading>svg{color:#7d8580;flex-shrink:0}.search-box{min-height:44px;border:1px solid #373e3b;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 12px;margin:25px 0 10px;color:#929b96}.search-box:focus-within{border-color:var(--lime)}.search-box input{background:none;border:0;outline:0;width:100%;min-width:0;font-size:12px}.emblem-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.emblem{min-width:0;min-height:44px;background:transparent;border:1px solid transparent;border-radius:7px;text-align:left;padding:8px 7px;display:flex;align-items:center;gap:8px;font-size:11px;color:#aeb4b0}.emblem:hover,.emblem.active{background:#28302c;border-color:#4d5d4b;color:#eff2e9}.emblem>span:nth-child(2){overflow-wrap:anywhere}.emblem-icon{width:24px;height:24px;flex-shrink:0;border-radius:6px;background:#344436;display:grid;place-items:center;color:var(--lime);overflow:hidden}.emblem-icon img{width:100%}.selected{margin-left:auto;color:var(--lime)}.mode-switch{border-top:1px solid var(--line);margin-top:27px;padding-top:22px;flex-wrap:wrap}.mode-label{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.mode-label h2{margin:0}.mode-label p{margin-left:auto}.mode{background:#252a29;border:1px solid transparent;border-radius:5px;padding:8px 10px;min-height:44px;font-size:11px;color:#a4aaa6;flex:1}.mode.active{background:#38472c;border-color:#68804c;color:var(--lime)}.result-panel{padding:34px 38px}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.result-top>div{min-width:0}.result-top h2{font-size:25px;letter-spacing:-.04em;margin:12px 0 0}.copy-btn{background:#252a29;border:1px solid #3d4540;border-radius:6px;padding:9px 12px;min-height:44px;font-size:11px;display:flex;gap:7px;align-items:center;color:#b8beb9;white-space:nowrap;flex-shrink:0}.score{display:flex;align-items:center;gap:13px;margin:33px 0 23px}.score strong{font-size:80px;line-height:.8;letter-spacing:-.08em;color:var(--lime);font-variant-numeric:tabular-nums}.score>span{font:13px ui-monospace,monospace;color:#a4aca5;line-height:1.5}.score-note{font-size:11px;margin-left:auto;color:#8f9891;display:flex;gap:7px;align-items:center}.score-note svg{color:var(--gold);flex-shrink:0}.section-label{font:11px ui-monospace,monospace;color:#bbc2bb;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:23px 0 12px}.section-label span{color:#929b96}.trend{height:105px;border-bottom:1px solid #3a403e;display:flex;gap:11px;align-items:end}.trend-bar{min-width:0;height:100%;flex:1;background:none;border:0;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px;padding:0}.trend-bar span{width:100%;background:#465147;border-radius:4px 4px 0 0;color:#ccd8ba;font:10px ui-monospace,monospace;padding-top:4px}.trend-bar.current span{background:var(--lime);color:#192117}.trend-bar small{font:10px ui-monospace,monospace;color:#929b96}.trend-bar.current small{color:var(--lime)}.divider{border-top:1px solid var(--line);margin:28px 0 18px}.result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.result-meta div{min-width:0;display:flex;flex-direction:column;gap:7px}.result-meta span{font:10px ui-monospace,monospace;color:#929b96}.result-meta b{font-size:13px;overflow-wrap:anywhere}.gold{color:var(--gold)}.champions{width:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,64px);gap:16px 12px;align-items:start;padding-bottom:4px}.avatar-wrap{width:64px;min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center}.avatar-wrap>span{width:100%;font-size:10px;color:#aab1aa;text-align:center;overflow-wrap:anywhere}.avatar{width:48px;height:48px;flex-shrink:0;border:2px solid #596555;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#d9e6c6;overflow:hidden;background:#344535}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-1{background:#34394b;border-color:#5d6482}.avatar-2{background:#4a3e32;border-color:#866b42}.avatar-3{background:#3a334b;border-color:#7a5da0}.avatar-4{background:#30434a;border-color:#4f8a91}.trait-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.trait{font-size:11px;background:linear-gradient(180deg,#2e3932,#202824);border:1px solid #4b5b48;border-radius:5px;padding:6px 9px;color:#d4ddd0;display:inline-flex;align-items:center;gap:6px;box-shadow:inset 0 1px #ffffff0f}.trait img,.trait i{width:18px;height:18px;flex:0 0 18px;object-fit:contain;display:block}.trait i{background:var(--lime);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.trait b{color:var(--lime);font:600 12px ui-monospace,monospace;margin-left:2px;min-width:10px;text-align:center}.callout{margin-top:18px;background:#253026;border:1px solid #46573c;border-radius:10px;padding:17px 20px;display:flex;gap:14px;align-items:flex-start}.callout>div{min-width:0}.callout-icon{font-size:26px;color:var(--lime)}.callout b{font-size:13px}.callout p{font-size:11px;color:#aab4a5;line-height:1.7;margin:6px 0 0}.callout>svg{margin-left:auto;color:#71816b;flex-shrink:0}.rules{margin-top:18px}.rules details{border-bottom:1px solid var(--line);padding:12px 2px}.rules summary{list-style:none;display:flex;gap:8px;align-items:center;color:#aeb6b0;font-size:12px;cursor:pointer}.rules summary svg:last-child{margin-left:auto}.rule-content{padding:12px 24px;color:#8e9890;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.rule-content p{margin:7px 0}.rule-content b{color:#c2cbc2}footer{text-align:center;color:#929b96;font:10px ui-monospace,monospace;padding:25px 20px 40px;line-height:1.8}footer span{margin:0 9px;color:#39413c}@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(0,1fr)}.hero-stats{position:static;margin-top:30px}.result-panel{padding:25px 20px}.score-note{display:none}}@media(max-width:800px){nav{min-height:68px;padding:12px 16px;gap:10px}.brand{font-size:11px;letter-spacing:.04em}.brand-mark{width:30px;height:30px}.nav-pill{display:none}.nav-actions{gap:8px}.nav-actions a{font-size:11px}.lang-btn{min-height:44px;min-width:44px;padding:7px 8px}main{padding:34px 12px 26px}.hero{margin-bottom:34px}.hero h1{font-size:clamp(32px,8vw,48px);line-height:1.15}.hero p{font-size:13px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:10px}.workspace{grid-template-columns:minmax(0,1fr);gap:12px}.control-panel,.result-panel{padding:18px 14px;border-radius:10px}.search-box input{font-size:16px}.result-top{gap:10px}.result-top h2{font-size:20px}.result-panel{padding-top:20px}.copy-btn{font-size:10px;padding:8px}.score{margin:28px 0 20px}.score strong{font-size:68px}.trend{gap:4px;height:92px}.result-meta{gap:10px}.result-meta b{font-size:12px}.champions{grid-template-columns:repeat(auto-fill,54px);gap:16px 4px}.avatar-wrap{width:54px}.avatar{width:44px;height:44px}.avatar-wrap>span{font-size:10px}.trait{font-size:10px;padding:6px 7px}.callout{padding:14px}.rule-content{padding:12px 8px}}@media(max-width:380px){.brand b{display:none}.nav-actions a{letter-spacing:0}}.result-meta span{font-size:12px;color:#b5beb6}.result-meta b{font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.holder-emblem{width:26px;height:26px;border-radius:6px;background:#344436;border:1px solid #617452;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--lime);flex:0 0 26px}.holder-emblem img{width:100%;height:100%;object-fit:contain}.holder-value small{font-size:11px;font-weight:500;color:#929b96}.mode-switch{background:#242d278c;border-radius:8px;padding-left:10px;padding-right:10px}.mode-switch .mode-label{padding-top:2px}@media(max-width:800px){.result-meta span{font-size:11px}.result-meta b{font-size:14px}.holder-value small{font-size:10px}.mode-switch{margin-left:-4px;margin-right:-4px}}.trait.evolution{border-color:var(--gold);box-shadow:0 0 0 1px #e7b85f1f,inset 0 1px #ffffff14}.trait.evolution img{filter:sepia(1) saturate(1.8)}.trait.evolution small{font-size:9px;color:var(--gold);border:1px solid rgba(231,184,95,.55);border-radius:3px;padding:1px 3px;line-height:1.2}.mode-select,.emblem-mobile-select{width:100%;min-height:44px;border:1px solid #4d5d4b;border-radius:7px;background:#28302c;color:#eff2e9;padding:0 12px;font-size:12px}.mode-select{background:#38472c;color:var(--lime);border-color:#68804c}.emblem-mobile-select{display:none;align-items:center;gap:9px}.emblem-mobile-select select{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#eff2e9;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.emblem-mobile-select option,.mode-select option{background:#202725;color:#eff2e9}@media(max-width:800px){.mode-switch .mode-select{display:block}.mode-switch{padding-bottom:10px}.emblem-list{display:none}.emblem-mobile-select{display:flex}.emblem-mobile-select .emblem-icon{margin-left:2px}.emblem-mobile-select select{font-size:13px}}@media(min-width:801px){.workspace{align-items:stretch}.workspace>.control-panel,.workspace>.result-panel{height:100%}}