/* onPoint PC Engine: "Leia sobiv arvuti" finder (D49). Uses the premium design tokens when present, light otherwise. */
.opc-finder{--f-bg:var(--op-surface,#fff);--f-panel:var(--op-surface-raised,#f6f5f8);--f-line:var(--op-line,#e4e2ea);--f-text:var(--op-text,#1d1b22);--f-text-2:var(--op-text-2,#55525c);--f-accent:var(--op-violet,#7a1fa8);--f-accent-soft:var(--op-lilac-bg,#f4ecfb);--f-ok:var(--op-ok,#2f9e55);--f-warn:var(--op-warn,#c7881c);--f-bad:#c94b4b;box-sizing:border-box;max-width:1100px;margin:0 auto;padding:clamp(24px,5vw,56px) 0;color:var(--f-text);font-family:var(--op-font,inherit)}
.opc-finder *,.opc-finder *::before,.opc-finder *::after{box-sizing:border-box}
.opc-finder__title{margin:0 0 6px;font-size:clamp(24px,4vw,34px);line-height:1.15;color:var(--f-text)}
.opc-finder__lead{margin:0 0 8px;color:var(--f-text-2);max-width:60ch}
.opc-finder__step{margin-top:28px}
.opc-finder__step[hidden]{display:none}
.opc-finder__q{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-size:clamp(18px,2.6vw,22px);color:var(--f-text)}
.opc-finder__num{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--f-accent);color:#fff;font-size:15px;font-weight:700}
.opc-finder__hint{margin:0 0 12px 42px;color:var(--f-text-2);font-size:14px}
.opc-finder__games{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.opc-finder__game{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:92px;padding:12px;border:2px solid transparent;border-radius:14px;background:linear-gradient(135deg,hsl(var(--opc-hue,260) 62% 42%),hsl(calc(var(--opc-hue,260) + 38) 66% 24%));color:#fff;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.opc-finder__game:hover{transform:translateY(-2px)}
.opc-finder__game:focus-visible{outline:3px solid var(--f-accent);outline-offset:2px}
.opc-finder__game[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 3px var(--f-accent)}
.opc-finder__game[aria-pressed="true"]::after{content:"✓";position:absolute;top:8px;left:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--f-accent);font-weight:700;font-size:13px}
.opc-finder__game-name{font-weight:700;font-size:15px;line-height:1.2}
.opc-finder__game-meta{display:flex;flex-wrap:wrap;gap:4px}
.opc-finder__pegi,.opc-finder__soon{padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.35);font-size:11px;font-weight:600;letter-spacing:.02em}
.opc-finder__soon{background:rgba(255,255,255,.9);color:#3a1452}
.opc-finder__game--none{background:var(--f-panel);color:var(--f-text);border-color:var(--f-line)}
.opc-finder__game--none[aria-pressed="true"]{border-color:var(--f-accent)}
.opc-finder__pills{display:flex;flex-wrap:wrap;gap:10px}
.opc-finder__pill{position:relative;cursor:pointer}
.opc-finder__pill input{position:absolute;opacity:0;pointer-events:none}
.opc-finder__pill span{display:flex;flex-direction:column;gap:2px;min-width:120px;padding:10px 14px;border:2px solid var(--f-line);border-radius:12px;background:var(--f-panel);color:var(--f-text)}
.opc-finder__pill small{color:var(--f-text-2);font-size:12px}
.opc-finder__pill input:checked+span{border-color:var(--f-accent);background:var(--f-accent-soft)}
.opc-finder__pill input:focus-visible+span{outline:3px solid var(--f-accent);outline-offset:2px}
.opc-finder__result{margin-top:32px}
.opc-finder__empty,.opc-finder__closest{margin:0;padding:16px;border:1px dashed var(--f-line);border-radius:12px;color:var(--f-text-2)}
.opc-finder__closest{margin-bottom:12px;border-style:solid;border-color:var(--f-warn)}
.opc-finder__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.opc-finder__card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--f-line);border-radius:16px;background:var(--f-panel)}
.opc-finder__card--best{border:2px solid var(--f-accent)}
.opc-finder__label{align-self:flex-start;margin:0;padding:3px 10px;border-radius:999px;background:var(--f-accent);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.opc-finder__card--up .opc-finder__label{background:var(--f-text-2)}
.opc-finder__img{width:100%;max-height:200px;object-fit:contain;border-radius:10px}
.opc-finder__name{margin:0;font-size:20px;color:var(--f-text)}
.opc-finder__specs{margin:0;color:var(--f-text-2);font-size:14px}
.opc-finder__price{margin:0;font-size:22px;font-weight:700;color:var(--f-text)}
.opc-finder__price small{font-size:13px;font-weight:400;color:var(--f-text-2)}
.opc-finder__verdicts{margin:4px 0 0;padding:0;list-style:none}
.opc-finder__verdict{display:grid;grid-template-columns:12px minmax(90px,1fr) 2fr;align-items:baseline;gap:8px;padding:6px 0;border-top:1px solid var(--f-line);font-size:14px}
.opc-finder__dot{width:10px;height:10px;border-radius:50%;background:var(--f-bad)}
.opc-finder__verdict--1 .opc-finder__dot{background:var(--f-warn)}
.opc-finder__verdict--2 .opc-finder__dot,.opc-finder__verdict--3 .opc-finder__dot{background:var(--f-ok)}
.opc-finder__vgame{font-weight:600}
.opc-finder__vtext small{color:var(--f-text-2)}
.opc-finder__why,.opc-finder__work{margin:4px 0 0;font-size:14px;color:var(--f-text-2)}
.opc-finder__view{margin-top:auto;text-align:center}
.opc-finder__all{margin:24px 0 0;text-align:center}
.opc-finder__note{margin:16px 0 0;color:var(--f-text-2);font-size:12px}
@media (max-width:600px){.opc-finder__games{grid-template-columns:repeat(2,1fr)}.opc-finder__hint{margin-left:0}.opc-finder__pill span{min-width:0}.opc-finder__verdict{grid-template-columns:12px 1fr;}.opc-finder__vtext{grid-column:2}}
h1.opc-finder__title{font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:-.01em}