.cmp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(28px,4vw,48px)}.chip[aria-current=true]{background:var(--ink);color:var(--bg)}.chip[aria-current=true] .n{color:#555}.cmp-add{min-height:44px;padding:0 20px;font-size:var(--step-small)}.cmp-wait .cmp-stage{visibility:hidden}.cmp{--cols: minmax(140px, 1.1fr) repeat(var(--n), minmax(0, 1fr));--cgap: clamp(12px, 2vw, 32px)}.cmp-head,.cmp-row,.cmp-strip-in{display:grid;grid-template-columns:var(--cols);column-gap:var(--cgap)}.cmp-col{display:grid;justify-items:center;align-content:start;gap:8px;min-width:0;padding-top:12px;text-align:center}.cmp-pic.polaroid{width:min(100%,220px);margin:0 0 6px;padding:8px}.cmp-pic img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:contain}.cmp-pic img.badge{padding:14%}.cmp-noimg{display:grid;place-items:center;aspect-ratio:16 / 10;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:3rem}.cmp-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(1.05rem,.9rem + .7vw,1.5rem);line-height:1.05;text-transform:uppercase;letter-spacing:.01em;text-decoration:none;overflow-wrap:anywhere}.cmp-name:hover{text-decoration:underline}.cmp-name.has-r:before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:2px;background:var(--rc);vertical-align:.12em}.cmp-wins{color:var(--meta);font-size:var(--step-small)}.cmp-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cmp-acts button{min-height:36px;padding:0 14px;border:0;border-radius:var(--pill);background:var(--raised);color:var(--ink);font:500 var(--step-small) / 1 var(--font);cursor:pointer;transition:background-color .14s var(--ease-out),transform .14s var(--ease-out)}.cmp-acts button:active{transform:scale(.97)}.cmp-acts .cmp-x{background:transparent;color:var(--meta)}@media(hover:hover)and (pointer:fine){.cmp-acts button:hover{background:#333;color:var(--ink)}}.cmp-body{margin-top:clamp(24px,3vw,40px)}.cmp-sec{padding:28px 0 10px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;color:var(--r6)}.cmp-body>.cmp-sec:first-child{padding-top:0}.cmp-row{align-items:center;padding:14px 0;border-top:1px solid var(--rule)}.cmp-k{color:var(--muted);font-size:var(--step-small);font-weight:500}.cmp-k small{display:block;margin-top:2px;color:var(--meta);font-size:.78rem;font-weight:400}.cmp-v{display:grid;justify-items:center;gap:8px;min-width:0;text-align:center}.cmp-t{font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cmp-v.best .cmp-t{color:var(--r6);font-weight:800}.cmp-v.best .cmp-t:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.35em;vertical-align:-.05em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}.cmp-none{color:var(--meta);font-weight:400}.cmp-bar{display:block;width:min(100%,150px);height:6px;background:var(--raised);border-radius:3px;overflow:hidden}.cmp-bar i{display:block;height:100%;background:var(--muted);border-radius:3px}.cmp-v.best .cmp-bar i{background:var(--r6)}.cmp-strip{position:sticky;top:72px;z-index:6;height:0}.cmp-strip-in{margin-inline:calc(-1 * var(--m));padding:10px var(--m);background:var(--bg);box-shadow:0 1px 0 var(--rule);font-family:var(--font-display);font-style:italic;font-weight:800;font-size:1rem;text-transform:uppercase;text-align:center;line-height:1.1;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.cmp-strip-in span{min-width:0;overflow-wrap:anywhere}.cmp.stuck .cmp-strip-in{opacity:1;transform:none}.cmp-sum{display:grid;gap:6px;margin:clamp(24px,3vw,36px) 0 0;padding:20px 24px;list-style:none;background:var(--surface);color:var(--muted)}.cmp-sum b{color:var(--ink)}.cmp-error{margin-top:16px;color:var(--r5)}.pick{width:min(560px,calc(100vw - 32px));max-height:min(680px,82vh);padding:0;border:0;border-radius:14px;background:var(--surface);color:var(--ink);overflow:hidden}.pick[open]{display:flex;flex-direction:column;animation:pick-in .2s var(--ease-out)}.pick::backdrop{background:#0000009e}@keyframes pick-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.pick-top{display:flex;align-items:center;justify-content:space-between;padding:18px 12px 6px 22px}.pick-h{margin:0;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:1.5rem;text-transform:uppercase}.pick-x{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.pick-x:hover{background:var(--raised);color:var(--ink)}.pick-q{display:flex;align-items:center;gap:10px;margin:6px 16px 10px;padding:0 14px;border-radius:10px;background:var(--raised);color:var(--meta)}.pick-q input{flex:1;min-width:0;height:48px;border:0;background:transparent;color:var(--ink);font:500 16px var(--font);outline:none}.pick-q:focus-within{box-shadow:0 0 0 2px var(--r6)}.pick-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 12px}.pick-g{margin:0;padding:14px 14px 6px;color:var(--meta);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pick-o{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.pick-o:hover,.pick-o:focus-visible{background:var(--raised);outline:none}.pick-o[aria-disabled=true]{opacity:.45;cursor:default}.pick-o img,.pick-o .pick-ph{width:56px;height:40px;object-fit:contain}.pick-o b{display:block;font-weight:600;overflow-wrap:anywhere}.pick-o small{display:block;color:var(--meta);font-size:var(--step-small)}.pick-o .pick-in{color:var(--meta);font-size:var(--step-small)}.pick-f{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0 10px 12px;border-radius:10px}.pick-f>img,.pick-f>.pick-ph{width:56px;height:40px;margin-top:2px;object-fit:contain}.pick-fm{display:grid;min-width:0}.pick-fm b{font-weight:600}.pick-fm small{color:var(--meta);font-size:var(--step-small)}.pick-vs{display:flex;gap:6px;margin-top:8px;padding:2px 12px 4px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.pick-vs::-webkit-scrollbar{display:none}@media(min-width:761px){.pick-f{align-items:center}.pick-f>img,.pick-f>.pick-ph{margin-top:0}.pick-fm{grid-template-columns:minmax(110px,1fr) minmax(0,auto);column-gap:12px;align-items:center}.pick-vs{grid-column:2;grid-row:1 / span 2;max-width:290px;margin-top:0}}.pick-v,.cmp-vers button{flex:0 0 auto;min-height:36px;padding:0 14px;border:0;border-radius:var(--pill);background:var(--raised);color:var(--ink);font:600 var(--step-small) / 1 var(--font);white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:background-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.pick-v:active,.cmp-vers button:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.pick-v:hover,.cmp-vers button:hover{background:#383838}}.pick-v:focus-visible,.cmp-vers button:focus-visible{outline:2px solid var(--r6);outline-offset:1px}.pick-v[aria-disabled=true]{opacity:.4;text-decoration:line-through;cursor:default}.cmp-vers{display:flex;gap:4px;max-width:100%;padding:2px 2px 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.cmp-vers::-webkit-scrollbar{display:none}.cmp-vers>:first-child{margin-left:auto}.cmp-vers>:last-child{margin-right:auto}.cmp-vers button{min-height:32px;padding:0 11px;font-size:.8rem}.cmp-vers button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.pick-empty{padding:24px 14px;color:var(--muted)}.mu{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(28px,3vw,48px)}.mu-col .h3{margin:0 0 12px}.mu-list{margin:0;padding:0;list-style:none}.mu-list a{display:grid;gap:2px;padding:12px 0;border-top:1px solid var(--rule);text-decoration:none}.mu-l{font-weight:600}.mu-n{color:var(--meta);font-size:var(--step-small)}.mu-list a:hover .mu-l{text-decoration:underline}.hw{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap);margin:0;padding:0;list-style:none}.hw li{display:grid;gap:6px;padding:22px 24px;background:var(--surface)}.hw span{color:var(--muted)}@media(max-width:860px){.cmp-strip{top:60px}}@media(max-width:700px){.cmp{--cols: repeat(var(--n), minmax(0, 1fr));--cgap: 10px}.cmp-corner,.cmp-strip-in>span:first-child{display:none}.cmp-k{grid-column:1 / -1;margin-bottom:8px}.cmp-row{padding:12px 0 14px}.cmp-pic.polaroid{padding:5px}.cmp-acts button{padding:0 10px}.cmp-strip-in{font-size:.9rem}.pick{width:100%;max-width:100%;max-height:86dvh;margin:auto 0 0;border-radius:16px 16px 0 0}.pick[open]{animation-name:pick-up}@keyframes pick-up{0%{transform:translateY(24px);opacity:0}}}@media(prefers-reduced-motion:reduce){.pick[open]{animation:none}.cmp-strip-in{transition:none}}