.p82-okey .rp-window{width:min(1160px,96vw)!important;max-width:1160px!important}.p82-okey [hidden]{display:none!important}.p82-okey-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.p82-okey-intro span,.p82-okey-tables article>span{font-size:10px;letter-spacing:2px;color:var(--p82-accent,#ff99bf)}.p82-okey-intro h3{font-size:30px;margin:10px 0}.p82-okey-intro p,.p82-okey-rules{color:#bbafc4;font-size:12px;line-height:1.8}.p82-okey button{cursor:pointer}.p82-okey button:disabled{opacity:.4;cursor:default}.p82-okey-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.p82-okey-tables article{padding:26px;border-radius:12px;border:1px solid #ffffff16;background:linear-gradient(145deg,#352038,#121322)}.p82-okey-tables h4{font-size:24px;margin:18px 0 12px}.p82-okey-tables p{color:#c0adca;font-size:12px}.p82-okey-tables button{width:100%;margin-top:20px}.p82-okey-rules summary{cursor:pointer;color:#f6e8f3}.p82-okey-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}.p82-okey-toolbar strong{margin-right:auto}.p82-okey-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px}.p82-okey-toolbar select{width:auto!important}.p82-okey-status{padding:12px 16px;background:#ffffff08;border-radius:7px;font-size:12px;min-height:18px}.p82-okey-stage{position:relative;height:310px;margin:16px 0;background:radial-gradient(ellipse,#36766f44,transparent 70%),#101c22;border-radius:16px;border:1px solid #ffffff14;overflow:hidden}.p82-okey-stage canvas{width:100%;height:100%;opacity:.45}.p82-okey-seats{position:absolute;inset:0;pointer-events:none}.p82-okey-seat{position:absolute;display:grid;gap:5px;min-width:130px;padding:12px 16px;border:1px solid #ffffff24;border-radius:9px;background:#121522e8;text-align:center;pointer-events:auto}.p82-okey-seat small{font-size:8px;letter-spacing:1.5px;color:#aaa0b5}.p82-okey-seat strong{font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p82-okey-seat span{font-size:10px;color:#b5c7c8}.p82-okey-seat.turn{border-color:#78edda;box-shadow:0 0 24px #78edda22}.p82-okey-seat.seat-0{bottom:10px;left:50%;transform:translateX(-50%)}.p82-okey-seat.seat-1{top:50%;left:14px;transform:translateY(-50%)}.p82-okey-seat.seat-2{top:10px;left:50%;transform:translateX(-50%)}.p82-okey-seat.seat-3{top:50%;right:14px;transform:translateY(-50%)}.p82-seat-backs{color:#7faca6;font-size:13px;font-style:normal;letter-spacing:3px}.p82-okey-center{position:absolute;inset:100px 22%;display:flex;align-items:center;justify-content:center;gap:25px;pointer-events:none;text-align:center}.p82-okey-center>div{display:grid;gap:9px}.p82-okey-center small{font-size:8px;letter-spacing:1px;color:#d4ddd8}.p82-okey-center strong{font-size:12px}.p82-tile-face{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:58px;box-sizing:border-box;background:linear-gradient(120deg,#fff6df,#f1dfb4);border:1px solid #d8c38b;border-bottom:4px solid #b9a06d;border-radius:5px;text-shadow:none!important;color:#252a31;box-shadow:0 2px 3px #0004}.p82-tile-face b{font:800 25px Arial,sans-serif;line-height:1.1}.p82-tile-face small{font:700 7px Arial;letter-spacing:0;margin-top:4px;color:inherit}.p82-tile-face.color-0{color:#bd3038}.p82-tile-face.color-1{color:#1b5fbb}.p82-tile-face.color-2{color:#252a31}.p82-tile-face.color-3{color:#ae7b05}.p82-tile-face.joker{box-shadow:inset 0 0 0 2px #ffb948,0 0 9px #ffb94840}.p82-tile-face.fake b{color:#b5345e}.p82-empty-tile{display:grid;place-items:center;width:42px;height:58px;border:1px dashed #ffffff30;border-radius:5px}.p82-tile-back{width:42px;height:58px;display:block;border:2px solid #b99553;border-radius:5px;background:#762f2d url('/pn/fixes82/okey/tile_back.png') center/cover}.p82-okey-draw{display:flex;align-items:center;gap:15px;margin:15px 0}.p82-okey-draw>button{display:flex;align-items:center;gap:12px;background:#ffffff06!important;min-width:160px;text-align:left}.p82-okey-draw>button>span:last-child{font-size:11px}.p82-okey-draw p{font-size:12px;color:#a7d8d0;margin-left:auto}.p82-okey-rack{padding:15px 12px 19px;min-height:68px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;background:linear-gradient(#58392bba,#37241fdd),url('/pn/fixes82/okey/table_top.png') center/cover;border:1px solid #98775d;border-bottom:8px solid #845a3a;border-radius:7px;box-shadow:inset 0 -6px 10px #0005}.p82-okey .p82-rack-tile{border:0!important;background:none!important;padding:0!important;min-width:0!important;box-shadow:none!important;position:relative;cursor:grab}.p82-rack-tile[aria-pressed=true]{transform:translateY(-9px);outline:2px solid #ff99bf;outline-offset:2px;border-radius:5px}.p82-rack-tile.can-finish:after{content:'✓';position:absolute;top:-8px;right:-4px;background:#ffc96f;color:#272014;font-size:10px;border-radius:50%;width:15px;height:15px}.p82-okey-actions{display:flex;justify-content:space-between;gap:12px;padding:20px 0}.p82-okey-actions>div{display:flex;gap:8px}.p82-okey-actions [data-finish]{background:#a5ebd4!important;color:#102626!important;font-weight:800}.p82-okey-score{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff18;padding-top:14px;font-size:11px}.p82-okey-score span{padding:8px 12px;background:#ffffff07;border-radius:6px}.p82-okey-score b{color:#fac994}.p82-okey-error{color:#ffada9;font-size:12px;min-height:16px}
#pn-game .p82-okey:has(.p82-okey-game:not([hidden])) .p82-okey-intro{display:none!important}#pn-game .p82-okey .p82-okey-toolbar{margin:5px 0;padding:8px 0}#pn-game .p82-okey .p82-okey-toolbar label{margin:0!important;padding:0!important}#pn-game .p82-okey .p82-okey-toolbar strong{font-size:13px!important}#pn-game .p82-okey .p82-okey-stage{height:260px}#pn-game .p82-okey .p82-okey-seat strong{font-size:12px!important;line-height:1.3!important;margin:0!important;max-width:150px!important}#pn-game .p82-okey .p82-okey-center{inset:85px 22%}#pn-game .p82-okey .p82-okey-center strong{font-size:12px!important}#pn-game .p82-okey .p82-okey-seat{padding:8px 12px;gap:4px}#pn-game .p82-okey .p82-okey-actions{padding:14px 0}#pn-game .p82-okey .p82-okey-draw{margin:10px 0}#pn-game .p82-okey .p82-okey-score b{font-size:13px!important}
@media(max-width:760px){.p82-okey-intro{align-items:flex-start;flex-direction:column}.p82-okey-intro h3{font-size:24px}.p82-okey-tables{grid-template-columns:1fr}.p82-okey-tables article{padding:20px}.p82-okey-toolbar{gap:7px}.p82-okey-toolbar strong{font-size:13px}.p82-okey-toolbar label{order:5;width:100%}#pn-game .p82-okey .p82-okey-stage{height:310px}#pn-game .p82-okey .p82-okey-seat{min-width:68px;padding:8px 6px}#pn-game .p82-okey .p82-okey-seat strong{max-width:80px!important;font-size:10px!important}.p82-okey-seat.seat-1{left:6px}.p82-okey-seat.seat-3{right:6px}#pn-game .p82-okey .p82-okey-center{inset:85px 30%;gap:12px;flex-wrap:wrap}#pn-game .p82-okey .p82-okey-center strong{font-size:10px!important}.p82-okey-draw{flex-wrap:wrap;gap:8px}.p82-okey-draw>button{min-width:0;flex:1;padding:8px!important;gap:7px}.p82-okey-draw p{width:100%;margin:6px 0}.p82-tile-face,.p82-empty-tile,.p82-tile-back{width:34px;height:49px}.p82-tile-face b{font-size:22px}.p82-okey-rack{gap:5px;padding:15px 5px}.p82-okey-actions{flex-direction:column}.p82-okey-actions button{font-size:10px!important;padding:10px!important}.p82-okey-actions>div{justify-content:center}}