.combo-page{max-width:1100px}.combo-page nav{display:flex;justify-content:space-between;margin-bottom:36px}.combo-page nav a{color:#d6deea;text-decoration:none}.combo-page nav strong{color:var(--gold);letter-spacing:.2em}.combo-controls{display:flex;align-items:flex-end;gap:15px;padding:20px;background:#0e131b;border:1px solid var(--line);border-radius:16px}.combo-controls label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:11px;flex:1 1}.combo-controls select{background:#171d27;color:var(--text);border:1px solid #303a49;border-radius:8px;padding:12px}.combo-controls>b{padding:0 0 11px;color:var(--gold)}.hero-picker-label{position:relative;min-width:0}.hero-picker{position:relative}.hero-picker summary{height:48px;box-sizing:border-box;display:flex;align-items:center;gap:10px;background:#171d27;color:var(--text);border:1px solid #303a49;border-radius:8px;padding:5px 12px;cursor:pointer;list-style:none}.hero-picker summary::-webkit-details-marker{display:none}.hero-picker summary img{width:54px;height:34px;object-fit:cover;border-radius:5px}.hero-picker summary span{font-size:14px;font-weight:700}.hero-picker summary i{margin-left:auto;font-style:normal;color:var(--muted)}.hero-picker[open] summary{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.hero-picker-panel{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1180px,96vw);box-sizing:border-box;padding:9px;background:#111722;border:1px solid #354052;border-radius:12px;box-shadow:0 18px 48px #000b}.hero-picker-panel input{box-sizing:border-box;width:100%;padding:8px 10px;background:#0b1018;color:var(--text);border:1px solid #303a49;border-radius:8px;outline:none}.hero-picker-panel input:focus{border-color:var(--gold)}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:4px;gap:4px;max-height:none;overflow:visible;margin-top:7px}.hero-grid button{min-width:0;padding:2px;background:#171d27;color:var(--text);border:1px solid transparent;border-radius:5px;cursor:pointer;text-align:left}.hero-grid button.selected,.hero-grid button:hover{border-color:var(--gold);background:#252217}.hero-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.hero-grid span{display:block;padding:2px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:12px}.hero-slot{grid-gap:12px;gap:12px;flex:2 1;min-width:0}.hero-slot,.hero-slot .hero-picker-label{display:grid}.position-picker{display:grid;grid-gap:7px;gap:7px}.position-picker>span{color:var(--muted);font-size:11px}.position-picker>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px}.position-picker button{padding:8px 3px;background:#171d27;color:#aeb8c8;border:1px solid #303a49;border-radius:7px;font-size:11px;cursor:pointer;white-space:nowrap}.position-picker button:hover{border-color:#7f8b9d}.position-picker button.active{background:#382f18;color:#ffd774;border-color:var(--gold);font-weight:700}.combo-result,.combo-state{margin-top:18px;background:#111620;border:1px solid var(--line);border-radius:16px;padding:24px}.combo-state{color:var(--muted)}.combo-state.error{color:#ef7373}.pair{display:flex;align-items:center;gap:12px}.pair img{width:110px;height:64px;object-fit:cover;border-radius:8px}.pair>span{font-size:24px;color:var(--gold)}.pair h2,.pair p{margin:0}.pair p{color:var(--muted);margin-top:6px}.combo-metrics{display:grid;grid-template-columns:repeat(2,1fr);margin-top:22px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.combo-metrics div{padding:18px;border-bottom:1px solid var(--line)}.combo-metrics div:nth-child(odd){border-right:1px solid var(--line)}.combo-metrics b,.combo-metrics span{display:block}.combo-metrics span{color:var(--muted);font-size:11px;margin-bottom:7px}.combo-metrics .up{color:#45d39a}.combo-metrics .down{color:#ef7373}.combo-result .method{color:#697589;font-size:11px;line-height:1.6;margin:18px 0 0}@media(max-width:900px){.hero-picker-panel{width:96vw;max-height:90vh;overflow:auto}.hero-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:700px){.combo-controls{align-items:stretch;flex-direction:column}.combo-controls>b{display:none}.hero-picker-panel{width:calc(100vw - 24px);max-height:88vh}.hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.hero-grid span{font-size:8px}.position-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}.combo-metrics{grid-template-columns:1fr}.combo-metrics div:nth-child(odd){border-right:0}.pair{flex-wrap:wrap}.pair img{width:84px;height:49px}}