.okpcc [hidden],.okpcc dialog:not([open]){display:none!important}.okpcc.okpcc-hub{height:auto!important;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important;overflow:clip}.okpcc.okpcc-hub .okpcc-content{height:auto;min-height:0;padding:0 clamp(16px,3vw,32px) 22px}.okpcc.okpcc-hub .okpcc-content>:last-child{margin-bottom:0}.okpcc .okpcc-event-grid:empty,.okpcc .oc15-grid:empty,.okpcc p:empty,.okpcc .oc21-room-status:empty{display:none!important}.okpcc.okpcc-hub .okpcc-footer{padding:19px 28px;background:#f8f2e9;gap:12px}.okpcc.okpcc-hub .oc13-social{margin:26px 0 0;padding:27px;gap:25px}.okpcc .okpcc-brand{align-items:center;gap:12px;flex-shrink:0;width:auto!important}.okpcc.okpcc-hub .okpcc-brand .oc21-logo,.okpcc .okpcc-topbar .oc21-logo{width:56px;height:56px;max-width:56px;object-fit:contain;border-radius:0}.okpcc .oc21-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.okpcc .oc21-wordmark strong{font:900 29px/1 Arial,sans-serif;letter-spacing:-1.2px;color:#252820}.okpcc .oc21-wordmark small{font:700 8px/1.4 Arial,sans-serif;letter-spacing:2.8px;color:#a14618;margin-top:7px}.okpcc.okpcc-hub .oc20-game-icon,.okpcc .oc20-grid .oc20-game-icon{width:auto;height:auto;background:none;border-radius:0}.okpcc.okpcc-hub .oc20-game .oc21-logo{width:96px;height:96px;object-fit:contain}.okpcc .oc20-game{min-height:0;padding:24px;overflow:hidden}.okpcc .oc20-game h2{font-size:25px;margin:14px 0 8px}.okpcc .oc20-game-state{top:32px;left:20px;font-size:11px}.okpcc .oc20-game-grid{gap:16px}.okpcc .oc20-game:after{content:'';position:absolute;width:140px;height:140px;border-radius:50%;background:var(--game-accent);opacity:.035;left:-60px;bottom:40px;pointer-events:none}.okpcc.okpcc-hub .oc20-social-hero{padding:34px 24px;margin:24px 0}.okpcc .oc20-social-hero .oc21-logo{width:144px;height:144px}.okpcc .oc21-room{border:1px solid #e8d8c7;border-radius:26px;background:linear-gradient(145deg,#fffdf8,#fff);padding:28px;margin:30px 0;box-shadow:0 12px 40px #743b1306;scroll-margin-top:110px}.okpcc .oc21-room-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.okpcc .oc21-room-heading h2{font-size:clamp(28px,3vw,39px);letter-spacing:-1px;line-height:1.15;margin:6px 0 12px}.okpcc .oc21-room-heading p{font-size:14px}.okpcc .oc21-live-count{background:#edf4ec;border:1px solid #cfe0c9;border-radius:30px;color:#34603c;padding:9px 16px;white-space:nowrap;font-size:13px;font-weight:700}.okpcc .oc21-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff3e3;border-radius:17px;padding:22px;border:1px solid #f0d9ba}.okpcc .oc21-welcome h3{font-size:22px;margin-bottom:6px}.okpcc .oc21-welcome p{font-size:14px;max-width:660px}.okpcc .oc21-welcome .okpcc-btn{flex-shrink:0}.okpcc .oc21-room-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #eee1d3;padding-bottom:17px;margin-bottom:20px}.okpcc .oc21-room-toolbar [role=tablist]{display:flex;flex-wrap:wrap;gap:5px;padding:5px;background:#f6f0e8;border-radius:14px}.okpcc .oc21-room-toolbar [role=tab]{appearance:none;background:transparent;color:#685646;border:0;border-radius:10px;padding:10px 15px;min-height:42px;font-size:14px;font-weight:700;cursor:pointer}.okpcc .oc21-room-toolbar [aria-selected=true]{background:#fff;color:#9c3f10;box-shadow:0 3px 12px #67301012}.okpcc .oc21-profile{border:1px solid #e8dacb;padding:16px 20px;border-radius:15px;background:#fffaf3;margin:17px 0}.okpcc .oc21-profile summary{font-size:14px;color:#924419;font-weight:700;cursor:pointer}.okpcc .oc21-profile[open] summary{margin-bottom:18px}.okpcc .oc21-profile .okpcc-check{margin:15px 0;display:flex;flex-direction:row;align-items:flex-start;font-weight:400}.okpcc .oc21-profile .okpcc-check input{width:18px;min-width:18px;height:18px;min-height:18px;margin-top:4px}.okpcc .oc21-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin-bottom:18px}.okpcc .oc21-chat-log{display:flex;flex-direction:column;gap:13px;max-height:460px;overflow:auto;overscroll-behavior:contain;padding:18px;background:#f8f5ef;border:1px solid #eee5da;border-radius:18px;min-height:0}.okpcc .oc21-message{background:#fff;border:1px solid #e5dfd3;border-radius:16px 3px 16px 16px;max-width:88%;align-self:flex-start;padding:14px 17px;min-width:min(260px,100%)}.okpcc .oc21-message.is-self{align-self:flex-end;background:#fff1df;border-color:#ecd4b6;border-radius:3px 16px 16px 16px}.okpcc .oc21-message-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:7px}.okpcc .oc21-message-head b{color:#853b13;font-size:13px;overflow-wrap:anywhere}.okpcc .oc21-message-head time{font-size:10px;white-space:nowrap;color:#777269}.okpcc .oc21-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;color:#35372f;line-height:1.7;unicode-bidi:plaintext}.okpcc .oc21-small-button{border:0;background:transparent;padding:5px 0;margin-top:5px;color:#7c6250;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:30px}.okpcc .oc21-small-button:hover{color:#a34415}.okpcc .oc21-composer{margin-top:16px;padding:0}.okpcc .oc21-composer label{margin-bottom:8px;font-size:14px}.okpcc .oc21-composer textarea{background:#fff;min-height:85px}.okpcc .oc21-composer>div{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px}.okpcc .oc21-room-foot{font-size:11px;line-height:1.8;padding-top:16px;color:#7a7167;border-top:1px solid #eee4d7;margin-top:21px}.okpcc .oc21-room-status{background:#f2f5ec;padding:10px 14px;margin-top:16px;border-radius:10px;font-size:13px;color:#3e6337}.okpcc .oc21-room-status.is-error{background:#fff1e9;color:#943e1c}.okpcc .oc21-note{font-size:13px;line-height:1.9;margin:16px 0;color:#70675e}.okpcc .oc21-note a{color:#964210;text-decoration:underline}.okpcc .oc21-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:14px}.okpcc .oc21-person{border:1px solid #e4ddd1;background:#fff;border-radius:18px;padding:19px;min-width:0}.okpcc .oc21-person h3{font-size:19px;margin:10px 0 4px;overflow-wrap:anywhere}.okpcc .oc21-person p{font-size:13px;overflow-wrap:anywhere;margin:7px 0}.okpcc .oc21-avatar{display:grid;place-items:center;width:50px;height:50px;border:1px solid #efd9ba;background:linear-gradient(145deg,#fff7e9,#ffe9ca);border-radius:16px;font-size:25px}.okpcc .oc21-online,.okpcc .oc21-offline{font-size:11px;font-weight:600;color:#697369}.okpcc .oc21-online{color:#3d7143}.okpcc .oc21-online:before{content:'';display:inline-block;width:7px;height:7px;background:#5c9558;border-radius:50%;margin-inline-end:7px}.okpcc .oc21-pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:22px;font-size:13px}.okpcc .oc21-empty-chat{margin:10px;text-align:center;font-size:14px}.okpcc .oc21-season-feature{display:flex;align-items:center;gap:28px;padding:26px;background:linear-gradient(120deg,#fff2dc,#fff);border:1px solid #ead9bf;border-radius:24px;margin:22px 0}.okpcc .oc21-season-feature>div:first-child{flex-shrink:0}.okpcc .oc21-season-feature p{font-size:14px;max-width:710px;margin-top:10px}.okpcc .oc21-season-feature img{width:120px;height:120px}.okpcc .oc21-holiday-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}.okpcc .oc21-holiday{display:flex;gap:16px;align-items:center;padding:19px;border:1px solid #eadbc9;border-radius:17px;background:#fffcf7}.okpcc .oc21-holiday.is-quiet{background:#f3f4f4;border-color:#d9dddf}.okpcc .oc21-holiday img{width:64px;height:64px;flex:0 0 auto}.okpcc .oc21-holiday h3{font-size:20px}.okpcc .oc21-holiday p{font-size:13px}.okpcc .oc21-logo-gallery>article{padding:23px;background:#fff;border:1px solid #e7d6bf;border-radius:20px;margin:16px 0}.okpcc .oc21-logo-gallery>article>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:15px;margin-top:22px}.okpcc .oc21-logo-gallery figure{margin:0;text-align:center}.okpcc .oc21-logo-gallery img{width:72px;height:72px}.okpcc .oc21-logo-gallery figcaption{font-size:11px;margin-top:6px}.okpcc.oc21-quiet{--dz-orange:#747b80;--dz-green:#525e64}.okpcc.oc21-quiet .oc20-banner-image{filter:saturate(.12)}.okpcc.oc21-quiet *,.okpcc.oc21-quiet *::before,.okpcc.oc21-quiet *::after{animation:none!important;transition:none!important}@media(max-width:720px){.okpcc .oc21-room{padding:18px 15px;margin:24px 0;border-radius:19px}.okpcc .oc21-room-heading,.okpcc .oc21-welcome{align-items:flex-start;flex-direction:column;gap:16px}.okpcc .oc21-room-toolbar{align-items:stretch}.okpcc .oc21-room-toolbar [role=tablist]{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.okpcc .oc21-room-toolbar [role=tab]{font-size:12px;padding:8px 5px}.okpcc .oc21-room-toolbar>.okpcc-btn{min-height:39px;padding:8px 13px}.okpcc .oc21-message{max-width:100%;min-width:0;width:100%;padding:12px}.okpcc .oc21-message-head{gap:8px;align-items:flex-start}.okpcc .oc21-chat-log{padding:11px;max-height:390px}.okpcc .oc21-composer>div{align-items:stretch;flex-direction:column}.okpcc .oc21-season-feature{padding:20px;gap:17px;align-items:flex-start}.okpcc .oc21-season-feature img{width:72px;height:72px}.okpcc .oc21-season-feature h2{font-size:25px}.okpcc .oc21-profile{padding:15px 13px}.okpcc .oc21-welcome .okpcc-btn{width:100%}.okpcc.okpcc-hub .okpcc-nav{overflow:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:8px}.okpcc.okpcc-hub .okpcc-nav>a{white-space:nowrap}.okpcc.okpcc-hub .okpcc-footer{padding:18px}.okpcc.okpcc-hub .oc13-social{padding:22px}.okpcc .oc21-person{padding:15px}}@media(prefers-reduced-motion:reduce){.okpcc .oc20-game,.okpcc .okpcc-btn{transition:none;transform:none!important}}.okpcc .oc21-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #eadcca;border-radius:18px;background:#fffcf7;padding:18px;margin:24px 0;scroll-margin-top:110px}.okpcc .oc21-start a{display:flex;gap:15px;padding:10px 18px;color:#473c2d}.okpcc .oc21-start a+a{border-inline-start:1px solid #eadcca}.okpcc .oc21-start b{font:700 24px/1.5 Arial;color:#c17d46}.okpcc .oc21-start strong{font-size:14px}.okpcc .oc21-start small{display:block;margin-top:5px;font-size:12px}@media(max-width:720px){.okpcc .oc21-start{grid-template-columns:1fr;padding:12px}.okpcc .oc21-start a+a{border-inline-start:0;border-top:1px solid #eadcca}}