.op-v2{background: var(--op-page);color: var(--op-ink);font-family: var(--op-font-sans);padding-bottom: var(--op-space-16)}.op-v2-wrap{box-sizing: border-box;width: 100%;max-width: 1200px;margin: 0 auto;padding-inline: var(--op-gutter)}.op-v2-hero{display: grid;gap: var(--op-space-8);padding-block: var(--op-space-8) var(--op-space-6);align-items: start}.op-v2-hero__text{min-width: 0;display: flex;flex-direction: column;gap: var(--op-space-5)}.op-v2-hero__media{min-width: 0}@media (min-width: 960px){.op-v2-hero{grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: var(--op-space-12);padding-block: var(--op-space-10) var(--op-space-8);align-items: center}.op-v2-hero--single{grid-template-columns: minmax(0,1fr)}.op-v2-hero--single .op-v2-hero__text{max-width: 820px}}.op-v2-h1{margin: 0;font-size: clamp(34px,2.6vw + 18px,54px);line-height: 1.08;font-weight: var(--op-weight-semibold);letter-spacing: -0.03em;text-wrap: balance}.op-v2-teal{color: var(--op-teal)}.op-answer{margin: 0;font-size: var(--op-fs-lg);line-height: 1.55;max-width: 44ch}.op-v2-actions{display: flex;flex-wrap: wrap;gap: var(--op-space-3)}.op-v2-btn{display: inline-flex;align-items: center;min-height: var(--op-touch);padding: 0 var(--op-space-5);border-radius: var(--op-r-pill);border: 1.5px solid var(--op-teal);background: var(--op-surface);color: var(--op-teal-deep);font-weight: var(--op-weight-semibold);font-size: var(--op-fs-md);text-decoration: none}.op-v2-btn:hover{background: var(--op-teal-wash)}.op-month-step{display: inline-flex;align-self: flex-start;width: max-content;max-width: 100%;align-items: stretch;gap: 2px;padding: 3px;background: var(--op-surface);border: 1px solid var(--op-border);border-radius: 12px;font-size: var(--op-fs-sm)}.op-month-step > a,.op-month-step > span{display: inline-flex;align-items: center;min-height: 40px;padding: 0 16px;border-radius: 9px;white-space: nowrap}.op-month-step a{color: var(--op-text-2);font-weight: var(--op-weight-medium);text-decoration: none}.op-month-step a:hover{background: var(--op-page);color: var(--op-ink)}.op-month-step a:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 2px}.op-month-step [aria-current]{background: var(--op-ground-ink);color: var(--op-ink-on-ground);font-weight: var(--op-weight-semibold)}.op-month-step > span:empty{display: none}.op-figrow{display: flex;flex-wrap: wrap;align-items: center;gap: var(--op-space-5) var(--op-space-8)}.op-figrow > .op-figures{flex: 1 1 520px}.op-figures{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--op-space-5)}.op-figures li{display: flex;flex-direction: column;gap: var(--op-space-1);min-width: 0;padding: 2px 0 2px 14px;border-left: 2px solid var(--op-teal);font-size: var(--op-fs-md);line-height: 1.35;color: var(--op-text-2)}.op-figures strong{font-size: clamp(28px,1.2vw + 20px,36px);line-height: 1.05;font-weight: var(--op-weight-semibold);letter-spacing: -0.02em;color: var(--op-ink);font-variant-numeric: tabular-nums}.op-figures a{color: var(--op-ink);text-decoration-color: var(--op-teal);text-underline-offset: 3px;text-decoration-thickness: 1px}.op-figures a:hover{color: var(--op-teal-deep)}@media (min-width: 960px){.op-figures{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr)}}.op-newest-card{flex: 0 1 360px;min-width: 0;display: flex;align-items: center;gap: var(--op-space-4);padding: var(--op-space-3);background: var(--op-surface);border: 1px solid var(--op-border);border-radius: var(--op-r-lg);color: var(--op-ink);text-decoration: none;transition: border-color var(--op-dur-base) var(--op-ease)}.op-newest-card:hover{border-color: var(--op-teal)}.op-newest-card:focus-visible{outline: var(--op-focus-ring) solid var(--op-teal-active);outline-offset: 2px}.op-newest-card__shot{flex: none;width: 136px;aspect-ratio: 16 / 10;border-radius: var(--op-r-sm);overflow: hidden;background: var(--op-band);box-shadow: inset 0 0 0 1px var(--op-hairline)}.op-newest-card__shot img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: top}.op-newest-card__grid{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));align-content: center;gap: 2px;padding: 5px;background: var(--op-ground-ink);box-shadow: none}.op-newest-card__grid i{aspect-ratio: 1;border-radius: 1.5px;background: var(--s,var(--op-legacy-others))}.op-newest-card__text{font-size: var(--op-fs-md);line-height: 1.45}.op-newest-card__text u{color: var(--op-teal-deep);font-weight: var(--op-weight-semibold);text-underline-offset: 3px;text-decoration-thickness: 1px}.op-newest-card:hover u{color: var(--op-teal-active)}@media (max-width: 600px){.op-figrow > .op-figures,.op-newest-card{flex-basis: 100%}.op-newest-card__shot{width: 112px}}@media (prefers-reduced-motion: reduce){.op-newest-card{transition: none}}.op-newest{margin: 0;background: var(--op-surface);border: 1px solid var(--op-border);border-radius: var(--op-r-lg);overflow: hidden}.op-newest img{display: block;width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;object-position: top}.op-newest figcaption{padding: var(--op-space-3) var(--op-space-4);font-size: var(--op-fs-md)}.op-v2-section{margin-top: var(--op-space-12);scroll-margin-top: 88px}.op-v2-h2{margin: 0 0 var(--op-space-5);font-size: clamp(24px,1.4vw + 16px,34px);line-height: 1.15;font-weight: var(--op-weight-semibold);letter-spacing: -0.02em;text-wrap: balance}.op-v2-card{background: var(--op-surface);border: 1px solid var(--op-border);border-radius: var(--op-r-lg);padding: var(--op-space-4) var(--op-space-5) var(--op-space-5)}.op-v2-card .op-box-bar{display: flex;align-items: center;justify-content: flex-end;gap: var(--op-space-2);min-height: 48px;box-sizing: border-box;margin: var(--op-space-5) calc(-1 * var(--op-space-5)) calc(-1 * var(--op-space-5));padding: var(--op-space-3) var(--op-space-5);background: var(--op-teal-deep);color: var(--op-ink-on-accent);border-radius: 0 0 calc(var(--op-r-lg,16px) - 1px) calc(var(--op-r-lg,16px) - 1px);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);text-decoration: none}.op-v2-card .op-box-bar:hover,.op-v2-card .op-box-bar:focus{color: var(--op-ink-on-accent);text-decoration: none}.op-v2-card .op-box-bar:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 2px}.op-v2-card .op-box-bar::after{content: "";flex: none;width: 7px;height: 7px;border-right: 2px solid currentColor;border-top: 2px solid currentColor;transform: rotate(45deg)}.op-v2-card > .op-v2-h2{margin-top: var(--op-space-2)}.op-v2-note{margin: var(--op-space-4) 0 0;font-size: var(--op-fs-md);color: var(--op-text-2);max-width: 70ch}.op-v2-note a,.op-kind-foot a,.op-v2-last a,.op-v2-section p a{color: var(--op-teal-deep);text-underline-offset: 3px}.op-empty{margin: var(--op-space-4) 0;font-size: var(--op-fs-lg);font-weight: var(--op-weight-medium)}.op-share-bar{margin: 0;background: var(--op-surface);border: 1px solid var(--op-border);border-radius: var(--op-r-lg);padding: var(--op-space-5)}.op-share-bar figcaption{font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);margin-bottom: var(--op-space-4)}.op-share-bar__track{display: flex;height: 16px;border-radius: var(--op-r-pill);overflow: hidden;background: var(--op-band)}.op-share-bar__seg{flex: 0 0 var(--seg-w);background: var(--seg-c,var(--op-text-3))}.op-share-bar__seg + .op-share-bar__seg{box-shadow: inset 2px 0 0 var(--op-surface)}.op-share-bar__seg.is-other{background: var(--op-band)}.op-share-bar__key{list-style: none;margin: var(--op-space-4) 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--op-space-2) var(--op-space-5);font-size: var(--op-fs-md)}.op-share-bar__key li{display: inline-flex;align-items: center;gap: var(--op-space-2)}.op-share-bar__key li::before{content: '';width: 10px;height: 10px;border-radius: 3px;background: var(--seg-c,var(--op-band))}.op-share-bar__key b{font-weight: var(--op-weight-semibold);font-variant-numeric: tabular-nums}.op-kind .op-rows{--op-rows-gap: var(--op-space-4)}.op-kind .op-rows__lead{font-weight: var(--op-weight-semibold);font-variant-numeric: tabular-nums}.op-kind-num{text-align: right;font-variant-numeric: tabular-nums}.op-kind-ph{display: none}.op-kind-members{font-size: var(--op-fs-md)}.op-kind-members a{color: var(--op-teal-deep)}.op-kind-foot{margin: var(--op-space-4) 0 0;font-size: var(--op-fs-md)}@media (max-width: 767px){.op-kind-ph{display: inline}}.op-v2 .gr-head{margin-bottom: var(--op-space-3)}.op-children ul{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--op-space-4);grid-template-columns: repeat(auto-fill,minmax(240px,1fr))}.op-children li{display: flex;flex-direction: column;gap: var(--op-space-1);background: var(--op-surface);border: 1px solid var(--op-border);border-radius: var(--op-r-lg);padding: var(--op-space-5);font-size: var(--op-fs-md);color: var(--op-text-2)}.op-children li a{font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);color: var(--op-ink);text-decoration: none;min-height: var(--op-touch);display: inline-flex;align-items: center}.op-children li a:hover{color: var(--op-teal-deep);text-decoration: underline}@media (min-width: 761px){.op-children--two ul{grid-template-columns: repeat(2,minmax(0,1fr))}}.op-v2 .op-sale{margin-top: var(--op-space-12)}.op-v2-last{margin: var(--op-space-8) 0 0;font-size: var(--op-fs-md);color: var(--op-text-2)}.op-kind .op-rows tbody th{display: flex;align-items: center;gap: var(--op-space-3);overflow-wrap: break-word}.op-kind .op-rows tbody th > a{min-width: 0}.op-kind-mark{flex: none;display: flex;align-items: center;justify-content: center;width: 3.75rem;height: 2.25rem;--op-initials: 2.25rem;--op-initials-fs: var(--op-fs-sm)}.op-kind-mark img{width: auto;height: auto;max-width: 100%;max-height: 1.75rem;object-fit: contain}.op-kind-mark--dark{box-sizing: border-box;padding: var(--op-space-1) var(--op-space-2);border-radius: var(--op-r-sm);background: var(--op-ground-ink)}@media (max-width: 767px){.op-kind-mark{display: none}.op-kind .op-rows tbody th{display: block}}@media (max-width: 767px){.op-v2-card{padding-inline: 0}.op-v2-card .op-box-bar{margin-inline: 0}.op-v2-card > .gr-head,.op-v2-card > .op-empty,.op-v2-card .op-kind-foot{margin-inline: var(--op-space-4)}.op-kind .op-rows td.op-rows__share{width: 104px}}.op-v2-games{list-style: none;margin: var(--op-space-4) 0 0;padding: 0;display: grid;gap: var(--op-space-2) var(--op-space-6);grid-template-columns: repeat(auto-fill,minmax(240px,1fr));font-size: var(--op-fs-md)}.op-v2-games a{color: var(--op-ink);font-weight: var(--op-weight-semibold)}.op-v2-games span{color: var(--op-text-2)}.op-kinds{display: inline-flex;flex-wrap: wrap;gap: 2px;padding: 3px;margin-bottom: var(--op-space-4);background: var(--op-surface);border: 1px solid var(--op-border);border-radius: 12px}.op-kinds a{display: inline-flex;align-items: center;gap: var(--op-space-2);min-height: 40px;padding: 0 16px;border-radius: 9px;font-size: var(--op-fs-sm);font-weight: var(--op-weight-semibold);color: var(--op-text-2);text-decoration: none}.op-kinds a:hover:not([aria-current]){background: var(--op-page);color: var(--op-ink)}.op-kinds a[aria-current]{background: var(--op-ground-ink);color: var(--op-ink-on-ground)}.op-kinds a:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 2px}.op-kinds a span{font-variant-numeric: tabular-nums;font-weight: var(--op-weight-regular)}.op-v2-doors{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--op-space-3);grid-template-columns: repeat(auto-fill,minmax(200px,1fr))}.op-v2-doors a{display: flex;align-items: center;gap: var(--op-space-2);min-height: var(--op-touch);padding: var(--op-space-3) var(--op-space-4);background: var(--op-surface);border: 1px solid var(--op-border);border-radius: var(--op-r-lg);color: var(--op-ink);font-weight: var(--op-weight-semibold);text-decoration: none}.op-v2-doors a:hover{border-color: var(--op-teal);color: var(--op-teal-deep)}.op-v2-flag{font-family: var(--op-font-emoji);font-size: var(--op-fs-lg);line-height: 1}@media (max-width: 600px){.op-month-step{max-width: 100%}.op-month-step > a,.op-month-step > span{padding: 0 10px}}@media (max-width: 600px){.op-kinds{flex-wrap: nowrap;max-width: 100%}.op-kinds a{padding: 0 12px;white-space: nowrap}}.op-sale-line{margin-top: var(--op-space-10);padding-block: var(--op-space-4);border-block: 1px solid var(--op-border);max-width: 860px}.op-sale-line p{margin: 0;font-size: var(--op-fs-md);line-height: 1.55}.op-sale-line b{font-weight: var(--op-weight-semibold)}.op-sale-line a{padding-block: 10px;color: var(--op-teal-deep);font-weight: var(--op-weight-semibold);text-underline-offset: 3px}.op-co-empty{padding: var(--op-space-6) var(--op-space-5)}.op-co-empty .op-empty{margin-top: 0}.op-co-empty .op-v2-note{max-width: 60ch}.op-co-empty .op-v2-actions{margin: var(--op-space-5) 0 0}html[data-site="openpatrol"] .op-figures{gap: var(--op-space-6)}html[data-site="openpatrol"] .op-figures li{gap: var(--op-space-2);padding-left: var(--op-space-4)}html[data-site="openpatrol"] .op-newest-card{gap: var(--op-space-5);padding: var(--op-space-4)}html[data-site="openpatrol"] .op-newest-card__grid{background: var(--op-page);box-shadow: inset 0 0 0 1px var(--op-hairline)}:where(html[data-site="openpatrol"]) .op-kind-mark{width: 76px;height: 40px}:where(html[data-site="openpatrol"]) .op-kind-mark img{width: 100%;height: 100%;max-height: none;object-fit: contain}:where(html[data-site="openpatrol"]) .op-kind-mark--dark{padding: 5px 8px;background: var(--op-text-2)}:where(html[data-site="openpatrol"]) .op-kind .op-rows tbody th{gap: var(--op-space-4)}@media (max-width: 767px){:where(html[data-site="openpatrol"]) .op-kind-mark{display: flex;width: 60px;height: 31px}:where(html[data-site="openpatrol"]) .op-kind-mark--dark{padding: 4px 6px}:where(html[data-site="openpatrol"]) .op-kind .op-rows tbody th{display: flex;gap: var(--op-space-3)}:where(html[data-site="openpatrol"]) .op-kind .op-rows tbody th > .op-dot{margin-right: 0}:where(html[data-site="openpatrol"]) .op-kind .op-rows tbody tr:has(.op-kind-mark) > td.op-rows__share > .op-rows__bar,:where(html[data-site="openpatrol"]) .op-kind .op-rows tbody tr:has(.op-kind-mark) > td.op-rows__sub{margin-left: calc(60px + var(--op-space-3));width: auto}}.op-proof{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: var(--op-space-5);margin-top: var(--op-space-8);padding: var(--op-space-6)}.op-proof__mark{width: 40px;height: 40px;fill: none;stroke: var(--op-teal-deep);stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.op-proof__text{display: grid;gap: var(--op-space-1);min-width: 0}.op-proof__lead{margin: 0;font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);color: var(--op-ink);line-height: var(--op-lh-heading)}.op-proof__line{margin: 0;color: var(--op-text-2)}.op-proof__line a{color: var(--op-teal-deep);font-weight: var(--op-weight-semibold);text-decoration: none}.op-proof__line a:hover{text-decoration: none}.op-proof__go{justify-self: end;display: inline-flex;align-items: center;gap: var(--op-space-2);min-height: 56px;padding: var(--op-space-3) var(--op-space-6);border: 0;border-radius: var(--op-r-md,10px);background: var(--op-teal-deep);color: var(--op-ink-on-accent);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);white-space: nowrap;text-decoration: none}.op-proof__go:hover,.op-proof__go:focus{background: var(--op-teal-active);color: var(--op-ink-on-accent);text-decoration: none}.op-proof__go:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 3px}@media (max-width: 760px){.op-proof{grid-template-columns: auto minmax(0,1fr);align-items: start;padding: var(--op-space-5)}.op-proof__go{grid-column: 1 / -1;justify-self: stretch;justify-content: center;white-space: normal}}.op-proof__go::after{content: "";flex: none;width: 7px;height: 7px;border-right: 2px solid currentColor;border-top: 2px solid currentColor;transform: rotate(45deg)}