.opc-back{color:#d8caa9;align-items:center;gap:9px;margin:25px 0 0;font-size:12px;font-weight:850;display:inline-flex}.opc-back:hover{color:var(--ps-accent)}.opc-head{border:1px solid var(--ps-border);background:radial-gradient(ellipse at 78% 25%,var(--ps-glow),transparent 60%),linear-gradient(125deg,#222b29,#0f141d 70%);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:24px;min-height:430px;margin:13px 0 60px;padding:48px clamp(20px,5vw,62px);display:grid;overflow:hidden}.opc-head__copy{z-index:2;min-width:0}.opc-head h1{letter-spacing:.005em;margin:20px 0;font-size:clamp(34px,5vw,62px);font-weight:1000;line-height:1.2}.opc-head h1 span{color:var(--ps-accent)}.opc-head__copy>p{color:#d4d1ca;max-width:480px;font-size:14px;line-height:1.9}.opc-head__stats{flex-wrap:wrap;gap:clamp(14px,3vw,38px);margin-top:32px;display:flex}.opc-head__stats>div{border-left:2px solid var(--ps-accent);flex-direction:column;gap:4px;padding-left:13px;display:flex}.opc-head__stats strong{font-variant-numeric:tabular-nums;color:#fff1cb;font-size:clamp(24px,3vw,36px);line-height:1}.opc-head__stats span{color:#c5c5bb;font-size:10px;font-weight:800}.opc-head__art{isolation:isolate;height:330px;position:relative}.opc-head__card{aspect-ratio:950/1296;object-fit:contain;filter:drop-shadow(0 22px 24px #0009);border-radius:12px;width:min(55%,205px);transition:transform .25s;position:absolute;top:50%;left:50%}.opc-head__card--0{z-index:3;transform:translate(-52%,-49%)rotate(-3deg)}.opc-head__card--1{z-index:2;transform:translate(-90%,-46%)rotate(-19deg)}.opc-head__card--2{z-index:1;transform:translate(-13%,-46%)rotate(16deg)}.opc-head:hover .opc-head__card--0{transform:translate(-52%,-53%)rotate(0)}.opc-browser{padding-bottom:60px}.opc-browser__intro{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.opc-browser__intro h2{margin:7px 0 0;font-size:clamp(26px,3vw,37px);font-weight:1000}.opc-browser__count{border:1px solid var(--ps-border);color:var(--ps-accent);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850}.opc-series{gap:9px;margin-bottom:17px;padding-bottom:7px;display:flex;overflow-x:auto}.opc-series a{white-space:nowrap;border:1px solid var(--ps-border);color:#d5d3cc;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:11px 19px;font-size:12px;font-weight:850;transition:background .18s;display:flex}.opc-series a:hover{background:#ffffff15}.opc-series a.is-selected{background:var(--ps-accent);color:#10141c;border-color:var(--ps-accent)}.opc-series small{font-size:11px;font-weight:950}.opc-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.opc-search,.opc-filter-select{border:1px solid var(--ps-border);min-height:46px;color:var(--ps-accent);background:#121a1e;border-radius:11px;align-items:center;gap:9px;padding:0 13px;display:flex}.opc-search{flex:260px}.opc-search input{color:#fff2d5;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.opc-filter-select{flex:0 200px}.opc-filter-select select{color:#fff2d5;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;outline:none;width:100%;font-size:12px}.opc-filter-select option{background:#17212a}.opc-filters>button{background:var(--ps-accent);color:#171a1e;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:13px;font-weight:900;display:flex}.opc-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.5vw,23px);display:grid}.opc-item{min-width:0}.opc-item__media{isolation:isolate;aspect-ratio:950/1296;background:linear-gradient(145deg,#27342f,#101822);border:1px solid #9d8762a1;border-radius:12px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 9px 25px #0005}.opc-item__media img{object-fit:contain;width:100%;height:100%;display:block}.opc-item:hover .opc-item__media{border-color:var(--ps-accent);transform:translateY(-5px)}.opc-item__details{flex-direction:column;gap:6px;min-width:0;margin-top:10px;display:flex}.opc-item__details span{letter-spacing:.09em;color:var(--ps-accent);font-size:9px;font-weight:850}.opc-item__details strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.opc-item__details small{color:#aeb5b1;font-size:10px}.opc-empty{border:1px dashed var(--ps-border);text-align:center;color:#e0d6c5;background:#ffffff06;border-radius:19px;flex-direction:column;align-items:center;gap:12px;padding:50px 20px;display:flex}.opc-empty>svg{color:var(--ps-accent)}.opc-empty strong{font-size:17px}.opc-empty p{color:#c3bcb6;font-size:12px}.opc-empty a{color:var(--ps-accent);align-items:center;gap:7px;font-size:13px;font-weight:850;display:flex}.opc-pagination{color:#f8eaca;justify-content:center;align-items:center;gap:22px;margin:37px 0 0;display:flex}.opc-pagination a,.opc-pagination>span{border:1px solid var(--ps-border);min-width:90px;color:var(--ps-accent);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 17px;font-size:12px;font-weight:850;display:inline-flex}.opc-pagination>span{opacity:.35}.opc-bottom{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 42px;display:flex}@media (max-width:1000px){.opc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:760px){.opc-head{grid-template-columns:1fr;gap:3px;min-height:auto;margin-bottom:40px;padding:34px 24px}.opc-head__art{width:100%;max-width:420px;height:220px;margin:auto}.opc-head__card{width:min(40%,140px)}.opc-head__stats{margin-top:22px}.opc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media (max-width:560px){.opc-back{margin-top:17px}.opc-head{border-radius:17px;padding:26px 17px}.opc-head h1{font-size:33px}.opc-head__copy>p{font-size:12px}.opc-head__art{height:190px}.opc-head__card{width:min(38%,115px)}.opc-head__stats{gap:17px}.opc-head__stats strong{font-size:22px}.opc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opc-item__media{border-radius:8px}.opc-item__details strong{font-size:10px}.opc-item__details span,.opc-item__details small{font-size:9px}.opc-filter-select{flex:140px}.opc-filters>button{flex:0 0 92px}.opc-series a{padding:10px 14px}}@media (max-width:370px){.opc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.opc-item__media,.opc-head__card{transition:none}}