.pioche{--f-pc:var(--font-app);--card-w:clamp(58px, min(9.5vw, 12.5vh), 116px);--card-h:calc(var(--card-w) * 1.5);--card-radius:11% / 7.4%;--ink:#1a1030;--cream:#fff7e8;--felt-light:#1f6a52;--felt:#134436;--felt-dark:#0b2a24;--hot:var(--app-danger-fill);--gutter:clamp(12px, 3vw, 24px);background:var(--app-bg);grid-template-rows:auto 1fr;height:100dvh;display:grid;position:relative;overflow:hidden}.pioche:after{content:"";pointer-events:none;box-shadow:none;position:absolute;inset:0}.pioche-top{z-index:20;padding:12px var(--gutter);justify-content:flex-end;align-items:center;gap:12px;display:flex;position:relative}.pioche-top nav{align-items:center;gap:8px;display:flex}.round-tag{background:var(--app-panel);color:var(--app-muted);font:800 12px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-right:auto;padding:5px 12px}.card-face{width:100%;height:100%;display:block}.entrance,.pc-lobby{z-index:2;padding:12px var(--gutter) 32px;align-content:safe center;gap:28px;display:grid;position:relative;overflow-y:auto}.entrance{grid-template-columns:minmax(0,1.1fr) minmax(0,420px);justify-content:center;align-items:center;width:100%;max-width:1100px;margin:0 auto}.entrance-hero{justify-items:start;gap:12px;display:grid}.entrance-hero h1{font:800 clamp(64px, 11vw, 132px)/.9 var(--f-display);-webkit-text-stroke:0;paint-order:stroke fill}.entrance-hero h1 span{color:var(--app-accent)}.entrance-hero p{color:var(--muted);font-size:clamp(17px,2vw,21px)}.entrance-cards{width:min(100%,440px);height:230px;margin-top:18px;position:relative}.entrance-cards span{transform-origin:50% 120%;width:112px;height:168px;transform:rotate(calc(var(--i) * 13deg)) translateY(calc(var(--i) * var(--i) * 4px));filter:drop-shadow(0 12px 14px #0008);animation:4s ease-in-out infinite entrance-fan;animation-delay:calc(var(--i) * .25s);margin-left:-56px;position:absolute;bottom:0;left:50%}@keyframes entrance-fan{50%{transform:rotate(calc(var(--i) * 14deg)) translateY(calc(var(--i) * var(--i) * 4px - 10px))}}.entrance-panel{padding:var(--space-6);gap:12px;display:grid}.entrance-panel form{gap:10px;display:grid}.join-row{grid-template-columns:1fr auto;align-items:center}.join-row .divider{text-align:center;color:var(--muted);grid-column:1/-1;font-size:13px;font-weight:800}.join-row input{text-transform:uppercase;letter-spacing:.2em;font-weight:800}.emblems{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emblem-choice{aspect-ratio:1;border-radius:50%;transition:transform .12s cubic-bezier(.2,.8,.2,1);position:relative}.emblem-choice svg{width:100%;height:100%;display:block}.emblem-choice:hover:not(:disabled){transform:translateY(-3px)rotate(-6deg)}.emblem-choice[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold);transform:scale(1.08)}.emblem-choice:disabled{opacity:.3}.emblem-check{background:var(--go);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-3px;right:-3px}.pc-lobby{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),420px));justify-content:center;align-items:start}.lobby-panel{padding:var(--space-6);gap:12px;display:grid}.lobby-panel h2{margin-top:6px}.lobby-code{font:800 clamp(40px, 8vw, 56px) var(--f-display);letter-spacing:.14em;text-align:center;color:var(--app-text);-webkit-text-stroke:0;paint-order:stroke fill}.lobby-players{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lobby-players li{background:var(--app-inset);border-radius:12px;align-items:center;gap:10px;padding:6px 8px;font-weight:800;display:flex}.lobby-players small{background:var(--app-raised);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:11px}.lobby-players li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option{border-top:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.option b{display:block}.option small{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35;display:block}.table{z-index:2;min-height:0;position:relative}.pc-seats{height:44%;position:absolute;top:0;left:0;right:0}.centre{width:calc(var(--card-w) * 4);height:calc(var(--card-h) * 1.6);justify-content:center;align-items:center;gap:calc(var(--card-w) * .7);display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.prompt{left:50%;bottom:calc(var(--card-h) * 1.42 + 8px);text-align:center;width:min(92%,620px);color:var(--app-text);z-index:5;justify-items:center;gap:6px;font-weight:700;transition:bottom .25s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;transform:translate(-50%)}.table.lot-ready .prompt{bottom:calc(var(--card-h) * 1.5 + 8px)}.prompt-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.turn-flag{background:var(--app-panel);color:var(--app-text);font:800 17px var(--f-display);box-shadow:none;border-radius:999px;padding:4px 14px;animation:.5s cubic-bezier(.2,1.6,.4,1) both flag-pop}@keyframes flag-pop{0%{opacity:0;transform:scale(.4)}}.direction{pointer-events:none;width:128%;height:112%;position:absolute;inset:-6% -14%;overflow:visible}.direction path{fill:none;stroke:var(--cream);stroke-opacity:.28;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.direction-spin{transform-origin:0 0;animation:26s linear infinite direction-spin}.direction.ccw .direction-spin{animation-direction:reverse}@keyframes direction-spin{to{transform:rotate(360deg)}}.colour-glow{background:radial-gradient(closest-side, var(--glow), transparent);opacity:.12;filter:blur(18px);pointer-events:none;border-radius:50%;width:120%;height:120%;transition:background .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.colour-glow.strong{opacity:.75;filter:blur(14px)}.colour-tag{z-index:6;background:var(--app-panel);border:2px solid var(--glow);font:800 13px var(--f-ui);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 7px;animation:.4s cubic-bezier(.2,1.6,.4,1) both flag-pop;display:inline-flex;position:absolute;top:calc(100% - 6px);left:50%;translate:-50%}.colour-tag i{background:var(--glow);border:2px solid var(--cream);border-radius:50%;width:16px;height:16px}.pc-deck{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:relative}.deck-layer{transform:translate(calc(var(--i) * -2px), calc(var(--i) * -3px));filter:drop-shadow(0 6px 8px #0007);position:absolute;inset:0}.pc-deck:disabled{cursor:default}.pc-deck.ready{cursor:pointer;animation:2.4s ease-in-out infinite deck-breathe}.pc-deck.ready:hover{transform:translateY(-6px)rotate(-2deg)}@keyframes deck-breathe{50%{filter:drop-shadow(0 0 14px #ffd24d88)}}.deck-pending{z-index:5;background:var(--hot);color:#fff;min-width:44px;font:800 20px var(--f-display);border:3px solid var(--ink);border-radius:999px;padding:4px 8px;animation:.4s cubic-bezier(.2,1.6,.4,1) both flag-pop;position:absolute;top:-14px;right:-14px}.pile{width:calc(var(--card-w) * 1.06);height:calc(var(--card-h) * 1.06);border-radius:var(--card-radius);transition:box-shadow .15s,scale .15s cubic-bezier(.2,1.4,.4,1);position:relative}.pile.drop-ready{box-shadow:0 0 0 4px var(--gold), 0 0 40px #ffd24d88;scale:1.06}.pile.drop-refused{box-shadow:0 0 0 4px var(--hot), 0 0 30px #e5483f77}.pile-card{filter:drop-shadow(0 4px 5px #0006);will-change:transform;position:absolute;inset:0}.pile-card.top{filter:drop-shadow(0 12px 16px #0009)}.colour-picker{z-index:30;place-items:center;display:grid;position:absolute;inset:-40%}.colour-picker:before{content:"";width:calc(var(--card-h) * 1.7);aspect-ratio:1;background:radial-gradient(closest-side,#061612f0 60%,#0000);border-radius:50%;animation:.25s both flag-pop;position:absolute}.petal{--size:calc(var(--card-w) * .8);left:calc(50% - var(--size) / 2);top:calc(50% - var(--size) / 2);width:var(--size);height:var(--size);background:var(--petal);border:4px solid var(--ink);transform:rotate(calc(var(--i) * 90deg)) translate(calc(var(--size) * -.56), calc(var(--size) * -.56));animation:.45s cubic-bezier(.2,1.5,.4,1) both petal-in;animation-delay:calc(var(--i) * 50ms);border-radius:50% 50% 10%;transition:filter .12s,scale .15s;position:absolute;box-shadow:0 8px 18px #0008,inset 0 -6px #0003}.petal:hover,.petal:focus-visible{filter:brightness(1.15);scale:1.08}@keyframes petal-in{0%{transform:rotate(calc(var(--i) * 90deg)) translate(0, 0) scale(.2);opacity:0}}.hand-zone{z-index:10;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));position:absolute;bottom:0;left:0;right:0}.pc-hand{height:calc(var(--card-h) * 1.32);perspective:1000px;width:min(100%,1100px);margin:0 auto;position:relative}.hand-card{left:calc(50% - var(--card-w) / 2);top:calc(var(--card-h) * .1);width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);transform-style:preserve-3d;will-change:transform;touch-action:none;cursor:grab;padding:0;position:absolute}.hand-card:active{cursor:grabbing}.hand-card:focus-visible{outline:none}.card-flip{border-radius:var(--card-radius);transform-style:preserve-3d;transform:rotateY(calc((1 - var(--flip)) * 180deg));transition:box-shadow .2s;position:absolute;inset:0;box-shadow:0 10px 16px #0007}.card-side{backface-visibility:hidden;position:absolute;inset:0}.card-side.back{transform:rotateY(180deg)}.card-sheen{border-radius:var(--card-radius);pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #fffffff0, transparent 46%), linear-gradient(115deg, transparent 32%, #fff5 46%, transparent 60%);transition:opacity .2s;position:absolute;inset:0}.hand-card:hover .card-sheen,.hand-card:focus-visible .card-sheen,.hand-card.selected .card-sheen{opacity:1}.hand-card:hover .card-flip,.hand-card.selected .card-flip{box-shadow:0 26px 30px #0008}.hand-card:focus-visible .card-flip{box-shadow:0 0 0 4px var(--gold), 0 26px 30px #0008}.table.my-turn .hand-card:not(.playable) .card-side.front{filter:brightness(.6)saturate(.65);transition:filter .25s}.table.my-turn .hand-card.playable .card-flip{box-shadow:0 0 0 2px #ffd24d99,0 10px 16px #0007}.hand-card.drawn .card-flip{animation:1.4s ease-in-out infinite drawn-glow}@keyframes drawn-glow{50%{box-shadow:0 0 0 4px var(--gold), 0 0 26px #ffd24daa}}.table.my-turn .hand-card:is(.joinable,.in-lot) .card-side.front{filter:none}.hand-card.joinable .card-flip{animation:1.2s ease-in-out infinite join-glow}@keyframes join-glow{50%{box-shadow:0 0 0 3px var(--gold), 0 0 22px #ffd24d99, 0 10px 16px #0007}}.hand-card.joinable:after{content:"+";z-index:2;background:var(--cream);width:26px;height:26px;color:var(--ink);border:2px solid var(--ink);font:800 18px/1 var(--f-display);pointer-events:none;border-radius:50%;place-items:center;animation:.3s cubic-bezier(.2,1.6,.4,1) both flag-pop;display:grid;position:absolute;top:-10px;right:-8px;box-shadow:0 3px #0006}.hand-card.selected .card-flip{box-shadow:0 0 0 3px var(--gold), 0 26px 30px #0008}.lot-badge{z-index:2;background:var(--gold);min-width:28px;height:28px;color:var(--ink);border:3px solid var(--ink);font:800 17px/1 var(--f-display);pointer-events:none;border-radius:999px;place-items:center;padding:0 6px;animation:.35s cubic-bezier(.2,1.6,.4,1) both flag-pop;display:grid;position:absolute;top:-12px;left:50%;translate:-50%;box-shadow:0 3px #0006}.prompt-actions .lot-play{align-items:center;gap:10px;animation:.35s cubic-bezier(.2,1.6,.4,1) both flag-pop;display:inline-flex}.lot-stack{width:22px;height:24px;position:relative}.lot-stack i{background:var(--cream);border:2px solid var(--ink);border-radius:3px;width:15px;height:21px;position:absolute;top:1px;left:3px}.lot-stack i:first-child{transform:rotate(-14deg)translate(-3px)}.lot-stack i:nth-child(2){transform:rotate(0)}.lot-stack i:nth-child(n+3){transform:rotate(14deg)translate(3px)}.me-tag{left:var(--gutter);bottom:calc(12px + env(safe-area-inset-bottom,0px));color:var(--muted);align-items:center;gap:8px;font-weight:800;display:flex;position:absolute}.me-count{background:var(--cream);color:var(--ink);font:800 15px var(--f-display);white-space:nowrap;border-radius:999px;padding:3px 10px;box-shadow:0 2px #0005}.pc-shout{z-index:30;translate:-50% -50%;rotate:var(--tilt);background:var(--app-danger-fill);color:#fff;font:800 24px var(--f-display);white-space:nowrap;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink), 0 14px 24px #0008;border-radius:999px;padding:14px 24px;animation:.15s cubic-bezier(.2,.8,.2,1.4) both shout-in,.9s ease-in-out .15s infinite call-pulse;position:absolute}.pc-shout:active{box-shadow:0 2px 0 var(--ink);translate:-50% calc(4px - 50%)}@keyframes shout-in{0%{opacity:0;scale:.3}}@keyframes call-pulse{50%{transform:scale(1.08)rotate(-3deg)}}.pc-seat{width:128px;color:var(--text);justify-items:center;gap:4px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}button.pc-seat{cursor:pointer}.pc-seat.choosable .seat-medal{box-shadow:0 0 0 4px var(--gold);animation:1.1s ease-in-out infinite call-pulse}.seat-fan{width:100%;height:44px;position:relative}.mini-card{transform-origin:50% 160%;width:30px;height:45px;transform:rotate(var(--r));filter:drop-shadow(0 3px 3px #0007);position:absolute;top:0;left:calc(50% - 15px)}.seat-medal{border-radius:50%;width:58px;height:58px;position:relative;box-shadow:0 6px 14px #0009}.seat-medal .emblem-badge{width:100%;height:100%;display:block}.pc-seat.active .seat-medal{box-shadow:0 0 0 4px #fff,0 0 26px #ffd24d99}.seat-ring{width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;overflow:visible;transform:rotate(-90deg)}.seat-ring circle{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:0}.seat-ring circle.timed{animation:ring-deplete var(--turn-ms) linear forwards;animation-delay:calc(-1 * var(--elapsed-ms))}@keyframes ring-deplete{80%{stroke:var(--gold)}to{stroke-dashoffset:188.5px;stroke:var(--hot)}}.seat-count{background:var(--cream);min-width:26px;height:26px;color:var(--ink);font:800 15px/26px var(--f-display);text-align:center;border-radius:999px;padding:0 7px;position:absolute;bottom:-6px;right:-8px;box-shadow:0 2px #0005}.seat-name{background:var(--app-panel);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:2px 10px;font-size:13px;font-weight:800;overflow:hidden}.seat-call{background:var(--hot);color:#fff;font:800 13px var(--f-display);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:2px 10px;position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(-6deg)}.pc-seat.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both seat-shake}@keyframes seat-shake{20%,60%{transform:translate(calc(-50% - 7px),-50%)rotate(-3deg)}40%,80%{transform:translate(calc(7px - 50%),-50%)rotate(3deg)}}.seat-penalty{color:#ffb3ab;font:800 24px var(--f-display);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;pointer-events:none;animation:1.2s ease-out both float-up;position:absolute;top:40px;right:6px}@keyframes float-up{0%{opacity:0;transform:translateY(10px)scale(.6)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-30px)}}.pc-bubble{z-index:4;background:var(--cream);color:var(--ink);font:800 20px var(--f-display);white-space:nowrap;pointer-events:none;border-radius:16px;padding:6px 12px;animation:2.6s both bubble;position:absolute;top:-6px;left:50%;box-shadow:0 6px 14px #0007}.pc-bubble.mine{top:auto;bottom:calc(100% + 8px);left:0}@keyframes bubble{0%{opacity:0;transform:translate(-50%,10px)scale(.5)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)}}.pc-bubble.mine{animation-name:bubble-mine}@keyframes bubble-mine{0%{opacity:0;transform:translateY(10px)scale(.5)}12%{opacity:1;transform:scale(1.08)}80%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.reactions{right:var(--gutter);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:12;grid-template-columns:repeat(3,40px);gap:6px;display:grid;position:absolute}.reactions button{background:var(--app-panel);border:1px solid var(--app-line);height:40px;font:800 15px var(--f-display);border-radius:12px;transition:transform .1s,background .12s}.reactions button:hover{background:var(--app-hover);transform:translateY(-3px)scale(1.08)}.reactions button:active{transform:scale(.92)}.pioche-rules .rule-cards,.pioche-rules .rule-options{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pioche-rules .rule-cards li{color:var(--muted);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;font-size:14.5px;line-height:1.5;display:grid}.pioche-rules .rule-cards b{color:var(--text);display:block}.pioche-rules .rule-card{filter:drop-shadow(0 4px 6px #0007);width:46px;height:69px;transform:rotate(-4deg)}.pioche-rules .rule-options li{border-top:1px solid var(--app-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:8px 0;display:flex}.pioche-rules .rule-options li>div:first-child{flex:220px;min-width:0}.pioche-rules .rule-options b{display:block}.pioche-rules .rule-options small{color:var(--muted);font-size:13px;line-height:1.35;display:block}.pioche-rules .rule-options .rule-details{color:var(--muted);gap:4px;margin:8px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.45;display:grid}.pioche-rules .rule-options .rule-details li{border:0;padding:0;display:list-item}.pioche-rules .rule-details li::marker{color:var(--gold)}.pioche-rules .rule-options li:has(.rule-details){align-items:flex-start}.pc-toasts{z-index:25;pointer-events:none;justify-items:center;gap:6px;width:min(92%,460px);display:grid;position:absolute;top:4px;left:50%;transform:translate(-50%)}.pc-toast{background:var(--app-panel);border:1px solid var(--app-line);text-align:center;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:800;animation:.3s both flag-pop}.paused-veil{z-index:15;background:var(--app-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--app-muted);place-content:center;justify-items:center;gap:6px;font-weight:800;display:grid;position:absolute;inset:0}.paused-veil b{font:800 34px var(--f-display);color:var(--text)}.paused-veil .btn{margin-top:10px}.lost-note,.error-note{left:50%;bottom:calc(var(--card-h) * 1.32 + 70px);z-index:50;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:800;display:flex;position:absolute;transform:translate(-50%)}.lost-note{background:var(--app-danger-bg);color:var(--app-danger)}.error-note{background:var(--app-danger-fill);color:#fff;cursor:pointer;animation:.3s both flag-pop}.round-end{z-index:16;padding:var(--gutter);background:var(--app-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.round-end-card{text-align:center;justify-items:center;gap:14px;width:min(520px,100%);padding:28px 22px;animation:.5s cubic-bezier(.2,1.4,.4,1) both flag-pop;display:grid}.winner-badge{filter:drop-shadow(0 0 22px #ffd24d99);animation:1.6s cubic-bezier(.2,1.6,.4,1) both winner}@keyframes winner{0%{transform:scale(0)rotate(-180deg)}}.round-hands{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.round-hands li{background:var(--app-inset);text-align:left;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:8px 10px;display:grid}.round-hands .who{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.round-hands small{color:var(--muted);font-weight:800}.mini-hand{grid-column:1/-1;justify-content:center;height:54px;display:flex}.mini-hand span{width:32px;height:48px;transform:rotate(var(--r));filter:drop-shadow(0 3px 3px #0007);margin:0 -6px}@media (max-width:760px){.entrance{grid-template-columns:1fr;align-content:start}.entrance-cards{height:170px}.entrance-cards span{width:84px;height:126px;margin-left:-42px}.round-tag{display:none}.pc-seat{width:92px}.seat-medal{width:44px;height:44px}.seat-fan{height:32px}.mini-card{width:22px;height:33px;left:calc(50% - 11px)}.me-tag .me-name{display:none}.reactions{grid-template-columns:34px;top:46%;bottom:auto}.reactions button{height:34px;font-size:13px}}@media (prefers-reduced-motion:reduce){.direction-spin,.pc-deck.ready,.pc-shout,.pc-seat.choosable .seat-medal,.entrance-cards span,.hand-card.drawn .card-flip,.hand-card.joinable .card-flip{animation:none}}@property --play{syntax:"<color>";inherits:true;initial-value:#6a4cff}.pioche[data-skin=arcade]{--ink:#1d1135;background:var(--app-bg);transition:--play .45s}.pioche[data-skin=arcade]:before{content:none}@keyframes arcade-rays{to{transform:rotate(360deg)}}.pioche[data-skin=arcade]:after{box-shadow:none}[data-skin=arcade] .colour-glow{opacity:.1}[data-skin=arcade] .direction path{stroke:var(--app-muted);stroke-opacity:.25;stroke-width:4px;stroke-dasharray:2 12}[data-skin=arcade] .turn-flag{box-shadow:none;color:var(--app-text);-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:none;background:0 0;padding:0;font-size:clamp(30px,4.2vw,50px);line-height:1;animation:none;rotate:-3deg}@keyframes arcade-bounce{0%,to{scale:1}6%{scale:1.14}12%{scale:1}}[data-skin=arcade] .prompt{color:var(--app-text);text-shadow:none}[data-skin=arcade] .colour-tag{background:var(--app-panel);border:1px solid var(--app-line);box-shadow:none;font:800 16px var(--f-display);color:var(--app-text);-webkit-text-stroke:0;paint-order:stroke fill}[data-skin=arcade] .colour-tag i{-webkit-text-stroke:0;border-color:#fff}[data-skin=arcade] .seat-medal{box-shadow:0 0 0 4px var(--ink), 0 6px 0 4px var(--ink);border-radius:50%}[data-skin=arcade] .pc-seat.active .seat-medal{box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--ink), 0 0 34px 10px color-mix(in srgb, var(--play) 70%, #fff)}[data-skin=arcade] .seat-count,[data-skin=arcade] .me-count{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);line-height:20px}[data-skin=arcade] .seat-name{background:var(--app-panel);border:1px solid var(--app-line);font:800 15px var(--f-display)}[data-skin=arcade] .card-flip{box-shadow:0 5px 0 var(--ink), 0 14px 20px #0008}[data-skin=arcade] .pile-card{filter:drop-shadow(0 4px 0 var(--ink)) drop-shadow(0 8px 10px #0006)}[data-skin=arcade] .reactions button{background:var(--app-panel);border:1px solid var(--app-line);box-shadow:none}[data-skin=arcade] .seat-call{-webkit-text-stroke:0}.pioche[data-skin=bistrot]{--ink:#2b1d14;--paper:#fbf5e8;--brass:#c9a45c;background:var(--app-bg)}.pioche[data-skin=bistrot]:after{box-shadow:none}[data-skin=bistrot] .table:before{content:"";z-index:-1;width:min(calc(var(--card-w) * 7.6), 94%);height:calc(var(--card-h) * 1.9);background:var(--app-felt);box-shadow:inset 0 0 0 1px var(--app-felt-edge), 0 12px 30px #0000000d;border-radius:999px;position:absolute;top:45%;left:50%;translate:-50% -50%}[data-skin=bistrot] .colour-glow{opacity:.1}[data-skin=bistrot] .colour-glow.strong{opacity:.4}[data-skin=bistrot] .direction path{stroke:var(--app-muted);stroke-opacity:.25;stroke-width:2px}[data-skin=bistrot] .turn-flag{box-shadow:none;color:var(--app-text);font:800 15px var(--f-ui);letter-spacing:.32em;text-transform:uppercase;text-shadow:none;background:0 0;padding:0}[data-skin=bistrot] .prompt{color:var(--app-text);text-shadow:none}[data-skin=bistrot] .colour-tag{background:var(--app-panel);border:1px solid var(--app-line);color:var(--app-text)}[data-skin=bistrot] .seat-medal{background:var(--paper);outline-offset:-3px;box-sizing:content-box;outline:1.5px dashed #2b1d1450;padding:6px;box-shadow:0 8px 16px #0008}[data-skin=bistrot] .pc-seat.active .seat-medal{box-shadow:0 0 0 4px #ffd79a,0 0 40px 6px #ffd79a99,0 8px 16px #0008}[data-skin=bistrot] .seat-ring{width:calc(100% + 6px);height:calc(100% + 6px);inset:-3px}[data-skin=bistrot] .seat-count{background:var(--ink);color:var(--paper)}[data-skin=bistrot] .seat-name{background:var(--app-panel);color:var(--app-text)}[data-skin=bistrot] .me-count{background:var(--paper);color:var(--ink)}[data-skin=bistrot] .card-flip{box-shadow:0 2px 2px #0005,0 12px 18px #0007}[data-skin=bistrot] .table.my-turn .hand-card:not(.playable) .card-side.front{filter:brightness(.58)sepia(.35)}[data-skin=bistrot] .table.my-turn .hand-card.playable .card-flip{box-shadow:0 0 0 2px #ffd79acc,0 12px 18px #0007}[data-skin=bistrot] .pile-card{filter:drop-shadow(0 2px 2px #0006)drop-shadow(0 8px 10px #0005)}[data-skin=bistrot] .pc-shout{background:var(--app-danger-fill);color:#fff;font:800 26px var(--f-display);box-shadow:0 4px 0 #742a25, var(--app-shadow);border:0;border-radius:10px}[data-skin=bistrot] .pc-shout:active{box-shadow:0 1px #742a25}[data-skin=bistrot] .seat-call{background:var(--paper);color:#cf3b2b;border-color:var(--ink)}[data-skin=bistrot] .reactions button{background:var(--app-panel);border-color:#c9a45c44}[data-skin=bistrot] .entrance-hero h1{color:var(--app-text);-webkit-text-stroke:0}.skin-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}.skin-choice{padding:var(--space-2);border-radius:var(--radius-control);background:var(--app-inset);font:800 16px var(--f-display);justify-items:center;gap:6px;transition:transform .12s cubic-bezier(.2,.8,.2,1);display:grid}.skin-choice:hover{transform:translateY(-2px)}.skin-choice[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold);background:var(--app-selected)}.skin-swatch{border-radius:10px;width:100%;height:46px}.skin-choice.arcade .skin-swatch{background:var(--app-raised)}.skin-choice.bistrot .skin-swatch{background:var(--app-felt)}@media (prefers-reduced-motion:reduce){.pioche[data-skin=arcade]:before,[data-skin=arcade] .turn-flag{animation:none}}.pioche:is(:has(.entrance),:has(.pc-lobby),:has(.pc-loading)){background:var(--app-bg)}.pioche:is(:has(.entrance),:has(.pc-lobby),:has(.pc-loading)):before{display:none}.pioche:is(:has(.entrance),:has(.pc-lobby),:has(.pc-loading)):after{box-shadow:none}.entrance{gap:48px 72px;max-width:1180px}.entrance-hero{gap:0}.entrance-hero .pc-logo{-webkit-text-stroke:0}.entrance-hero>p{font:500 clamp(18px, 1.8vw, 22px) var(--f-pc);color:var(--app-muted);margin-top:30px}.entrance-cards{width:min(100%,480px);height:270px;margin-top:56px}.entrance-cards:before{content:"";pointer-events:none;background:0 0;width:420px;height:160px;position:absolute;bottom:-30px;left:50%;translate:-50%}.entrance-cards span{transform-origin:50% 150%;width:124px;height:186px;transform:rotate(calc(var(--i) * 14deg)) translateY(calc(var(--i) * var(--i) * 3px));filter:drop-shadow(0 16px 18px #000a);animation:.55s cubic-bezier(.2,.8,.2,1) both entrance-deal;animation-delay:calc(var(--n) * 70ms + .12s);margin-left:-62px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.entrance-cards span:hover{transform:rotate(calc(var(--i) * 14deg)) translateY(calc(var(--i) * var(--i) * 3px - 20px))}@keyframes entrance-deal{0%{opacity:0;transform:translateY(120px)rotate(0)}}.entrance-panel.panel{padding:var(--space-6);font-family:var(--f-pc);gap:16px}.entrance-panel .join-row .divider{font:500 13px var(--f-pc);color:var(--app-muted)}.entrance-panel .join-row input{letter-spacing:.18em;font-weight:700}.entrance-panel .emblem-choice[aria-pressed=true]{box-shadow:0 0 0 2px var(--app-accent)}@media (max-width:760px){.entrance-cards{height:190px;margin-top:28px}.entrance-cards span{width:88px;height:132px;margin-left:-44px}}@media (prefers-reduced-motion:reduce){.entrance-cards span{animation:none}}.pc-loading{font:500 16px var(--f-pc);color:var(--app-muted);gap:22px}.pc-loader{perspective:400px;gap:10px;display:flex}.pc-loader i{background:#ff7a45;border-radius:5px;width:26px;height:39px;animation:1.4s cubic-bezier(.4,0,.2,1) infinite pc-turn}.pc-loader i:nth-child(2){background:#f6b928;animation-delay:.15s}.pc-loader i:nth-child(3){background:#2c7fdb;animation-delay:.3s}@keyframes pc-turn{0%,55%,to{transform:none}25%{filter:brightness(.6);transform:rotateY(180deg)translateY(-6px)}}.pc-lobby{font-family:var(--f-pc);gap:20px}.pc-lobby .lobby-panel.panel{padding:var(--space-6)}.pc-lobby .lobby-code{font:800 clamp(44px, 7vw, 60px)/1 var(--f-pc);letter-spacing:.06em;color:var(--app-text);-webkit-text-stroke:0;margin:4px 0 6px}.pc-lobby .lobby-players li{background:var(--app-inset);border:1px solid var(--app-line);font-family:var(--f-pc);font-weight:700}.pc-lobby .lobby-players small{background:var(--app-raised);font:500 11px var(--font-app);letter-spacing:.08em}.pc-lobby .option{border-top-color:var(--app-line)}.pc-lobby .option b{font-weight:700}.pc-lobby .option small{color:var(--app-muted)}.pc-lobby .note{color:var(--app-muted);font-weight:500}.pc-lobby .emblem-choice[aria-pressed=true]{box-shadow:0 0 0 2px var(--app-accent)}.pc-lobby .skin-choice{background:var(--app-inset);border:1px solid var(--app-line);font:700 15px var(--f-pc)}.pc-lobby .skin-choice[aria-pressed=true]{box-shadow:0 0 0 2px var(--app-accent);background:var(--app-selected)}@media (prefers-reduced-motion:reduce){.pc-loader i{animation:none}}.skin-swatch{place-items:center;display:grid;position:relative;overflow:hidden}.skin-swatch:after{content:"";border:2px solid var(--app-panel);width:22px;height:30px;box-shadow:6px 2px 0 var(--app-panel);background:linear-gradient(135deg,#ba5148 50%,#4f7298 50%);border-radius:4px;transform:rotate(-12deg)}.skin-choice.bistrot .skin-swatch:after{background:#efe5d2;border-color:#8c7655;box-shadow:6px 2px #c9bb9d}