/* First-party OPMetaBuild games directory. No remote fonts or image dependencies. */
.ob-directory{padding-block:38px 56px;min-inline-size:0}
.obd-hero{position:relative;isolation:isolate;padding-block:12px 30px;border-block-end:1px solid var(--line,#243044);margin-block-end:28px}
.obd-hero::before{content:"";position:absolute;z-index:-1;inset-block-start:-34px;inset-inline-end:0;inline-size:min(450px,70%);block-size:230px;pointer-events:none;background:radial-gradient(ellipse at center,#2b6a512b,transparent 70%)}
.obd-hero .eyebrow,.obd-hero>.obd-eyebrow{color:var(--mint,#9bf0cd);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}
.obd-hero h1{max-inline-size:940px;font-size:clamp(32px,4.1vw,52px);line-height:1.14;letter-spacing:-.045em;margin:0 0 16px;overflow-wrap:anywhere;text-wrap:balance}
.obd-hero>p{max-inline-size:780px;margin:0;color:var(--muted,#9facbf);font-size:16px;line-height:1.75}
.obd-stats{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;margin-block-start:24px;color:var(--muted,#9facbf);font-size:12px}
.obd-stats>span,.obd-stats>div{display:flex;align-items:baseline;gap:8px}
.obd-stats b,.obd-stats strong{font-size:21px;line-height:1.2;font-weight:800;color:var(--ink,#f4f7fc);font-variant-numeric:tabular-nums}
.obd-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px;min-inline-size:0}
.obd-filters{position:sticky;inset-block-start:104px;min-inline-size:0;padding:20px;background:var(--panel,#111a27);border:1px solid var(--line,#243044);border-radius:14px}
.obd-filters h2,.obd-filters h3{margin:0 0 18px;font-size:16px;line-height:1.3;letter-spacing:-.02em}
.obd-filters form,.obd-filters[data-directory-form]{display:grid;gap:17px;min-inline-size:0}
.obd-filters label{display:grid;gap:7px;min-inline-size:0;color:#d3dceb;font-size:12px;font-weight:700;line-height:1.5}
.obd-filters input[type=search],.obd-filters select{display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;min-block-size:46px;border:1px solid #3a4a61;border-radius:8px;background:#0b1320;color:var(--ink,#f4f7fc);padding:11px 12px;font:inherit;font-size:14px;font-weight:400;line-height:1.4}
.obd-filters select{padding-inline-end:28px;cursor:pointer}
.obd-filters input[type=search]::placeholder{color:#8798af;opacity:1}
.obd-filters input[type=search]:hover,.obd-filters select:hover{border-color:#667991}
.obd-filters input[type=search]:focus,.obd-filters select:focus{border-color:var(--mint,#9bf0cd)}
.obd-filters button,.obd-filters .button{display:inline-flex;align-items:center;justify-content:center;min-block-size:46px;inline-size:100%;padding:10px 14px;border:1px solid var(--mint,#9bf0cd);border-radius:8px;background:var(--mint,#9bf0cd);color:#09251c;font-size:13px;font-weight:800;line-height:1.5;cursor:pointer;text-align:center}
.obd-filters button:hover,.obd-filters .button:hover{background:#b7f7de;color:#09251c}
.obd-filters form>a,.obd-filters .obd-reset{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;color:var(--muted,#9facbf);font-size:12px;text-align:center;text-decoration:underline;text-underline-offset:3px}
.obd-filters form>a:hover,.obd-filters .obd-reset:hover{color:var(--mint,#9bf0cd)}
.obd-results{min-inline-size:0}
.obd-results-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-block-end:17px;min-inline-size:0}
.obd-results-head h2{margin:0;font-size:22px;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.obd-results-head p,.obd-results-head>span,.obd-results-head small{margin:0;color:var(--muted,#9facbf);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.obd-results-head>a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--mint,#9bf0cd);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.obd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-inline-size:0}
.obd-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:15px;min-inline-size:0;margin:0;padding:17px;background:var(--panel,#111a27);border:1px solid var(--line,#243044);border-radius:12px;transition:border-color .15s ease,background-color .15s ease}
.obd-card:has(a):hover{background:#142130;border-color:#537463}
.obd-card:focus-within{border-color:var(--mint,#9bf0cd)}
.obd-art{display:block;inline-size:104px;block-size:72px;min-inline-size:0;margin:0;border-radius:8px;overflow:hidden;background:#17283a;object-fit:cover;border:1px solid #314257}
.obd-art img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.obd-initials{display:grid;place-items:center;inline-size:104px;block-size:72px;border:1px solid #355047;border-radius:8px;background:linear-gradient(140deg,#173b33,#18243b);color:#bcf5db;font-size:23px;line-height:1;font-weight:850;letter-spacing:-.04em;text-transform:uppercase;user-select:none}
.obd-art .obd-initials{inline-size:100%;block-size:100%;border:0;border-radius:0}
.obd-card:nth-child(4n+2) .obd-initials{background:linear-gradient(140deg,#223951,#1e253e);border-color:#3a4c67;color:#b7d2ff}
.obd-card:nth-child(4n+3) .obd-initials{background:linear-gradient(140deg,#40302d,#24213a);border-color:#57434b;color:#e8c6a5}
.obd-card:nth-child(4n+4) .obd-initials{background:linear-gradient(140deg,#332b48,#172f3c);border-color:#4b4863;color:#d5c6f2}
.obd-card-body{min-inline-size:0}
.obd-card h3{margin:0 0 9px;font-size:15px;line-height:1.45;font-weight:750;letter-spacing:-.012em;overflow-wrap:anywhere;text-wrap:pretty}
.obd-card h3 a{display:inline;color:var(--ink,#f4f7fc);text-decoration:none}
.obd-card h3 a:hover{color:var(--mint,#9bf0cd);text-decoration:underline;text-underline-offset:3px}
.obd-tags{display:flex;flex-wrap:wrap;gap:5px;margin-block:0 9px;min-inline-size:0}
.obd-tags span{display:inline-block;max-inline-size:100%;padding:2px 7px;border:1px solid #314054;border-radius:5px;background:#0e1724;color:#b7c7dc;font-size:10px;font-weight:650;line-height:1.55;overflow-wrap:anywhere}
.obd-platforms{display:block;margin-block:0 8px;color:var(--muted,#9facbf);font-size:10px;line-height:1.65;overflow-wrap:anywhere}
.obd-platforms small{font-size:inherit}
.obd-status{display:inline-flex;align-items:center;gap:6px;max-inline-size:100%;color:#b0bece;font-size:10px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.obd-status::before{content:"";flex:none;inline-size:6px;block-size:6px;border-radius:50%;background:#8493a7}
.obd-status.ready,.obd-status[data-status=ready]{color:var(--mint,#9bf0cd)}
.obd-status.ready::before,.obd-status[data-status=ready]::before{background:var(--mint,#9bf0cd)}
.obd-status.pending,.obd-status[data-status=pending]{color:#aab6c7}
.obd-card-link{display:flex;align-items:center;min-block-size:44px;margin-block-start:4px;color:var(--mint,#9bf0cd);font-size:11px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
.obd-card-link:hover{text-decoration:underline;text-underline-offset:3px}
.obd-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:28px 0 0;padding:0;inline-size:100%;font-size:12px}
.obd-pagination a,.obd-pagination span{display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;padding:9px 12px;border:1px solid var(--line,#243044);border-radius:8px;background:var(--panel,#111a27);color:#cad5e5;font-size:12px;font-weight:700;line-height:1.4;text-align:center}
.obd-pagination a:hover{border-color:#74ad96;color:var(--mint,#9bf0cd)}
.obd-pagination [aria-current=page]{background:var(--mint,#9bf0cd);border-color:var(--mint,#9bf0cd);color:#09251c}
.obd-pagination span:not([aria-current]){min-inline-size:25px;padding-inline:3px;background:transparent;border-color:transparent;color:var(--muted,#9facbf)}
.obd-note{margin:24px 0 0;padding:16px 18px;border-inline-start:3px solid #527569;border-radius:0 9px 9px 0;background:#101e22;color:var(--muted,#9facbf);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
[dir=rtl] .obd-note{border-radius:9px 0 0 9px}
.obd-note p{margin:0}
.obd-note a{color:var(--mint,#9bf0cd);text-decoration:underline;text-underline-offset:3px}
.obd-empty{padding:42px 24px;border:1px dashed #405166;border-radius:12px;background:#101823;text-align:center;color:var(--muted,#9facbf);font-size:14px;line-height:1.8}
.obd-empty h2,.obd-empty h3{margin:0 0 12px;color:var(--ink,#f4f7fc);font-size:21px;line-height:1.4}
.obd-empty p{margin:0 auto 16px;max-inline-size:460px}
.obd-empty a{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;color:var(--mint,#9bf0cd);text-decoration:underline;text-underline-offset:3px}
.obd-home-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-block:24px 30px;padding:24px 28px;border:1px solid #36564b;border-radius:13px;background:linear-gradient(115deg,#122c27,#111b2b);min-inline-size:0}
.obd-home-callout>div{min-inline-size:0}
.obd-home-callout h2{margin:0 0 7px;font-size:23px;line-height:1.3;letter-spacing:-.03em;overflow-wrap:anywhere}
.obd-home-callout p{margin:0;color:var(--muted,#9facbf);font-size:13px;line-height:1.75;max-inline-size:740px}
.obd-home-callout>.button,.obd-home-callout>a{display:inline-flex;flex:none;align-items:center;justify-content:center;min-block-size:46px;max-inline-size:100%;padding:11px 18px;border:1px solid var(--mint,#9bf0cd);border-radius:8px;background:var(--mint,#9bf0cd);color:#09251c;font-size:13px;font-weight:800;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.obd-home-callout>a:hover{background:#b7f7de;color:#09251c}
.obd-filters :is(a,button,input,select):focus-visible,.obd-card a:focus-visible,.obd-pagination a:focus-visible,.obd-home-callout a:focus-visible{outline:3px solid var(--mint,#9bf0cd);outline-offset:3px}
@media(max-width:1100px){.obd-layout{grid-template-columns:215px minmax(0,1fr);gap:20px}.obd-filters{padding:17px}.obd-card{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}.obd-art,.obd-initials{inline-size:80px;block-size:66px}.obd-card h3{font-size:14px}}
@media(max-width:900px){.obd-layout{grid-template-columns:minmax(0,1fr);gap:24px}.obd-filters{position:static;padding:19px}.obd-filters form,.obd-filters[data-directory-form]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.obd-filters label:first-of-type{grid-column:1/-1}.obd-filters button,.obd-filters form>a{align-self:end}.obd-card{grid-template-columns:104px minmax(0,1fr);padding:17px;gap:15px}.obd-art,.obd-initials{inline-size:104px;block-size:72px}.obd-card h3{font-size:15px}.obd-hero{padding-block-start:2px}.obd-home-callout{padding:22px}}
@media(max-width:620px){.ob-directory{padding-block:25px 36px}.obd-hero{margin-block-end:21px;padding-block-end:23px}.obd-hero h1{font-size:33px;letter-spacing:-.04em;line-height:1.18}.obd-hero>p{font-size:14px;line-height:1.8}.obd-stats{gap:12px 20px;margin-block-start:20px;font-size:11px}.obd-stats b,.obd-stats strong{font-size:19px}.obd-filters{padding:16px}.obd-filters form,.obd-filters[data-directory-form]{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.obd-filters label{font-size:11px}.obd-filters input[type=search],.obd-filters select{font-size:16px;padding:11px 10px}.obd-filters select{padding-inline-end:23px}.obd-results-head{margin-block-end:14px}.obd-results-head h2{font-size:20px}.obd-grid{grid-template-columns:minmax(0,1fr);gap:12px}.obd-card{grid-template-columns:88px minmax(0,1fr);padding:15px;gap:14px}.obd-art,.obd-initials{inline-size:88px;block-size:68px}.obd-card h3{font-size:16px}.obd-tags span{font-size:10px}.obd-platforms,.obd-status{font-size:11px}.obd-card-link{font-size:12px}.obd-pagination{gap:6px;margin-block-start:22px}.obd-pagination a,.obd-pagination span{padding:9px 10px}.obd-note{padding:14px;font-size:11px}.obd-home-callout{flex-direction:column;align-items:stretch;gap:17px;padding:21px;margin-block:20px 25px}.obd-home-callout h2{font-size:21px}.obd-home-callout p{font-size:12px}.obd-home-callout>.button,.obd-home-callout>a{align-self:flex-start}.obd-empty{padding:30px 18px}}
@media(max-width:350px){.obd-card{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:13px}.obd-art,.obd-initials{inline-size:70px;block-size:62px}.obd-filters form,.obd-filters[data-directory-form]{grid-template-columns:minmax(0,1fr)}.obd-hero h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.obd-card{transition:none}}

.obd-filters[data-directory-form]>h2{grid-column:1/-1}.obd-filters[data-directory-form]>.obd-reset{align-self:end}
.ob-locale-ar .obd-hero h1,.ob-locale-ar .obd-home-callout h2{letter-spacing:0;line-height:1.45}.ob-locale-ja .obd-hero h1,.ob-locale-ko .obd-hero h1,.ob-locale-zh .obd-hero h1{letter-spacing:0;line-height:1.45}