.cmp{display:flex;flex-direction:column;gap:14px;max-width:1280px;margin:0 auto}.cmp-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cmp-actions{display:flex;justify-content:flex-end;margin-top:8px}.cmp-share{font-family:var(--ff-m);font-size:.68rem;font-weight:700;padding:5px 13px;border-radius:8px;border:1px solid var(--gl);background:var(--gd);color:var(--gold);cursor:pointer;white-space:nowrap;transition:filter .15s}.cmp-share:hover{filter:brightness(1.18)}.cmp-slot{display:flex;align-items:center;gap:10px;min-height:60px;padding:9px 11px;border:1px solid var(--bd);border-top:2px solid var(--sc, var(--bd));border-radius:12px;background:var(--bg2)}.cmp-slot.empty{color:var(--t3);font-size:.78rem;justify-content:center;border-style:dashed}.cmp-slot img{width:40px;height:40px;border-radius:8px;image-rendering:pixelated;flex-shrink:0}.cmp-slot .si{min-width:0;flex:1}.cmp-slot .si b{display:block;font-size:.8rem;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-slot .si span{font-size:.68rem;color:var(--t2);font-family:var(--ff-m)}.cmp-slot .rm{margin-left:auto;background:none;border:none;color:var(--t3);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:6px;line-height:1}.cmp-slot .rm:hover{color:var(--rl);background:var(--rg)}.cmp-pick{border:1px solid var(--bd);border-radius:12px;background:var(--bg1);padding:12px}.cmp-search{width:100%;padding:9px 12px;border:1px solid var(--bd);border-radius:9px;background:var(--bg2);color:var(--t1);font-size:.85rem;margin-bottom:10px}.cmp-search:focus{outline:none;border-color:var(--bdh)}.cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;max-height:216px;overflow-y:auto}.cmp-cell{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:var(--bg3);cursor:pointer;padding:0;overflow:hidden}.cmp-cell img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.cmp-cell:hover{border-color:var(--bdh);transform:translateY(-1px)}.cmp-cell.on{border-width:2px;box-shadow:0 0 0 2px var(--sc) inset}.cmp-cell .pin{position:absolute;top:-1px;right:-1px;width:15px;height:15px;border-radius:0 7px;font-size:.58rem;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center}.cmp-ctx{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--gl);border-radius:12px;background:var(--gd)}.cmp-cinput{padding:7px 11px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t1);font-size:.82rem;min-width:170px;flex:1}.cmp-cinput:focus{outline:none;border-color:var(--gl)}.cmp-clab{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--t2)}.cmp-clab input{width:48px;padding:6px;border:1px solid var(--bd);border-radius:7px;background:var(--bg1);color:var(--t1);font-size:.76rem;font-family:var(--ff-m);text-align:center}.cmp-tgt i{font-size:.56rem;font-style:normal;margin:0 4px 0 -2px}.cmp-presets{display:flex;gap:4px}.cmp-presets button{padding:6px 10px;border:1px solid var(--bd);border-radius:7px;background:var(--bg1);color:var(--t2);font-size:.7rem;cursor:pointer}.cmp-presets button:hover{border-color:var(--gl);color:var(--t1)}.cmp-res{display:flex;flex-direction:column}.cmp-sheet{display:flex;flex-direction:column;gap:12px;--lbl: 128px}@media(min-width:940px){.cmp-sheet{display:block;column-count:2;column-gap:14px}.cmp-sheet>.cmp-card{margin:0 0 14px;break-inside:avoid}}.cmp-card{border:1px solid var(--bd);border-radius:14px;background:var(--bg1);padding:14px 16px}.cmp-card>h3{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin:0 0 11px}.cmp-hint{color:var(--t3);text-align:center;padding:30px 12px;font-size:.9rem}.cmp-row{display:grid;grid-template-columns:var(--lbl) repeat(var(--n, 3),1fr);gap:10px;align-items:center}.cmp-mlabel{font-size:.72rem;color:var(--t2)}.cmp-mv{font-family:var(--ff-m);font-weight:700;font-size:.88rem}.cmp-mv.best:after{content:"★";font-size:.64rem;margin-left:4px;color:var(--gold);vertical-align:super}.cmp-mrow{padding:6px 0;border-top:1px solid var(--bds)}.cmp-conts{padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--bd)}.cmp-cn{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:inherit;transition:transform .12s}.cmp-cn:hover{transform:translateY(-1px)}.cmp-cn:hover .cni b{color:var(--gold)}.cmp-cn img{width:44px;height:44px;border-radius:9px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--sc);flex-shrink:0}.cmp-cn .cni{min-width:0;flex:1}.cmp-cn .cni b{display:block;font-size:.8rem;color:var(--t1);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-cn .cni .cncost{font-size:.68rem;color:var(--gold);font-family:var(--ff-m)}.cmp-cneff{font-family:var(--ff-m);font-weight:800;font-size:.76rem;padding:2px 8px;border-radius:20px;color:var(--sc);border:1px solid var(--sc);background:var(--bg2);flex-shrink:0}.cmp-card.hero{border-color:var(--gl);background:var(--bg1);box-shadow:inset 0 0 0 1px var(--gd)}.cmp-card.hero>h3{color:var(--gold)}.cmp-verdict{margin-top:11px;padding:10px 12px;border-radius:9px;background:var(--bg2);font-size:.82rem;line-height:1.5;color:var(--t1);border-left:3px solid var(--gold)}.cmp-imphint{font-size:.66rem;color:var(--t3);margin:9px 0 0;line-height:1.4}.cmp-statrow{display:grid;grid-template-columns:var(--lbl) repeat(var(--n, 3),1fr);gap:10px;align-items:center;margin-bottom:9px}.cmp-sn{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-scell{display:flex;flex-direction:column;gap:4px}.cmp-sval{font-family:var(--ff-m);font-size:.68rem;font-weight:700}.cmp-sval i{color:var(--t3);font-style:normal;font-size:.58rem}.cmp-sval.zero{color:var(--t3);font-weight:400}.cmp-sbar{height:6px;border-radius:4px;background:var(--bg3);overflow:hidden}.cmp-sbar>span{display:block;height:100%;border-radius:4px}.cmp-pass{display:grid;grid-template-columns:repeat(var(--n, 3),1fr);gap:12px}.cmp-passcol h4{font-size:.8rem;margin:0 0 6px}.cmp-fx{font-size:.72rem;color:var(--t2);line-height:1.45;margin-bottom:8px}.cmp-fx b{color:var(--t1)}.cmp-fx .tag{font-size:.56rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin-right:4px;font-family:var(--ff-m)}.cmp-adv{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;border-radius:9px;background:var(--bg2);border-left:3px solid var(--ac, var(--bd));margin-bottom:7px;font-size:.8rem;line-height:1.45;color:var(--t1)}.cmp-adv .ico{font-size:.95rem;flex-shrink:0}.cmp-radar{display:flex;justify-content:center}.cmp-radar svg{width:100%;max-width:320px;height:auto}.cmp-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:2px}.cmp-leg{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--t2)}.cmp-leg .dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.cmp-comp{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--t2);padding:3px 0}.cmp-comp img{width:22px;height:22px;border-radius:5px;image-rendering:pixelated;flex-shrink:0}.cmp-comp span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-comp b{color:var(--gold);font-family:var(--ff-m);font-size:.68rem}.cmp-combine{border-top:1px dashed var(--bds);margin-top:4px;padding-top:6px;color:var(--t3)}.cmp-combine span{flex:1}.cmp-shared{margin-top:11px;padding:8px 11px;border-radius:9px;background:var(--bg2);font-size:.76rem;color:var(--t1);border-left:3px solid var(--teal)}.cmp-shared b{color:var(--t1)}@media(max-width:680px){.cmp-slots{grid-template-columns:1fr}.cmp-sheet{--lbl: 76px}.cmp-row,.cmp-statrow{gap:5px}.cmp-mlabel,.cmp-sn{font-size:.6rem}.cmp-mv{font-size:.76rem}.cmp-cn{flex-direction:column;gap:3px;text-align:center}.cmp-cn img{width:36px;height:36px}.cmp-cn .cni b{font-size:.6rem;white-space:normal}.cmp-cn .cni .cncost,.cmp-cneff{font-size:.58rem}.cmp-pass{grid-template-columns:1fr}}