.pills{gap:6px;display:flex}.text-button{font:inherit;color:var(--primary-soft);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:.85rem;font-weight:600}.text-button:hover{text-decoration:underline}.opbrowser{margin-top:32px}.opfilters{top:calc(65px + var(--promo-h));z-index:5;background:linear-gradient(var(--bg) 82%, transparent);gap:10px;margin:0 -24px;padding:12px 24px;display:grid;position:sticky}.opfilters-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.opfilters input{min-width:0;font:inherit;color:var(--fg);background:var(--field);border:1px solid var(--border);border-radius:6px;flex:240px;padding:9px 12px;font-size:.9rem}.opfilters input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb33}.opnations{gap:4px;display:flex}.opnation{width:38px;font-family:var(--font-condensed), var(--font-body);letter-spacing:.06em;color:var(--fg-muted);background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:7px 0;font-size:.85rem;font-weight:700}.opnation:hover{color:var(--fg)}.opnation[aria-pressed=true]{color:var(--fg);background:#2563eb33;border-color:#60a5fa99}.opcount{color:var(--fg-muted);align-items:center;gap:14px;margin:8px 0 14px;font-size:.9rem;display:flex}.opcount .text-button{margin-left:0}.opgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.opcard{--cut:16px;--rim:#ffffff12;color:var(--fg);background:linear-gradient(180deg, #151922, #101319) padding-box, linear-gradient(155deg, color-mix(in srgb, var(--u) 45%, transparent), var(--rim) 34%, var(--rim) 70%, color-mix(in srgb, var(--u) 18%, transparent)) border-box;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));border:1px solid #0000;flex-direction:column;text-decoration:none;transition:transform .2s;display:flex}.opcard:hover,.opcard:focus-visible{--rim:color-mix(in srgb, var(--u) 50%, transparent);outline:none;transform:translateY(-3px)}.opcard-stage{aspect-ratio:4/5;background:radial-gradient(ellipse 60% 55% at 50% 40%, color-mix(in srgb, var(--u) 24%, transparent), transparent 72%), linear-gradient(#ffffff08 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, #ffffff08 1px, transparent 1px) 0 0 / 22px 22px, radial-gradient(circle at 50% 40%, #232a38, #11141a 78%);border-bottom:1px solid var(--border);display:block;position:relative;overflow:hidden}.opcard-stage img{object-fit:cover;object-position:50% 0;transition:transform .35s;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.opcard:hover .opcard-stage img{transform:scale(1.05)}.opcard-nation,.opcard-skins{font-family:var(--font-condensed), var(--font-body);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1015b8;border:1px solid #ffffff24;border-radius:3px;padding:2px 7px;font-size:.74rem;font-weight:700;position:absolute;top:10px}.opcard-nation{left:10px}.opcard-skins{color:var(--primary-soft);right:18px}.opcard-body{flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px;display:flex}.opcard-name{font-family:var(--font-display);font-size:1.1rem;font-weight:800;line-height:1.15}.opcard-sub{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.opcard-unlock{font-family:var(--font-condensed), var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--u);align-items:center;gap:7px;margin-top:auto;padding-top:8px;font-size:.8rem;font-weight:700;display:inline-flex}.opcard-unlock i{background:var(--u);width:7px;height:7px;box-shadow:0 0 8px var(--u);transform:rotate(45deg)}.opcard-paid{color:var(--fg-muted);margin-left:auto}.opguide{margin-top:64px}.opguide .section-head{padding:0}.opguide-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.opguide-block{--cut:14px;padding:20px 18px 16px}.opguide-block:before{content:"";background:var(--u);width:56px;height:3px;box-shadow:0 0 12px var(--u);position:absolute;top:0;left:18px}.opguide-block h3{font-family:var(--font-display);align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.opguide-block h3 span{font-family:var(--font-condensed), var(--font-body);color:var(--u);font-size:.9rem}.opguide-block>p{color:var(--fg-muted);margin:4px 0 12px;font-size:.88rem}.opguide-block ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.opguide-block a{color:var(--fg);border-radius:6px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 8px 5px 5px;text-decoration:none;display:grid}.opguide-block a:hover{background:#ffffff0a}.opguide-face{background:var(--accent);border-radius:4px;width:40px;height:40px;position:relative;overflow:hidden}.opguide-face img{object-fit:cover;object-position:50% 0}.opguide-name{font-size:.92rem;font-weight:700}.opguide-req{font-family:var(--font-condensed), var(--font-body);letter-spacing:.04em;text-align:right;color:var(--u);font-size:.82rem;font-weight:600}.opguide-block li[data-unlock] .opguide-req{color:var(--u)}@media (max-width:640px){.opfilters{margin:0;padding:0 0 8px;position:static}.opfilters-row[role=group]{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.opgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opguide-grid{grid-template-columns:1fr}}