:root{--pp-ink:#243151;--pp-cream:#fff8e9;--pp-coral:#ff7d73;--pp-turquoise:#39c9c2;--pp-lemon:#f7c84b;--pp-lavender:#9c78ee;--pp-line:#d9cbea}*{box-sizing:border-box}.pp-page{min-height:100vh;color:var(--pp-ink);background:#f6efff;font-family:Nunito,sans-serif}.pp-page button,.pp-page input,.pp-page select{font:inherit}.pp-sitebar{z-index:40;background:#fff;border-bottom:2px solid #e3d7ef;justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;position:relative}.pp-sitebar>a{color:var(--pp-ink);align-items:center;gap:8px;font-weight:900;text-decoration:none;display:flex}.pp-sitebar>a i{background:var(--pp-lavender);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font:900 18px Georgia;display:grid}.pp-sitebar details{position:relative}.pp-sitebar summary{cursor:pointer;font-weight:900}.pp-sitebar details section{border:2px solid var(--pp-line);background:#fff;border-radius:18px;width:310px;padding:18px;position:absolute;top:34px;right:0;box-shadow:0 20px 50px #4f397d22}.pp-sitebar details h2{margin:0;font:800 23px "Baloo 2"}.pp-sitebar details p{margin:4px 0 0;line-height:1.5}.pp-logo{filter:drop-shadow(0 6px #6e4d9c22);justify-content:center;align-items:center;display:flex}.pp-logo i{background:linear-gradient(145deg,var(--pp-lavender),#6c4bd5);color:#fff;border:5px solid #fff;border-radius:26px 8px;place-items:center;width:76px;height:76px;font:900 48px Georgia;display:grid;transform:rotate(-7deg)}.pp-logo span,.pp-logo b{letter-spacing:-3px;font:900 50px/1 "Baloo 2"}.pp-logo span{margin-left:8px}.pp-logo b{color:var(--pp-coral);transform:rotate(4deg)}.pp-logo.compact{justify-content:flex-start}.pp-logo.compact i{border-width:3px;border-radius:15px 5px;width:46px;height:46px;font-size:28px}.pp-logo.compact span,.pp-logo.compact b{letter-spacing:-2px;font-size:29px}.pp-entry{background:linear-gradient(135deg,#fff8eb,#f4eaff);grid-template-columns:1.15fr .85fr;min-height:calc(100vh - 58px);display:grid}.pp-entry-art{background:linear-gradient(#fff3,#fff3),url(/pofi-pat/cloud-table.png) 50%/cover;flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex;position:relative;overflow:hidden}.pp-entry-art:after{content:"";background:linear-gradient(90deg,#0000 70%,#fff8eb);position:absolute;inset:0}.pp-entry-art>*{z-index:1;position:relative}.pp-entry-art>p{text-align:center;max-width:520px;font:800 21px/1.4 "Baloo 2"}.pp-card-fan{width:580px;height:310px;margin-top:10px;position:relative}.pp-card-fan>.pp-card{transform:rotate(calc((var(--fan) - 1.5)*16deg)) translateX(calc((var(--fan) - 1.5)*60px));transform-origin:50% 160%;position:absolute;top:35px;left:210px;box-shadow:0 20px 40px #54397430}.pp-entry-panel{z-index:2;background:#fff8eb;flex-direction:column;justify-content:center;padding:clamp(35px,5vw,90px);display:flex;position:relative}.pp-kicker{letter-spacing:.18em;color:#8c60ce;font-size:11px;font-weight:900}.pp-entry-panel h1,.pp-seats h1{letter-spacing:-2px;margin:8px 0 26px;font:800 clamp(40px,5vw,70px)/.95 "Baloo 2"}.pp-entry-panel label,.pp-settings label{letter-spacing:.12em;gap:7px;font-size:11px;font-weight:900;display:grid}.pp-entry-panel input,.pp-settings select{height:54px;color:var(--pp-ink);background:#fff;border:2px solid #d7c7e4;border-radius:15px;outline:none;padding:0 16px;font-size:16px;font-weight:800}.pp-entry-panel input:focus,.pp-settings select:focus{border-color:var(--pp-lavender);box-shadow:0 0 0 4px #9c78ee22}.pp-entry-actions{gap:10px;margin-top:16px;display:grid}.pp-entry-actions button{height:54px;color:var(--pp-ink);cursor:pointer;background:#fff;border:2px solid #bea9d5;border-radius:15px;font-weight:900}.pp-entry-actions .primary{background:var(--pp-lavender);color:#fff;border-color:#6946ba;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 7px #6946ba}.pp-entry-actions .primary:active{transform:translateY(5px);box-shadow:0 2px #6946ba}.pp-entry-actions>div{grid-template-columns:1fr 100px;gap:8px;display:grid}.pp-entry-actions>div input{text-transform:uppercase;letter-spacing:.18em}.pp-entry-actions .practice{color:#7052a0;background:0 0;border:0;height:42px;text-decoration:underline}.pp-entry-panel ol{border-top:1px solid #ddcfe7;gap:12px;margin:20px 0 0;padding:20px 0 0;list-style:none;display:grid}.pp-entry-panel li{align-items:center;gap:12px;display:flex}.pp-entry-panel li>i{background:#fff;border:2px solid #d9c7e5;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;font-weight:900;display:grid}.pp-entry-panel li span{display:grid}.pp-entry-panel li small{color:#7f7691}.pp-form-error{color:#a63442;background:#ffe0df;border-radius:12px;padding:11px 14px;font-weight:800}.pp-card{--card:#888;background:var(--card);color:#fff;width:132px;height:188px;box-shadow:0 7px 0 color-mix(in srgb,var(--card),#000 28%),0 16px 28px #3b2a5a35;cursor:pointer;isolation:isolate;border:5px solid #fff;border-radius:18px;padding:9px;transition:transform .18s,filter .18s;position:relative;overflow:hidden}.pp-card:before{content:"";z-index:-1;background:#ffffff18;border:3px solid #fffa;border-radius:50%;position:absolute;inset:13px 17px;transform:rotate(-22deg)}.pp-card.coral{--card:var(--pp-coral)}.pp-card.turquoise{--card:var(--pp-turquoise)}.pp-card.lemon{--card:var(--pp-lemon);color:#584719}.pp-card.lavender{--card:var(--pp-lavender)}.pp-card.rainbow{--card:#7657d8;background:conic-gradient(from 30deg,var(--pp-coral),var(--pp-lemon),var(--pp-turquoise),var(--pp-lavender),var(--pp-coral))}.pp-card>i{text-shadow:0 3px #0002;place-items:center;font:900 67px/1 "Baloo 2";display:grid;position:absolute;inset:0}.pp-card>b{letter-spacing:.11em;text-align:center;font-size:10px;position:absolute;bottom:17px;left:0;right:0}.pp-card-corner{font-size:18px;font-weight:900;position:absolute;top:6px;left:8px}.pp-card-pips{font-weight:900;position:absolute;bottom:5px;right:8px;transform:rotate(180deg)}.pp-card.small{width:112px;height:158px}.pp-card.small>i{font-size:52px}.pp-card:hover:not(:disabled),.pp-card.selected{filter:brightness(1.04);transform:translateY(-14px)rotate(-1deg)}.pp-card:disabled{cursor:not-allowed;filter:saturate(.45)brightness(.9);opacity:.64}.pp-card.kind-wild,.pp-card.kind-storm,.pp-card.kind-gift{color:#fff}.pp-card.kind-gift{background:linear-gradient(145deg,#ff8d83,#8869df)}.pp-lobby{background:linear-gradient(#fff8,#fff8),url(/pofi-pat/cloud-table.png) 50%/cover fixed;min-height:calc(100vh - 58px);padding:24px clamp(20px,4vw,70px)}.pp-lobby>header{justify-content:space-between;align-items:center;height:70px;display:flex}.pp-lobby>header>button{color:var(--pp-ink);cursor:pointer;background:#fff;border:2px solid #d5c2e1;border-radius:16px;align-items:center;gap:12px;padding:8px 16px;display:flex}.pp-lobby>header>button small,.pp-lobby>header>button span{letter-spacing:.12em;font-size:9px;font-weight:900}.pp-lobby>header>button b{letter-spacing:.14em;font:900 24px "Baloo 2"}.pp-lobby-grid{grid-template-columns:1fr 360px;gap:18px;max-width:1250px;margin:18px auto;display:grid}.pp-seats,.pp-settings{background:#fffaf0ef;border:2px solid #d8c9e3;border-radius:26px;box-shadow:0 20px 60px #61487e25}.pp-seats{padding:30px}.pp-seats h1{margin-bottom:20px;font-size:44px}.pp-seats>div{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pp-seats article,.pp-empty-seat{background:#fff;border:2px solid #dfd1e8;border-radius:18px;align-items:center;height:94px;display:flex;position:relative}.pp-seats article.ready{background:#f0fff2;border-color:#7dcf9c}.pp-seats article>span{letter-spacing:.1em;color:#6c7480;margin-left:auto;margin-right:16px;font-size:9px;font-weight:900}.pp-seats article>button{color:#bd6573;background:0 0;border:0;font-size:19px;position:absolute;top:5px;right:5px}.pp-empty-seat{color:#76648d;cursor:pointer;justify-content:center;gap:12px}.pp-empty-seat i{border:2px dashed #aa92c3;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;font-style:normal;display:grid}.pp-empty-seat span{display:grid}.pp-empty-seat small{display:block}.pp-settings{flex-direction:column;gap:12px;padding:26px;display:flex}.pp-settings h2{margin:0;font:800 30px "Baloo 2"}.pp-settings label select{height:46px}.pp-mode{min-height:65px;color:var(--pp-ink);text-align:left;background:#fff;border:2px solid #d8c7e6;border-radius:15px;align-items:center;gap:13px;padding:10px;display:flex}.pp-mode>i{background:#eee7fb;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.pp-mode span{display:grid}.pp-mode small{color:#81778e}.pp-mode.active{border-color:var(--pp-lavender);background:#f6f0ff}.pp-ready,.pp-start,.pp-practice{cursor:pointer;border:2px solid #7153a1;border-radius:14px;min-height:48px;font-weight:900}.pp-ready{color:#60437e;background:#fff}.pp-start{background:var(--pp-lavender);color:#fff;justify-content:space-between;align-items:center;padding:0 16px;display:flex;box-shadow:0 5px #6948b2}.pp-practice{color:#735714;background:#fff0c8;border-color:#e5b94b}.pp-settings .lobby-admin{background:#fff;border-color:#dfd3e8;margin-top:4px}.pp-settings .lobby-admin>b{font-size:9px}.pp-avatar{background:#ffffffd9;border:3px solid #d8c9e4;border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:58px 1fr;align-items:end;min-width:180px;height:76px;padding:8px;display:grid;position:relative;box-shadow:0 7px 20px #4b366f20}.pp-avatar.active{border-color:var(--pp-lemon);animation:1.2s ease-in-out infinite alternate pp-active;box-shadow:0 0 0 5px #f7c84b44,0 8px 25px #4b366f28}.pp-avatar>b{white-space:nowrap;text-overflow:ellipsis;align-self:end;font-size:13px;overflow:hidden}.pp-avatar>small{color:#756d81;align-self:start;font-size:9px;font-weight:900}.pp-avatar>em{color:#fff;background:#8060ba;border-radius:7px;padding:2px 5px;font-size:7px;font-style:normal;position:absolute;top:5px;right:6px}.pp-pofi,.pp-alert-mascot,.pp-winner-pofi{background:linear-gradient(145deg,#fff,#ddd8f0);border-radius:48% 52% 40% 45%;grid-row:1/3;width:50px;height:43px;position:relative;box-shadow:inset -5px -6px #bdaed844}.pp-pofi:before,.pp-alert-mascot:before,.pp-winner-pofi:before{content:"";background:inherit;border-radius:50%;width:28px;height:27px;position:absolute;top:-9px;left:11px}.pp-pofi i,.pp-pofi span,.pp-alert-mascot i,.pp-alert-mascot span,.pp-winner-pofi i,.pp-winner-pofi span{background:#29334d;border-radius:50%;width:5px;height:7px;position:absolute;top:16px}.pp-pofi i,.pp-alert-mascot i,.pp-winner-pofi i{left:15px}.pp-pofi span,.pp-alert-mascot span,.pp-winner-pofi span{right:15px}.avatar-1 .pp-pofi,.avatar-9 .pp-pofi{background:linear-gradient(145deg,#d9fff1,#83dbc5)}.avatar-2 .pp-pofi,.avatar-10 .pp-pofi{background:linear-gradient(145deg,#ffe7e5,#ff9c91)}.avatar-3 .pp-pofi,.avatar-11 .pp-pofi{background:linear-gradient(145deg,#fff1bd,#f5cb51)}.pp-game{background:#dff5ff;height:calc(100vh - 58px);min-height:650px;position:relative;overflow:hidden}.pp-scene{background:url(/pofi-pat/cloud-table.png) 50%/cover;position:absolute;inset:0}.pp-scene:after{content:"";background:linear-gradient(#fff0 55%,#44335a20);position:absolute;inset:0}.pp-hud{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffaf0de;border:2px solid #fffb;border-radius:20px;align-items:stretch;gap:8px;height:66px;padding:7px;display:flex;position:absolute;top:12px;left:16px;right:16px;box-shadow:0 10px 30px #4d39702a}.pp-hud>button,.pp-hud>div{color:var(--pp-ink);background:#fff;border:0;border-radius:13px;align-content:center;padding:6px 13px;display:grid}.pp-hud>button{cursor:pointer}.pp-hud small{letter-spacing:.12em;font-size:8px;font-weight:900}.pp-hud b{font-size:17px}.pp-hud .pp-turn{text-align:center;background:#fff5d9;flex:1}.pp-hud .pp-turn strong{font:800 17px "Baloo 2"}.pp-hud .pp-sound{font-size:10px;font-weight:900}.pp-hud .urgent{color:#df344f;animation:.5s infinite alternate pp-pulse}.pp-opponents{z-index:4;justify-content:center;gap:clamp(8px,2vw,30px);display:flex;position:absolute;top:93px;left:7%;right:7%}.pp-table-center{z-index:3;align-items:center;gap:22px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.pp-draw-pile{color:#fff;cursor:pointer;background:repeating-radial-gradient(circle at 25% 20%,#bd8af5 0 5px,#6544a8 6px 12px);border:5px solid #fff;border-radius:18px;width:112px;height:158px;position:relative;box-shadow:5px 5px #5c438d,9px 9px #fff,0 17px 28px #4a356137}.pp-draw-pile i{text-shadow:0 3px #3c2767;font:900 56px Georgia}.pp-draw-pile b{color:#6f4bad;background:#fff;border-radius:20px;min-width:25px;padding:4px;position:absolute;top:7px;right:7px}.pp-draw-pile span{font-size:9px;font-weight:900;position:absolute;bottom:7px;left:0;right:0}.pp-color-orb{border:3px solid var(--orb);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:7px 14px;display:flex;position:absolute;top:180px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #44325f25}.pp-color-orb.coral{--orb:var(--pp-coral)}.pp-color-orb.turquoise{--orb:var(--pp-turquoise)}.pp-color-orb.lemon{--orb:var(--pp-lemon)}.pp-color-orb.lavender{--orb:var(--pp-lavender)}.pp-color-orb>i{background:var(--orb);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.pp-color-orb span{letter-spacing:.1em;font-size:7px;font-weight:900}.pp-color-orb b{font-size:11px}.pp-direction{white-space:nowrap;color:#71588a;font-size:24px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.pp-direction.reverse{transform:translate(-50%)scaleX(-1)}.pp-direction span{letter-spacing:.1em;font-size:8px;font-weight:900}.pp-direction.reverse span{display:inline-block;transform:scaleX(-1)}.pp-self{z-index:6;background:linear-gradient(#0000,#4f3f6629 18%,#fff9eddd 19%);justify-content:center;align-items:flex-end;height:250px;display:flex;position:absolute;bottom:0;left:0;right:0}.pp-self-name{background:#fff;border:2px solid #ddcce8;border-radius:13px;padding:8px 13px;display:grid;position:absolute;bottom:18px;left:18px}.pp-self-name span{font-size:9px;font-weight:900}.pp-hand{justify-content:center;align-items:flex-end;min-width:min(920px,80vw);height:220px;padding-bottom:12px;display:flex;overflow:auto hidden}.pp-hand>div{margin-left:clamp(-55px,calc((var(--cards) - 5)*-4px),-14px);transform:rotate(calc((var(--index) - (var(--cards)/2))*1.7deg));transform-origin:50% 140%}.pp-hand>div:first-child{margin-left:0}.pp-hand .pp-card{width:122px;height:174px}.pp-pass{color:#72558d;background:#fff;border:2px solid #b79fc9;border-radius:13px;padding:12px 16px;font-size:10px;font-weight:900;position:absolute;bottom:20px;right:18px}.pp-feed{z-index:7;gap:5px;width:250px;display:grid;position:absolute;top:92px;right:14px}.pp-feed p{border-left:4px solid var(--pp-lemon);background:#fffde8dd;border-radius:10px;margin:0;padding:8px 10px;font-size:10px;font-weight:800;box-shadow:0 5px 14px #4a35651d}.pp-error{z-index:30;color:#a72d44;background:#fff;border:2px solid #e96678;border-radius:14px;padding:12px 18px;font-weight:900;position:absolute;bottom:255px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #8d3c4a30}.pp-modal,.pp-dealing{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#553d7544;place-items:center;display:grid;position:absolute;inset:0}.pp-modal>section{text-align:center;background:#fff9ed;border:4px solid #fff;border-radius:28px;width:min(610px,100% - 30px);padding:30px;box-shadow:0 25px 80px #46325b66}.pp-modal>section>span{letter-spacing:.16em;color:#8964ba;font-size:10px;font-weight:900}.pp-modal h2{margin:5px;font:800 36px "Baloo 2"}.pp-color-picker{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.pp-color-picker button{background:var(--pick);color:#fff;height:110px;box-shadow:0 5px 0 color-mix(in srgb,var(--pick),#000 25%);cursor:pointer;border:4px solid #fff;border-radius:18px}.pp-color-picker .coral{--pick:var(--pp-coral)}.pp-color-picker .turquoise{--pick:var(--pp-turquoise)}.pp-color-picker .lemon{--pick:var(--pp-lemon);color:#5b4915}.pp-color-picker .lavender{--pick:var(--pp-lavender)}.pp-color-picker i{font-size:32px;font-style:normal;display:block}.pp-color-picker b{font-size:11px}.pp-gift-cards{justify-content:center;gap:3px;padding:20px 10px;display:flex;overflow-x:auto}.pp-gift-cards .pp-card{flex:none}.pp-gift-players{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pp-gift-players button{color:var(--pp-ink);background:#fff;border:2px solid #d5c5e1;border-radius:20px;padding:10px 14px;font-weight:900}.pp-gift-players button.selected{border-color:var(--pp-lavender);background:#eee7ff}.pp-confirm{background:var(--pp-lavender);color:#fff;border:0;border-radius:14px;margin-top:16px;padding:14px 24px;font-weight:900}.pp-pofi-alert{z-index:25;text-align:center;background:#fff0b6;border:5px solid #fff;border-radius:30px;width:min(440px,100% - 30px);padding:25px;animation:.35s cubic-bezier(.2,1.5,.4,1) pp-pop;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #f5c94d,0 28px 80px #5c416b66}.pp-alert-mascot{width:90px;height:74px;margin:0 auto 10px}.pp-alert-mascot:before{width:50px;height:48px;top:-16px;left:20px}.pp-alert-mascot i,.pp-alert-mascot span{width:8px;height:11px;top:27px}.pp-alert-mascot i{left:28px}.pp-alert-mascot span{right:28px}.pp-pofi-alert small{letter-spacing:.13em;font-size:10px;font-weight:900}.pp-pofi-alert h2{margin:0;font:900 45px "Baloo 2"}.pp-pofi-alert button{background:var(--pp-lavender);color:#fff;border:4px solid #fff;border-radius:18px;min-width:190px;height:62px;font:900 25px "Baloo 2";box-shadow:0 7px #6242a6}.pp-pofi-alert button.catch{background:var(--pp-coral);box-shadow:0 7px #bd4e54}.pp-dealing{color:#fff;text-shadow:0 3px 10px #513b6c}.pp-deal-logo{background:#7b59ce;border:6px solid #fff;border-radius:22px;place-items:center;width:110px;height:140px;font:900 70px Georgia;animation:.7s ease-in-out infinite alternate pp-deal;display:grid;box-shadow:8px 8px #f5c94d}.pp-dealing h2{font:800 28px "Baloo 2"}.pp-results{background:linear-gradient(#fff6,#fff6),url(/pofi-pat/cloud-table.png) 50%/cover;place-items:center;min-height:calc(100vh - 58px);display:grid;position:relative;overflow:hidden}.pp-results>section{text-align:center;background:#fffaf0ef;border:4px solid #fff;border-radius:30px;width:min(570px,100% - 30px);padding:32px;box-shadow:0 30px 80px #50346e3e}.pp-winner-pofi{width:110px;height:90px;margin:0 auto 12px}.pp-winner-pofi:before{width:62px;height:60px;top:-20px;left:24px}.pp-winner-pofi i,.pp-winner-pofi span{width:9px;height:12px;top:31px}.pp-winner-pofi i{left:34px}.pp-winner-pofi span{right:34px}.pp-results section>small{letter-spacing:.15em;color:#7e60aa;font-weight:900}.pp-results h1{margin:0;font:900 55px "Baloo 2"}.pp-results p{margin-top:-8px}.pp-results ol{text-align:left;gap:7px;padding:0;list-style:none;display:grid}.pp-results li{background:#fff;border:2px solid #e0d4e7;border-radius:13px;grid-template-columns:40px 1fr 70px 80px;align-items:center;padding:10px;display:grid}.pp-results li strong{text-align:right}.pp-results section>button{background:var(--pp-lavender);color:#fff;border:0;border-radius:15px;width:100%;height:52px;font-weight:900}.pp-confetti{background-image:radial-gradient(circle,var(--pp-coral) 0 4px,transparent 5px),radial-gradient(circle,var(--pp-turquoise) 0 4px,transparent 5px),radial-gradient(circle,var(--pp-lemon) 0 4px,transparent 5px);opacity:.5;background-size:80px 90px,110px 100px,130px 120px;animation:5s linear infinite pp-confetti;position:absolute;inset:0}.pp-turn-fx{z-index:14;color:#fff;background:linear-gradient(105deg,#55417f,#8666c8);border:4px solid #fff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;min-width:280px;padding:10px 18px 10px 20px;animation:1.5s both pp-turn-arrive;display:grid;position:absolute;top:162px;left:50%;transform:translate(-50%);box-shadow:0 10px #38285155,0 22px 45px #3b2a5d44}.pp-turn-fx.mine{color:#392d29;background:linear-gradient(105deg,#f49e32,#f6cb48);box-shadow:0 10px #bd712e55,0 22px 45px #6844293d}.pp-turn-fx span{letter-spacing:.17em;grid-column:1;font-size:9px;font-weight:1000}.pp-turn-fx strong{grid-column:1;font:900 21px/1.05 "Baloo 2"}.pp-turn-fx i{grid-area:1/2/3;margin-left:20px;font:900 35px/1 "Baloo 2";animation:.55s ease-in-out infinite alternate pp-arrow}.pp-event-fx{--event:#7254bd;z-index:24;text-align:center;pointer-events:none;background:radial-gradient(circle at center,color-mix(in srgb,var(--event),transparent 25%) 0 11%,#38285399 38%,#30234277 52%,transparent 73%);color:#fff;place-content:center;justify-items:center;animation:1.9s both pp-event-screen;display:grid;position:absolute;inset:0;overflow:hidden}.pp-event-fx.is-storm{--event:#e25472}.pp-event-fx.is-draw2{--event:#e79437}.pp-event-fx.is-skip{--event:#3ebcb6}.pp-event-fx.is-reverse{--event:#8f69df}.pp-event-fx.is-gift{--event:#e36fa6}.pp-event-fx small{z-index:2;letter-spacing:.22em;margin-top:10px;font-size:10px;font-weight:1000}.pp-event-fx h2{z-index:2;letter-spacing:-.04em;text-shadow:0 6px #32244255;margin:0;font:1000 clamp(44px,6vw,82px)/.95 "Baloo 2";animation:1.9s both pp-event-title}.pp-event-fx p{z-index:2;max-width:560px;margin:7px 18px 0;font-size:15px;font-weight:900}.pp-event-rays{background:repeating-conic-gradient(#fff3 0 7deg,transparent 7deg 18deg);border-radius:50%;width:700px;height:700px;animation:4s linear infinite pp-rays;position:absolute}.pp-event-cards{z-index:2;perspective:800px;justify-content:center;align-items:center;min-width:250px;height:145px;display:flex}.pp-event-cards i{color:#fff;width:82px;height:116px;transform:rotate(calc((var(--fly-index) - 1)*13deg));background:repeating-radial-gradient(circle at 25% 20%,#c595f8 0 4px,#6747aa 5px 10px);border:5px solid #fff;border-radius:14px;place-items:center;margin-left:-28px;font:900 48px Georgia;animation:1.9s both pp-card-hit;display:grid;box-shadow:0 7px #473073,0 16px 35px #25193488}.pp-event-cards i:first-child{margin-left:0}.pp-event-fx.is-skip .pp-event-cards i:after{content:"Ⅱ"}.pp-event-fx.is-reverse .pp-event-cards i:after{content:"↻"}.pp-event-fx.is-gift .pp-event-cards i:after{content:"◆"}.pp-event-fx.is-skip .pp-event-cards i,.pp-event-fx.is-reverse .pp-event-cards i,.pp-event-fx.is-gift .pp-event-cards i{font-size:0}.pp-event-fx.is-skip .pp-event-cards i:after,.pp-event-fx.is-reverse .pp-event-cards i:after,.pp-event-fx.is-gift .pp-event-cards i:after{font:900 48px "Baloo 2"}@keyframes pp-active{to{transform:translateY(-5px)}}@keyframes pp-pulse{to{transform:scale(1.14)}}@keyframes pp-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)rotate(-5deg)}}@keyframes pp-deal{to{transform:translateY(-10px)rotate(4deg)}}@keyframes pp-confetti{to{background-position:0 500px,30px 600px,-30px 550px}}@keyframes pp-turn-arrive{0%{opacity:0;transform:translate(-50%,-30px)scale(.82)}18%{opacity:1;transform:translate(-50%)scale(1.06)}28%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,12px)scale(.96)}}@keyframes pp-arrow{to{transform:translate(7px)}}@keyframes pp-event-screen{0%{opacity:0}10%,78%{opacity:1}to{opacity:0}}@keyframes pp-event-title{0%{opacity:0;transform:scale(.4)rotate(-5deg)}18%{opacity:1;transform:scale(1.13)rotate(1deg)}28%,76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes pp-card-hit{0%{opacity:0;transform:translateY(-300px)rotate(-45deg)scale(.35)}22%{opacity:1;transform:translateY(12px) rotate(calc((var(--fly-index) - 1)*13deg)) scale(1.12)}32%,78%{opacity:1;transform:translateY(0) rotate(calc((var(--fly-index) - 1)*13deg)) scale(1)}to{opacity:0;transform:translateY(160px)rotate(25deg)scale(.78)}}@keyframes pp-rays{to{transform:rotate(360deg)}}@media (max-width:900px){.pp-entry{grid-template-columns:1fr}.pp-entry-art{min-height:360px}.pp-entry-art:after{background:linear-gradient(#0000 75%,#fff8eb)}.pp-card-fan{margin:-30px;transform:scale(.72)}.pp-lobby-grid{grid-template-columns:1fr}.pp-game{min-height:600px}.pp-opponents{justify-content:flex-start;top:88px;overflow-x:auto}.pp-avatar{min-width:145px}.pp-feed{display:none}.pp-table-center{top:42%}.pp-hand{justify-content:flex-start;padding-left:28px}.pp-self-name{display:none}}@media (max-width:600px){.pp-sitebar{padding:0 10px}.pp-sitebar>a b{display:none}.pp-entry-art{min-height:270px;padding:25px}.pp-entry-art>p{font-size:15px}.pp-logo i{width:52px;height:52px;font-size:30px}.pp-logo span,.pp-logo b{font-size:35px}.pp-card-fan{height:190px;margin:-55px;transform:scale(.52)}.pp-entry-panel{padding:30px 18px}.pp-entry-panel h1{font-size:42px}.pp-lobby{padding:14px}.pp-lobby>header{align-items:flex-start}.pp-lobby>header .pp-logo{display:none}.pp-lobby-grid{margin-top:8px}.pp-seats{padding:20px}.pp-seats>div{grid-template-columns:1fr}.pp-hud{height:58px;top:5px;left:6px;right:6px}.pp-hud>div,.pp-hud>button{padding:4px 7px}.pp-hud .pp-turn strong{font-size:12px}.pp-hud .pp-sound{display:none}.pp-opponents{top:72px;left:5px;right:5px}.pp-avatar{grid-template-columns:45px 1fr;min-width:125px;height:66px}.pp-pofi{width:39px;height:34px}.pp-pofi:before{width:23px;height:22px;left:8px}.pp-pofi i{top:12px;left:11px}.pp-pofi span{top:12px;right:11px}.pp-table-center{gap:9px;top:41%}.pp-table-center>.pp-card,.pp-draw-pile{border-radius:13px;width:82px;height:116px}.pp-table-center>.pp-card>i{font-size:38px}.pp-color-orb{top:130px}.pp-direction{top:-38px}.pp-self{height:215px}.pp-hand{min-width:100%;height:198px;padding-left:10px}.pp-hand .pp-card{width:105px;height:150px}.pp-hand>div{margin-left:-42px}.pp-pass{bottom:192px;right:7px}.pp-color-picker{grid-template-columns:repeat(2,1fr)}.pp-color-picker button{height:80px}.pp-results h1{font-size:42px}}@media (prefers-reduced-motion:reduce){.pp-page *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pp-party-rule{z-index:8;background:#fff0b8;border:3px solid #fff;border-radius:15px;align-items:center;gap:9px;padding:8px 12px;display:flex;position:absolute;top:92px;left:14px;box-shadow:0 7px 22px #59426f27}.pp-party-rule>i{background:var(--pp-lavender);color:#fff;border-radius:10px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.pp-party-rule span{display:grid}.pp-party-rule small{letter-spacing:.12em;font-size:7px;font-weight:900}.pp-party-rule b{font-size:10px}.pp-game .pp-hand{width:min(1040px,100vw - 120px);min-width:0;padding:0;display:block;position:relative;overflow:visible}.pp-game .pp-hand>div{z-index:var(--depth);left:calc(var(--slot)*1%);transform:translateX(-50%) rotate(calc(var(--tilt)*1deg));transform-origin:50% 140%;margin-left:0;transition:left .28s,transform .28s;position:absolute;bottom:12px}.pp-game .pp-hand>div:first-child{margin-left:0}.pp-game .pp-hand>div:focus-within,.pp-game .pp-hand>div:hover{z-index:150}@media (max-width:600px){.pp-game .pp-hand{width:calc(100vw - 22px);min-width:0;padding:0}.pp-game .pp-hand>div{margin-left:0}.pp-game .pp-hand .pp-card{width:96px;height:142px}}.pp-hand .pp-card:not(:disabled){animation:1.5s ease-in-out infinite alternate pp-playable}.pp-card-count{transform-origin:0;animation:.36s cubic-bezier(.2,1.7,.4,1) pp-count-pop}.pp-draw-pile.has-penalty{background:repeating-radial-gradient(circle at 25% 20%,#ff9e67 0 5px,#d64d67 6px 12px);animation:.55s ease-in-out infinite alternate pp-penalty-pile;box-shadow:5px 5px #9d344c,9px 9px #fff,0 0 0 8px #ffdf6e77,0 17px 28px #4a356137}.pp-draw-pile.has-penalty span{color:#fff8b9;font-size:8px}.pp-penalty-stack{z-index:12;color:#fff;text-align:center;background:linear-gradient(145deg,#ffcc4b,#ff6c6c);border:5px solid #fff;border-radius:50%;align-content:center;place-items:center;width:126px;min-height:126px;padding:12px;animation:.7s ease-in-out infinite alternate pp-stack-bounce;display:grid;position:absolute;top:42%;left:calc(50% + 185px);box-shadow:0 8px #b94d50,0 20px 45px #512e4d55}.pp-penalty-stack small{letter-spacing:.12em;font-size:7px;font-weight:1000}.pp-penalty-stack strong{font:1000 45px/.9 "Baloo 2"}.pp-penalty-stack span{font-size:8px;font-weight:900;line-height:1.15}.pp-card-motion{z-index:23;pointer-events:none;position:absolute;top:45%;left:50%}.pp-card-motion .pp-card{pointer-events:none;opacity:1;filter:none}.pp-card-motion.is-play.from-self{animation:.85s cubic-bezier(.2,.9,.25,1) both pp-play-self}.pp-card-motion.is-play.from-rival{animation:.85s cubic-bezier(.2,.9,.25,1) both pp-play-rival}.pp-card-motion.is-draw.from-self{animation:.85s cubic-bezier(.2,.8,.3,1) both pp-draw-self}.pp-card-motion.is-draw.from-rival{animation:.85s cubic-bezier(.2,.8,.3,1) both pp-draw-rival}.pp-motion-back{color:#fff;background:repeating-radial-gradient(circle at 25% 20%,#bd8af5 0 5px,#6544a8 6px 12px);border:5px solid #fff;border-radius:18px;place-items:center;width:112px;height:158px;font:900 55px Georgia;display:grid;box-shadow:0 8px #4e357e,0 18px 35px #38254f66}.pp-results>section{animation:.75s cubic-bezier(.16,1.4,.3,1) both pp-winner-enter}@keyframes pp-playable{to{filter:brightness(1.06);box-shadow:0 7px 0 color-mix(in srgb,var(--card),#000 28%),0 16px 28px #3b2a5a35,0 0 0 4px #fff7}}@keyframes pp-count-pop{0%{color:#e45d68;transform:scale(.45)}to{transform:scale(1)}}@keyframes pp-penalty-pile{to{transform:translateY(-5px)rotate(2deg)}}@keyframes pp-stack-bounce{to{transform:scale(1.06)rotate(2deg)}}@keyframes pp-play-self{0%{opacity:0;transform:translate(-50%,48vh)rotate(-18deg)scale(1.15)}70%{opacity:1;transform:translate(-50%,-50%)rotate(4deg)scale(1.06)}to{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(1)}}@keyframes pp-play-rival{0%{opacity:0;transform:translate(-50%,-38vh)rotate(18deg)scale(.72)}70%{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)scale(1.06)}to{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(1)}}@keyframes pp-draw-self{0%{opacity:1;transform:translate(-135%,-50%)rotate(-3deg)scale(1)}to{opacity:0;transform:translate(-50%,48vh)rotate(16deg)scale(1.12)}}@keyframes pp-draw-rival{0%{opacity:1;transform:translate(-135%,-50%)rotate(3deg)scale(1)}to{opacity:0;transform:translate(-50%,-38vh)rotate(-16deg)scale(.72)}}@keyframes pp-winner-enter{0%{opacity:0;transform:scale(.75)translateY(35px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:600px){.pp-penalty-stack{width:92px;min-height:92px;top:39%;left:auto;right:8px}.pp-penalty-stack strong{font-size:34px}.pp-penalty-stack span{display:none}.pp-card-motion{top:42%}.pp-card-motion .pp-card,.pp-motion-back{width:82px;height:116px}}.pp-game.is-my-turn:before,.pp-game.is-my-turn:after{content:"";z-index:29;pointer-events:none;border-radius:3px;position:absolute;inset:0}.pp-game.is-my-turn:before{border:9px solid #ff5f67;animation:1.5s cubic-bezier(.2,.8,.25,1) both pp-my-turn-flash;box-shadow:inset 0 0 42px 12px #ff415799,0 0 34px #ff526d88}.pp-game.is-my-turn:after{border:3px solid #ff7b78;animation:1.25s ease-in-out 1.5s infinite alternate both pp-my-turn-ambient;inset:5px;box-shadow:inset 0 0 20px 4px #ff526d55}@keyframes pp-my-turn-flash{0%{opacity:0;border-width:22px;box-shadow:inset 0 0 90px 34px #ff3f5777}18%{opacity:1}45%{border-width:8px;box-shadow:inset 0 0 44px 14px #ff415799,0 0 38px #ff526d99}to{opacity:0;border-width:3px;box-shadow:inset 0 0 14px 2px #ff526d33}}@keyframes pp-my-turn-ambient{0%{opacity:.34;box-shadow:inset 0 0 12px 2px #ff526d33}to{opacity:.8;box-shadow:inset 0 0 25px 6px #ff526d66}}@media (prefers-reduced-motion:reduce){.pp-game.is-my-turn:before{display:none}.pp-game.is-my-turn:after{opacity:.55;animation:none!important}}.pp-game.is-my-turn:before,.pp-game.is-my-turn:after{mix-blend-mode:screen;background:linear-gradient(90deg,#ff355fcc 0,#0000 13%) 0/42% 100% no-repeat,linear-gradient(270deg,#ff355fcc 0,#0000 13%) 100%/42% 100% no-repeat,linear-gradient(#ff5a63cc 0,#0000 17%) top/100% 38% no-repeat,linear-gradient(0deg,#ff5a63cc 0,#0000 17%) bottom/100% 38% no-repeat;border:0;border-radius:0}.pp-game.is-my-turn:before{filter:blur(14px);animation:1.5s cubic-bezier(.16,.85,.24,1) both pp-my-turn-glow;inset:-14px;box-shadow:inset 0 0 95px 34px #ff355f77}.pp-game.is-my-turn:after{filter:blur(9px);animation:1.35s ease-in-out 1.35s infinite alternate both pp-my-turn-breathe;inset:-7px;box-shadow:inset 0 0 48px 17px #ff486244}@keyframes pp-my-turn-glow{0%{opacity:0;filter:blur(22px);transform:scale(1.035)}18%{opacity:1}48%{opacity:.92;filter:blur(11px);transform:scale(1)}to{opacity:0;filter:blur(17px);transform:scale(.995)}}@keyframes pp-my-turn-breathe{0%{opacity:.24;filter:blur(12px);transform:scale(1.005)}to{opacity:.66;filter:blur(7px);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pp-game.is-my-turn:after{filter:blur(9px);background:linear-gradient(90deg,#ff486266,#0000 11%) 0/35% 100% no-repeat,linear-gradient(270deg,#ff486266,#0000 11%) 100%/35% 100% no-repeat,linear-gradient(#ff486266,#0000 14%) top/100% 32% no-repeat,linear-gradient(#0000 86%,#ff486266) bottom/100% 32% no-repeat}}.pp-game .pp-opponents{z-index:4;pointer-events:none;display:block;position:absolute;inset:82px 0 225px}.pp-opponent-seat{left:var(--seat-x);top:var(--seat-y);transform:translate(-50%,-50%) scale(var(--seat-scale));transform-origin:50%;pointer-events:auto;transition:left .45s cubic-bezier(.2,.85,.25,1),top .45s cubic-bezier(.2,.85,.25,1),transform .3s;position:absolute}.pp-opponent-seat .pp-avatar{box-shadow:0 12px 30px #382b5830,0 2px #fff}.pp-seat-number{z-index:3;color:#fff;background:#7153a1;border:3px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font:1000 10px "Baloo 2";display:grid;position:absolute;top:50%;left:-8px;transform:translate(-50%,-50%);box-shadow:0 4px 12px #49356d55}.pp-opponent-seat:has(.pp-avatar.active){z-index:8;transform:translate(-50%,-50%) scale(calc(var(--seat-scale) * 1.06))}.pp-opponent-seat:has(.pp-avatar.active) .pp-seat-number{background:#ef5a67;box-shadow:0 0 0 5px #ef5a6738,0 4px 15px #8f324b55}.pp-route-ring{z-index:2;pointer-events:none;border:3px dashed #8060ba42;border-bottom-color:#0000;border-radius:50% 50% 44% 44%;position:absolute;inset:102px 8% 190px}.pp-route-ring i{filter:drop-shadow(0 2px #fff);border-top:5px solid #8060ba;border-right:5px solid #8060ba;width:16px;height:16px;position:absolute}.pp-route-ring i:first-child{top:54%;left:4%;transform:rotate(-45deg)}.pp-route-ring i:nth-child(2){top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.pp-route-ring i:nth-child(3){top:54%;right:4%;transform:rotate(135deg)}.pp-route-ring.reverse i:first-child{transform:rotate(135deg)}.pp-route-ring.reverse i:nth-child(2){transform:translate(-50%)rotate(-135deg)}.pp-route-ring.reverse i:nth-child(3){transform:rotate(-45deg)}@media (max-width:900px){.pp-game .pp-opponents{inset:72px 0 205px;overflow:visible}.pp-opponent-seat{--seat-scale:.72!important}.pp-opponent-seat .pp-avatar{min-width:142px}.pp-route-ring{inset:88px 3% 175px}.pp-feed{display:none}}@media (max-width:600px){.pp-game .pp-opponents{inset:66px 0 202px}.pp-opponent-seat{--seat-scale:.59!important}.pp-opponent-seat .pp-avatar{min-width:128px}.pp-seat-number{width:23px;height:23px}.pp-route-ring{border-width:2px;top:78px;bottom:170px}.pp-route-ring i{border-width:4px;width:12px;height:12px}.pp-table-center{z-index:5}}@media (prefers-reduced-motion:reduce){.pp-opponent-seat{transition:none}}.pp-game.is-my-turn:before{opacity:.82;filter:blur(11px);background:linear-gradient(90deg,#ff244fdc 0,#ff496c82 5%,#0000 18%) 0/48% 100% no-repeat,linear-gradient(270deg,#ff244fdc 0,#ff496c82 5%,#0000 18%) 100%/48% 100% no-repeat,linear-gradient(#ff344fe0 0,#ff705f75 7%,#0000 22%) top/100% 46% no-repeat,linear-gradient(0deg,#ff344fe0 0,#ff705f75 7%,#0000 22%) bottom/100% 46% no-repeat;animation:1.35s ease-in-out infinite alternate both pp-my-turn-persistent;inset:-20px;box-shadow:inset 0 0 120px 44px #ff254f78,0 0 48px #ff385f88}.pp-game.is-my-turn:after{opacity:.8;background:conic-gradient(from var(--pp-turn-angle),transparent 0 7%,#ff8695 9%,#ff254f 12%,transparent 15% 32%,#ff715f 35%,transparent 39% 57%,#ff254f 61%,transparent 65% 82%,#ff8695 86%,transparent 90%);filter:blur(7px);padding:12px;animation:2.4s linear infinite pp-turn-orbit;inset:-9px;box-shadow:inset 0 0 48px 16px #ff31585c;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pp-game.is-my-turn .pp-hud .pp-turn{border-color:#ff536c;animation:1s ease-in-out infinite alternate pp-turn-panel;box-shadow:0 0 0 3px #ff536c45,0 0 28px #ff31587d,inset 0 0 24px #ff536c24}.pp-game.is-my-turn .pp-self{box-shadow:inset 0 -42px 55px #ff31582b,0 -18px 50px #ff315838}.pp-turn-beacon{z-index:31;color:#fff;letter-spacing:.12em;pointer-events:none;background:linear-gradient(100deg,#d92d4c,#ff5960);border:2px solid #fff;border-radius:999px;align-items:center;gap:9px;padding:7px 17px;font:1000 11px "Baloo 2";animation:1s ease-in-out infinite alternate pp-turn-beacon;display:flex;position:absolute;top:93px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #ff3d5b4d,0 0 30px #ff244f99}.pp-turn-beacon span{border-left:1px solid #ffffff80;padding-left:8px;font:900 8px Nunito}.pp-turn-beacon i{background:#fff;border-radius:50%;width:7px;height:7px;animation:.55s ease-in-out infinite alternate pp-turn-dot;box-shadow:0 0 12px #fff}.pp-turn-beacon i:last-child{animation-delay:.28s}@property --pp-turn-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes pp-my-turn-persistent{0%{opacity:.55;filter:blur(14px);transform:scale(1.012)}to{opacity:1;filter:blur(8px);transform:scale(1)}}@keyframes pp-turn-orbit{to{--pp-turn-angle:360deg}}@keyframes pp-turn-panel{to{transform:scale(1.018);box-shadow:0 0 0 4px #ff536c66,0 0 42px #ff3158a6,inset 0 0 30px #ff536c35}}@keyframes pp-turn-beacon{to{transform:translate(-50%)scale(1.045);box-shadow:0 0 0 6px #ff3d5b38,0 0 44px #ff244fc4}}@keyframes pp-turn-dot{to{opacity:.35;transform:scale(.55)}}@media (max-width:600px){.pp-turn-beacon{padding:5px 11px;font-size:9px;top:67px}.pp-turn-beacon span{display:none}}@media (prefers-reduced-motion:reduce){.pp-game.is-my-turn:before,.pp-game.is-my-turn:after,.pp-game.is-my-turn .pp-hud .pp-turn,.pp-turn-beacon,.pp-turn-beacon i{animation:none!important}.pp-game.is-my-turn:before{opacity:.75}.pp-game.is-my-turn:after{display:none}.pp-turn-beacon{box-shadow:0 0 0 5px #ff3d5b55,0 0 30px #ff244f99}}