.okpcc{--dz-bg:#faf8f4;--dz-soft:#f6f2ec;--dz-line:#e9e1d5;--dz-text:#252822;--dz-muted:#646760;--dz-green:#a83e08;--dz-orange:#e56c22;font-family:Arial,"Segoe UI",sans-serif}.okpcc.okpcc-hub{max-width:1440px;margin:24px auto 56px;border-radius:28px;background:#fffdf9;box-shadow:0 18px 80px #37301e09;overflow:hidden;border:1px solid var(--dz-line);isolation:isolate}.okpcc .okpcc-content{padding:0 32px 36px}.okpcc .oc13-header{padding:23px 32px;background:#fffdf9;border-bottom:1px solid var(--dz-line);flex-wrap:wrap;gap:20px}.okpcc .okpcc-brand img{object-fit:contain;max-width:215px;width:100%;height:auto}.okpcc .okpcc-nav{gap:6px}.okpcc .okpcc-nav a{border-radius:999px;padding:10px 13px}.okpcc .okpcc-nav a[aria-current]{background:#fae8d8;color:#963b11}.okpcc .okpcc-btn{border-radius:13px;background:#ad420c;border-color:#ad420c;min-height:48px;padding:13px 22px}.okpcc a.okpcc-btn:hover,.okpcc button.okpcc-btn:hover{background:#86330a;color:#fff;transform:translateY(-1px)}.okpcc .okpcc-secondary{background:#fffdf9;color:#85360e;border-color:#ddccb7}.okpcc .okpcc-secondary:hover{background:#fae8d8!important;color:#85360e!important}.okpcc .okpcc-card{border-radius:20px;border:1px solid var(--dz-line);padding:26px;background:#fff;box-shadow:0 6px 20px #33271204}.okpcc .oc20-banner{overflow:hidden;border-radius:20px;margin:26px 0 0;background:#f3e8cf;line-height:0}.okpcc .oc20-banner-image{display:block;width:100%;height:auto;aspect-ratio:1983/793;object-fit:contain;margin:0;padding:0;border:0;max-width:none}.okpcc .oc20-intro{margin:34px 0 28px}.okpcc .oc20-intro h1,.okpcc .oc20-intro h2{margin:5px 0 8px;line-height:1.22;font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.1px}.okpcc .oc20-intro p{max-width:750px;margin-top:10px}.okpcc .oc20-split{display:flex;align-items:center;justify-content:space-between;gap:26px}.okpcc .oc20-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.okpcc .oc20-seal{display:flex;gap:10px;align-items:center;font-size:13px;color:#605d52;white-space:nowrap}.okpcc .oc20-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.okpcc .oc20-game{position:relative;border:1px solid var(--dz-line);border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:305px;padding:27px;background:linear-gradient(145deg,#fff,#fcfaf6);transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--dz-text)}.okpcc .oc20-game:hover{transform:translateY(-4px);border-color:var(--game-accent);box-shadow:0 16px 35px #3327120c;color:var(--dz-text)}.okpcc .oc20-game h2{font-size:28px;margin:19px 0 10px;letter-spacing:-.6px}.okpcc .oc20-game strong{font-size:15px}.okpcc .oc20-game p{font-size:14px;line-height:1.75;margin:9px 0 24px;max-width:300px}.okpcc .oc20-game-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f9edde;color:var(--game-accent,#a83e08)}.okpcc .oc20-game-icon .oc13-icon{width:30px;height:30px}.okpcc .oc20-game-state{position:absolute;left:26px;top:35px;font-size:11px;font-weight:700;color:var(--game-accent)}.okpcc .oc20-game-link{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid var(--dz-line);padding-top:17px;color:var(--game-accent);font-size:14px;font-weight:700}.okpcc .oc20-values{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;border-block:1px solid var(--dz-line);margin:35px 0;padding:23px 0}.okpcc .oc20-values span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.okpcc .oc20-values svg{color:#af430d}.okpcc .oc20-community-crumb{display:flex;gap:13px;padding:20px 0 0;font-size:13px}.okpcc .oc20-community-crumb a{text-decoration:underline;text-underline-offset:5px}.okpcc .oc20-social-hero{margin:28px 0;text-align:center;border-radius:26px;padding:60px 24px;background:radial-gradient(ellipse at top,#ffefda,#fffaf4 70%);border:1px solid var(--dz-line)}.okpcc .oc20-social-hero .okpcc-eyebrow{display:block;margin:22px 0 10px}.okpcc .oc20-social-hero h1{font-size:clamp(34px,5vw,65px);line-height:1.2;color:var(--game-accent)}.okpcc .oc20-social-hero h2{font-size:24px;margin:18px 0 12px}.okpcc .oc20-social-hero .oc20-actions{justify-content:center}.okpcc .oc20-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.okpcc .oc20-grid>article,.okpcc .oc20-grid>form{margin:0}.okpcc .oc20-grid label{margin:14px 0}.okpcc .oc20-device fieldset{border:0;padding:12px 0;margin:0;border-top:1px solid var(--dz-line)}.okpcc .oc20-device legend{font-size:13px;font-weight:700}.okpcc .oc20-device h3{margin-top:18px}.okpcc .oc20-device .okpcc-btn{margin-top:20px;width:100%}.okpcc .oc20-device .okpcc-check,.okpcc .oc20-grid .okpcc-check{display:flex;flex-direction:row;align-items:center;gap:10px}.okpcc .oc20-device input[type=checkbox],.okpcc .oc20-grid input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#ad420c}.okpcc .oc20-code{direction:ltr;text-align:left;display:block;white-space:pre-wrap;word-break:break-word;padding:18px;border-radius:12px;background:#f5f2ec;font:13px/1.7 Consolas,monospace;max-height:460px;overflow:auto}.okpcc.okpcc-admin{background:#faf8f4;padding:30px;max-width:1560px;margin:20px 20px 30px 0}.okpcc-admin .okpcc-heading{margin:32px 0 22px}.okpcc-admin .okpcc-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 24px;overflow:visible}.okpcc-admin .okpcc-tabs a{border:1px solid #e7dfd2;border-radius:11px;background:#fff;color:#4c4a44;padding:10px 15px;font-size:13px}.okpcc-admin .okpcc-tabs a[aria-current]{background:#2c2c26;color:#fff;border-color:#2c2c26}.okpcc-admin .okpcc-topbar{padding:0 0 20px;border-bottom:1px solid var(--dz-line)}.okpcc .okpcc-footer{background:#f4eee5;border-top:1px solid #e6dccd;color:#4d493f}.okpcc .okpcc-table-wrap{border-radius:16px;border:1px solid var(--dz-line)}.okpcc .oc20-note{border-inline-start:4px solid #d76725;background:#fff5e9;border-radius:12px;padding:18px 22px;margin:20px 0}.okpcc .oc20-provider{padding:24px;border-radius:18px;border:1px solid #e7dfd2;background:#fff}.okpcc .oc20-provider h3{margin:12px 0}.okpcc .oc20-provider p{font-size:14px}.okpcc .oc20-status{display:inline-flex;padding:4px 10px;border-radius:99px;background:#f2eee6;color:#655746;font-size:12px;font-weight:700}@media(max-width:1050px){.okpcc .oc20-split{align-items:flex-start;flex-direction:column;gap:10px}.okpcc .oc20-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.okpcc .oc13-header{justify-content:center}.okpcc .okpcc-nav{flex-wrap:wrap;justify-content:center}}@media(max-width:620px){.okpcc.okpcc-hub{margin:0 auto 24px;border-radius:16px}.okpcc .okpcc-content{padding:0 16px 24px}.okpcc .oc13-header{padding:20px 14px;gap:14px}.okpcc .oc20-banner{margin-top:16px;border-radius:12px}.okpcc .oc20-game-grid{grid-template-columns:1fr;gap:14px}.okpcc .oc20-game{min-height:280px}.okpcc .oc20-intro{margin:25px 0 22px}.okpcc .oc20-seal{white-space:normal}.okpcc .okpcc-nav a{font-size:12px;padding:8px}.okpcc .oc20-values{align-items:flex-start;flex-direction:column}.okpcc.okpcc-admin{padding:16px;margin:12px 10px 20px 0}.okpcc .okpcc-card{padding:21px}.okpcc .oc20-actions{align-items:stretch;width:100%}.okpcc .oc20-actions .okpcc-btn{flex:1}.okpcc .oc20-social-hero{padding:38px 16px}}@media(prefers-reduced-motion:reduce){.okpcc *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.okpcc.okpcc-hub a:not(.okpcc-btn),.okpcc.okpcc-hub a:not(.okpcc-btn):visited{color:inherit}