#pk-page{max-width:1020px;min-height:70vh;margin:30px auto 80px;padding:0 28px}
.pk-lobby-banner{display:flex;align-items:center;gap:15px;margin-top:20px;padding:18px 21px;border:1px solid #bbe5d2;border-radius:18px;background:linear-gradient(110deg,#e5f8e8,#e2f4f4 64%,#eeeafa);box-shadow:0 10px 24px #34846c18;transition:transform .2s,box-shadow .2s}.pk-lobby-banner:hover{transform:translateY(-3px);box-shadow:0 14px 26px #34846c2a}.pk-lobby-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:14px;background:#287862;color:#fff;font:900 14px "Sweet Nunito",sans-serif}.pk-lobby-banner strong,.pk-lobby-banner small{display:block}.pk-lobby-banner strong{color:#245d4c;font:400 20px "Sweet Round",sans-serif}.pk-lobby-banner small{margin-top:4px;color:#638673;font-size:11px}.pk-lobby-arrow{margin-left:auto;color:#217b65;font-size:13px;font-weight:900;white-space:nowrap}
#pk-page .club-heading{margin:36px 0 22px}
.pk-intro-card,.pk-entry-card,.pk-room-card,.pk-game{border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#ffffffdd,#e6f7eecb 62%,#efecf9c7);box-shadow:0 14px 32px #357d701a,inset 0 1px #fff;backdrop-filter:blur(15px)}
.pk-intro-card{max-width:580px;padding:28px}.pk-intro-card h2,.pk-entry-card h2{margin:9px 0;color:#245b4b;font:400 26px "Sweet Round",sans-serif}.pk-intro-card p,.pk-entry-card p{color:#557568;font-size:13px;line-height:1.8}
.pk-game-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 18px;padding:0;border:0}.pk-game-choice legend{margin-bottom:10px;color:#335d4e;font-size:12px;font-weight:900}.pk-game-option{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 11px;border:1px solid #c7e4d3;border-radius:12px;background:#ffffffb8;color:#326650;font-size:12px;font-weight:800;cursor:pointer}.pk-game-option:has(input:checked){border-color:#43a881;background:#dcf6e6;color:#205b45;box-shadow:inset 0 0 0 1px #43a881}.pk-game-option input{accent-color:#258464;flex:none}.pk-game-option:focus-within{outline:3px solid #238776;outline-offset:2px}.pk-room-game{margin-left:auto;padding:5px 10px;border-radius:999px;background:#e0f4e8;color:#27634e;font-size:12px;font-weight:850}#game-screen.pk-mode .game-rank-link{display:none}
.pk-main-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:12px;padding:11px 19px;background:linear-gradient(110deg,#24745c,#208c81);color:#fff;font:850 13px "Sweet Nunito","Sweet Round",sans-serif;cursor:pointer;box-shadow:0 8px 18px #2e846e2b}.pk-main-button:hover{filter:brightness(1.08)}.pk-main-button:disabled{opacity:.55;cursor:wait}
.pk-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px}.pk-entry-card{padding:27px;min-height:240px}.pk-entry-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#c9ecdc;color:#256c59;font-size:26px}.pk-entry-card p{min-height:47px}.pk-join-form{display:flex;gap:9px}.pk-join-form input{min-width:0;width:165px;max-width:100%;padding:10px 12px;border:1px solid #b9dccc;border-radius:11px;background:#fff;color:#244e3d;font:900 16px "Sweet Nunito",sans-serif;letter-spacing:2px;text-transform:uppercase}.pk-error{min-height:1.4em;color:#a94e43;font-size:12px;font-weight:750;margin:14px 0}
.pk-room-card{max-width:900px;padding:23px}.pk-room-info{display:flex;align-items:baseline;gap:12px;color:#5a7a68;font-size:12px;font-weight:800}.pk-room-info strong{color:#205f4e;font:900 27px "Sweet Nunito",sans-serif;letter-spacing:4px}.pk-share{min-height:42px;margin:12px 0 19px;border:1px solid #a6d8bf;border-radius:11px;padding:9px 14px;background:#effbf4;color:#256a55;font-size:12px;font-weight:900;cursor:pointer}.pk-share:hover{background:#ddf4e6}.pk-players{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:15px}.pk-player{display:flex;align-items:center;gap:13px;min-width:0;padding:15px;border:1px solid #d4e8da;border-radius:16px;background:#ffffffa8}.pk-player.is-self{border-color:#68bea0;background:#ebfaef}.pk-avatar{width:47px;height:47px;flex:none;border-radius:14px;object-fit:cover;background:#d9f1df}.pk-player-copy{display:grid;gap:3px;min-width:0}.pk-player-label{font-size:10px;color:#73917f}.pk-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#255c47;font-size:14px}.pk-player.is-ready .pk-player-name:after{content:" ✓";color:#1f9a6c}.pk-player-score{margin-left:auto;color:#267a5a;font:900 26px "Sweet Nunito",sans-serif;font-variant-numeric:tabular-nums}.pk-versus{color:#7ba08d;font:900 12px "Sweet Nunito",sans-serif}.pk-status{margin:20px 0 15px;padding:13px 15px;border-radius:12px;background:#e7f5eb;color:#2b684e;font-size:13px;font-weight:850;text-align:center}.pk-ready{display:flex;margin:auto}.pk-game{max-width:480px;margin:22px auto 0;padding:18px}.pk-game-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;color:#698371;font-size:11px}.pk-timer{color:#236b54;font:900 23px "Sweet Nunito",sans-serif;font-variant-numeric:tabular-nums}.pk-board{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;aspect-ratio:420/460;padding:9px;border:1px solid #cce1d0;border-radius:15px;background:#dcebdd;touch-action:manipulation;overflow:hidden}.pk-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:0}.pk-row:last-child{outline:3px solid #78ad82;outline-offset:2px;border-radius:10px}.pk-cell{position:relative;min-height:0;overflow:hidden;padding:0;border:0;border-radius:10px;background:#c8dbc6;touch-action:manipulation}.pk-cell.face{background:#a9d48e;box-shadow:inset 0 0 0 2px #f5fff0}.pk-cell img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;pointer-events:none}.pk-cell:active{filter:brightness(1.13)}.pk-board.miss{animation:pk-shake .2s}.pk-cell:focus-visible,.pk-main-button:focus-visible,.pk-share:focus-visible{outline:3px solid #238776;outline-offset:3px}@keyframes pk-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:650px){#pk-page{padding:0 17px;margin-top:25px}.pk-lobby-banner{padding:14px;gap:10px}.pk-lobby-banner strong{font-size:16px}.pk-lobby-banner small{font-size:10px}.pk-lobby-arrow{font-size:11px}.pk-entry-grid{grid-template-columns:1fr}.pk-entry-card{min-height:0;padding:22px}.pk-entry-card p{min-height:0}.pk-join-form{flex-wrap:wrap}.pk-join-form input{flex:1}.pk-room-card{padding:16px}.pk-room-info{flex-wrap:wrap}.pk-room-game{margin-left:0}.pk-players{gap:6px}.pk-player{display:grid;grid-template-columns:35px 1fr;gap:6px;padding:9px}.pk-avatar{width:35px;height:35px;border-radius:10px}.pk-player-copy{gap:1px}.pk-player-name{max-width:100%;font-size:11px}.pk-player-score{grid-column:1/-1;margin:0;text-align:center;font-size:23px}.pk-versus{font-size:10px}.pk-game{padding:12px}.pk-game-top span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pk-board.miss{animation:none}}

.pk-result{position:relative;isolation:isolate;overflow:hidden;max-width:640px;margin:22px auto 0;padding:32px 24px 30px;border:1px solid #cae6d7;border-radius:26px;text-align:center;background:linear-gradient(140deg,#f4fff6,#e6f5ee 56%,#e7f0fa);box-shadow:0 20px 42px #2e78691f,inset 0 1px #fff}
.pk-result[hidden],.pk-result-actions [hidden]{display:none!important}
.pk-result.is-win{border-color:#efd992;background:radial-gradient(circle at 50% 0%,#fff7d7,#f2fbed 53%,#e2f4ed)}
.pk-result.is-lose{border-color:#cbdbec;background:radial-gradient(circle at 50% 0%,#f2f6ff,#edf4f6 60%,#e5f5ec)}
.pk-result-icon{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;margin:0 auto 12px;border-radius:26px;background:linear-gradient(145deg,#8bd2a6,#3b9b7b);box-shadow:0 12px 25px #347f7140;color:#fff;font:900 45px "Sweet Nunito",sans-serif;transform:rotate(-8deg)}
.pk-result.is-win .pk-result-icon{background:linear-gradient(140deg,#f7d77a,#e8a953);box-shadow:0 12px 30px #d7a64c55;animation:pk-win-pop .68s cubic-bezier(.2,1.4,.5,1) both,pk-win-float 2.8s ease-in-out .7s infinite}
.pk-result.is-lose .pk-result-icon{background:linear-gradient(140deg,#94b6cf,#6a9cad);animation:pk-lose-in .55s ease-out both}
.pk-result-title{position:relative;z-index:1;margin:0;color:#245d4b;font:400 32px "Sweet Round",sans-serif}.pk-result-copy{position:relative;z-index:1;margin:7px 0 16px;color:#4f7567;font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}.pk-rematch-note{position:relative;z-index:1;min-height:20px;margin:0 0 16px;color:#557a68;font-size:12px;line-height:1.6}.pk-result-actions{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.pk-quiet-button{min-height:46px;padding:10px 17px;border:1px solid #9bcfb3;border-radius:12px;background:#fff9;color:#326b54;font:850 13px "Sweet Nunito",sans-serif;cursor:pointer}.pk-quiet-button:hover{background:#e7f6eb}.pk-quiet-button:focus-visible{outline:3px solid #238776;outline-offset:3px}.pk-quiet-button:disabled{opacity:.55;cursor:wait}
.pk-result-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}.pk-result-burst i{position:absolute;top:-20px;left:calc(8% + var(--i)*7%);width:9px;height:16px;border-radius:3px;background:var(--c);opacity:0;transform:rotate(22deg)}.pk-result-burst i:nth-child(4n+1){--c:#e6b554}.pk-result-burst i:nth-child(4n+2){--c:#62bfa0}.pk-result-burst i:nth-child(4n+3){--c:#9ea7db}.pk-result-burst i:nth-child(4n){--c:#f2a9a9}.pk-result-burst i:nth-child(1){--i:0}.pk-result-burst i:nth-child(2){--i:1}.pk-result-burst i:nth-child(3){--i:2}.pk-result-burst i:nth-child(4){--i:3}.pk-result-burst i:nth-child(5){--i:4}.pk-result-burst i:nth-child(6){--i:5}.pk-result-burst i:nth-child(7){--i:6}.pk-result-burst i:nth-child(8){--i:7}.pk-result-burst i:nth-child(9){--i:8}.pk-result-burst i:nth-child(10){--i:9}.pk-result-burst i:nth-child(11){--i:10}.pk-result-burst i:nth-child(12){--i:11}.pk-result.is-win .pk-result-burst i{animation:pk-confetti 1.5s ease-in calc(var(--i)*.055s) both}
@keyframes pk-win-pop{from{opacity:0;transform:scale(.3) rotate(-35deg)}70%{transform:scale(1.14) rotate(6deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}@keyframes pk-win-float{50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes pk-lose-in{from{opacity:0;transform:translateY(-16px) rotate(8deg)}to{opacity:1;transform:translateY(0) rotate(-8deg)}}@keyframes pk-confetti{10%{opacity:1}75%{opacity:1}to{opacity:0;top:105%;transform:translateX(35px) rotate(520deg)}}
@media(max-width:650px){.pk-result{padding:25px 16px}.pk-result-title{font-size:27px}.pk-result-icon{width:72px;height:72px;font-size:40px}.pk-result-actions .pk-main-button{width:100%}}
@media(prefers-reduced-motion:reduce){.pk-result-icon,.pk-result-burst i{animation:none!important}.pk-result-burst{display:none}}