:root{color-scheme:dark;font-family:"Microsoft YaHei",sans-serif;color:#d4d3c7;background:#101717}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#41413255,transparent 850px)}main{max-width:1240px;margin:auto;padding:34px 26px 70px}header{border-bottom:1px solid #726344;padding-bottom:22px}header a{display:block;margin-bottom:24px}header>span{letter-spacing:4px;color:#99987d;font-size:11px}a{color:#ceb67e;text-decoration:none}h1{color:#f2d6a0;font-size:30px;margin:12px 0}p{font-size:13px;line-height:1.8}#filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}label{display:flex;flex-direction:column;gap:8px;color:#a6ab9c;font-size:12px}label.search{flex:1;min-width:230px}select,input,button{font:inherit;color:#dadaca;background:#222d28;border:1px solid #62614a;padding:10px;border-radius:3px}input[type=number]{width:110px}button{cursor:pointer}button:hover{border-color:#d9c28c}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid #f2d6a0;outline-offset:3px}#items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.item{background:linear-gradient(#27332c,#19221f);border:1px solid #5c5c45;box-shadow:inset 0 0 0 3px #121b17;padding:18px;display:flex;flex-direction:column;min-width:0}.item.selected{border-color:#e5c987}.item-heading{display:flex;gap:12px;align-items:center}.item img{width:44px;height:44px;image-rendering:pixelated;border:1px solid #948267}.item h2{font-size:15px;line-height:1.5;margin:0 0 4px}.rare{color:#64a4ff}.uncommon{color:#69cf70}.common{color:#d6d7cc}.poor{color:#9b9c99}small{font-size:11px;color:#a3ae9e}.build{color:#e4c88f;margin:15px 0 10px;font-size:13px}.stats{display:flex;gap:7px;flex-wrap:wrap}.stats span{font-size:12px;color:#91cc9b;background:#111b1666;padding:5px 8px}.reason{color:#b0b8a8;flex:1;min-height:44px}.origin{color:#8e9c8c;border-top:1px solid #465142;padding-top:10px}.item button{align-self:flex-start;font-size:12px;padding:7px 12px}#summary{color:#afb897}#comparison{border:1px solid #a38a5b;background:#222b23;padding:18px;overflow-x:auto}#comparison h2{margin:0 0 12px;font-size:17px;color:#e5c987}table{border-collapse:collapse;width:100%;min-width:490px;font-size:12px}th,td{text-align:left;padding:9px;border-bottom:1px solid #465142}th{color:#c9b888;font-weight:400}.positive{color:#7dd796}.negative{color:#e8947e}#comparison button{font-size:11px;padding:5px 10px;margin-left:8px}@media(max-width:850px){#items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){#items{grid-template-columns:1fr}main{padding:24px 14px}h1{font-size:24px}label{flex:1}select{max-width:180px}}

.set-overview{border-top:1px solid #465142;padding-top:12px;color:#b6d898;font-size:13px}.set-bonuses p{margin:7px 0;font-size:12px;line-height:1.65}.set-overview>p{font-size:11px;color:#a3ae9e}
