:root{--pec-red: #e30613;--pec-red-deep: #5b0000;--pec-red-dark: #250000;--pec-green: #087a43;--pec-green-rail: #66cc78;--pec-panel: rgba(16, 8, 8, .82);--pec-line: rgba(255, 255, 255, .2);--pec-text: #fff7f2;--pec-muted: rgba(255, 247, 242, .7);--pec-card-red: #ff5a67;--pec-card-black: #1f2724;--pec-radius: 8px;--pec-shadow: 0 22px 70px rgba(0, 0, 0, .36);--pec-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.pec-root{display:block;clear:both;position:relative;color:var(--pec-text);font-family:var(--pec-font);font-size:16px;line-height:1.4;width:100%;max-width:min(1220px,100%);margin:0 auto 2rem;isolation:isolate;overflow-x:clip}.pec-root.pec-picker-open{z-index:2147483647;overflow:visible}html.pec-picker-active,body.pec-picker-active{overflow:hidden}body.pec-picker-active :where(.c-back-to-top,.js-back-to-top,[class*=back-to-top],[class*=backToTop]){pointer-events:none!important;opacity:0!important}.pec-demo-body{margin:0;padding:24px 0;background:#050202}.pec-root,.pec-root *{box-sizing:border-box}.pec-root :where(button,input,select,textarea){font:inherit}.pec-root :where(button){appearance:none;-webkit-appearance:none;margin:0;text-transform:none;letter-spacing:0;box-shadow:none}.pec-root :where(strong,small){font:inherit}.pec-loading{min-height:12rem;display:grid;place-items:center;padding:2rem;border-radius:8px;color:var(--pec-text);background:linear-gradient(135deg,#280000eb,#b90000db);font-weight:800}.pec-shell{position:relative;min-height:42rem;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:radial-gradient(circle at 32% 70%,rgba(255,255,255,.2),transparent .35rem),radial-gradient(ellipse at -4% 52%,rgba(71,0,0,.56) 0 17%,transparent 17.5%),linear-gradient(135deg,#190000d1 0 12%,#e30613f0 12.2% 56%,#a00000eb),var(--pec-red);box-shadow:var(--pec-shadow)}.pec-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(116deg,transparent 0 49%,rgba(255,255,255,.08) 49.5% 50.5%,transparent 51% 100%),radial-gradient(circle at 80% 12%,rgba(255,130,95,.18),transparent 18rem);pointer-events:none}.pec-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.16)}.pec-brand,.pec-actions,.pec-card-row,.pec-felt-brand,.pec-mini-result,.pec-picker-head,.pec-picker-actions{display:flex;align-items:center}.pec-brand{gap:.75rem;min-width:0}.pec-brand-mark{width:2.5rem;height:2.5rem;flex:0 0 auto}.pec-ps-logo{display:inline-block;background:url(../images/spade-ps.png) center / contain no-repeat}.pec-brand h2,.pec-brand p,.pec-player-head h3,.pec-status{margin:0}.pec-brand h2{font-size:1rem;line-height:1.12;color:var(--pec-text)}.pec-brand p,.pec-status,.pec-mini-result{color:var(--pec-muted)}.pec-brand p,.pec-status{font-size:.8rem}.pec-actions{gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.pec-button,.pec-icon-button{min-height:2.7rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:var(--pec-text);background:#ffffff14;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pec-button{padding:0 1rem}.pec-mobile-add{display:none}.pec-icon-button{display:inline-grid;place-items:center;width:2.7rem;padding:0;font-size:1.1rem}.pec-button:hover,.pec-icon-button:hover,.pec-card:hover,.pec-picker-card:hover{border-color:#ffffff9e;transform:translateY(-1px)}.pec-button:disabled,.pec-icon-button:disabled,.pec-picker-card:disabled{cursor:not-allowed;opacity:.42;transform:none}.pec-layout{position:relative;z-index:2;display:block;padding:1rem}.pec-table-stage{position:relative;min-height:47rem;border-radius:8px;overflow:hidden}.pec-felt{position:absolute;left:50%;top:49%;width:min(62%,45rem);height:clamp(15rem,25vw,18rem);transform:translate(-50%,-50%);border:.55rem solid var(--pec-green-rail);border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,255,255,.15),transparent 58%),repeating-linear-gradient(12deg,rgba(255,255,255,.04) 0 .15rem,transparent .15rem 1rem),#0b8548;box-shadow:inset 0 0 0 .16rem #ffffff29,inset 0 -1.4rem 2.3rem #00000042,0 2rem 5rem #0000006b}.pec-felt:before{content:"";position:absolute;inset:.65rem;border:1px solid rgba(255,255,255,.18);border-radius:inherit}.pec-felt-brand{position:absolute;left:50%;top:32%;width:min(60%,29rem);aspect-ratio:788 / 133;transform:translate(-50%,-50%);background:url(../images/ps-logo.png) center / contain no-repeat;opacity:.88;filter:drop-shadow(0 .25rem .35rem rgba(0,0,0,.16))}.pec-board{position:absolute;left:50%;top:62%;z-index:2;width:min(88%,35rem);transform:translate(-50%,-50%)}.pec-card-row{gap:.55rem;justify-content:center}.pec-card,.pec-picker-card{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42);border-radius:8px;color:var(--pec-card-black);background:linear-gradient(160deg,#fbfffc,#d6e2db);box-shadow:0 .5rem 1.25rem #00000047;cursor:pointer;font-weight:900;transition:transform .16s ease,border-color .16s ease,opacity .16s ease}.pec-card{width:clamp(3.3rem,6vw,4.6rem);height:clamp(4.6rem,8.4vw,6.2rem);font-size:clamp(1.05rem,1.8vw,1.45rem)}.pec-card small,.pec-picker-card small{position:absolute;right:.42rem;bottom:.28rem;font-size:.9em}.pec-card.is-red,.pec-picker-card.is-red{color:var(--pec-card-red)}.pec-card.is-empty{background:url(../images/spade-ps.png) center / 42% auto no-repeat,linear-gradient(135deg,transparent 0 36%,rgba(255,255,255,.08) 37% 39%,transparent 40% 100%),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 .12rem,transparent .12rem .56rem),#3b0507;color:transparent}.pec-seats{position:absolute;inset:0;z-index:4;pointer-events:none}.pec-seat{position:absolute;width:clamp(8rem,15vw,12rem);transform:translate(-50%,-50%);pointer-events:auto}.pec-seat-pos-1{left:50%;top:88%}.pec-seat-pos-2{left:73%;top:83%}.pec-seat-pos-3{left:92%;top:63%}.pec-seat-pos-4{left:92%;top:34%}.pec-seat-pos-5{left:73%;top:18%}.pec-seat-pos-6{left:50%;top:13%}.pec-seat-pos-7{left:27%;top:18%}.pec-seat-pos-8{left:8%;top:34%}.pec-seat-pos-9{left:8%;top:63%}.pec-seat-occupied{padding:.6rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:var(--pec-panel);box-shadow:0 1rem 2.5rem #0000004d;backdrop-filter:blur(8px)}.pec-player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.pec-player-head h3{font-size:.95rem;line-height:1.15;color:var(--pec-text)}.pec-seat .pec-card{width:2.55rem;height:3.55rem;font-size:.92rem}.pec-mini-result{gap:.65rem;flex-wrap:wrap;margin-top:.55rem;font-size:.78rem}.pec-seat-empty{display:grid;justify-items:center}.pec-seat-empty:not(.pec-seat-pos-1){opacity:.72}.pec-seat-add{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:2.7rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb8;background:#0000005c;font:inherit;font-weight:800;cursor:pointer}.pec-seat-add span{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:#ffffff24;font-size:1.1rem;line-height:1}.pec-status{min-height:1.2rem;margin-top:.6rem;text-align:center}.pec-root.pec-is-compact{max-width:none}.pec-root.pec-is-compact .pec-shell{min-height:0}.pec-root.pec-is-compact .pec-mobile-add{display:inline-flex;align-items:center}.pec-root.pec-is-compact .pec-layout,.pec-root.pec-is-compact .pec-topbar{padding:.85rem}.pec-root.pec-is-compact .pec-table-stage{min-height:0;overflow:visible}.pec-root.pec-is-compact .pec-felt{position:relative;left:auto;top:auto;width:100%;height:clamp(12rem,54vw,18rem);transform:none;border-width:.38rem}.pec-root.pec-is-compact .pec-felt-brand{top:29%;width:min(76%,20rem)}.pec-root.pec-is-compact .pec-board{width:94%;top:62%}.pec-root.pec-is-compact .pec-board .pec-card{width:clamp(2.65rem,15.5vw,3.8rem);height:clamp(3.75rem,22vw,5.25rem)}.pec-root.pec-is-compact .pec-seats{position:relative;display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.75rem}.pec-root.pec-is-compact .pec-seat{position:static;width:100%;transform:none}.pec-root.pec-is-compact .pec-seat-empty{display:none}.pec-root.pec-is-compact .pec-seat-occupied{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;overflow:hidden}.pec-root.pec-is-compact .pec-player-head{margin-bottom:0}.pec-root.pec-is-compact .pec-seat .pec-card-row{justify-content:center}.pec-root.pec-is-compact .pec-mini-result{grid-column:1 / -1;justify-content:flex-start;margin-top:0}.pec-root.pec-is-compact .pec-card-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.pec-picker[hidden]{display:none}.pec-picker{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:end center;padding:1rem;pointer-events:auto;overflow:hidden;overscroll-behavior:contain;background:linear-gradient(transparent 58%,#00000047)}.pec-picker-panel{pointer-events:auto;width:min(42rem,100%);max-height:min(21rem,44vh);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:1rem 1rem 0;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(155deg,#210202,#070202);box-shadow:var(--pec-shadow)}.pec-picker-head,.pec-picker-actions{justify-content:space-between;gap:1rem}.pec-picker-head{position:sticky;top:-1rem;z-index:3;padding:0 0 .85rem;margin-bottom:.85rem;background:linear-gradient(155deg,#210202,#100101)}.pec-picker-actions{position:sticky;bottom:0;z-index:3;justify-content:flex-end;margin:.9rem -1rem 0;padding:.75rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#210202e0,#070202)}.pec-card-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:.35rem}.pec-picker-card{aspect-ratio:.72;min-width:0;font-size:.95rem}.pec-picker-card.is-used{opacity:.28;filter:grayscale(.9)}.pec-button:focus-visible,.pec-icon-button:focus-visible,.pec-card:focus-visible,.pec-picker-card:focus-visible{outline:3px solid rgba(255,255,255,.34);outline-offset:2px}@media(max-width:900px){.pec-root{max-width:none}.pec-shell{border-radius:0;border-left:0;border-right:0}.pec-topbar{align-items:flex-start}.pec-actions{justify-content:flex-start}.pec-mobile-add{display:inline-flex;align-items:center}.pec-layout,.pec-topbar{padding:.85rem}.pec-table-stage{min-height:0;overflow:visible}.pec-felt{position:relative;left:auto;top:auto;width:100%;height:clamp(12rem,54vw,18rem);transform:none;border-width:.38rem}.pec-felt-brand{top:29%;width:min(76%,20rem)}.pec-board{width:94%;top:62%}.pec-board .pec-card{width:clamp(2.65rem,15.5vw,3.8rem);height:clamp(3.75rem,22vw,5.25rem)}.pec-seats{position:relative;display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.75rem}.pec-seat{position:static;width:100%;transform:none}.pec-seat-empty{display:none}.pec-seat-occupied{display:grid;grid-template-columns:minmax(6rem,1fr) auto minmax(7.5rem,1fr);align-items:center;gap:.65rem}.pec-player-head{margin-bottom:0}.pec-seat .pec-card-row{justify-content:center}.pec-mini-result{grid-column:1 / -1;justify-content:flex-start;margin-top:0}.pec-card-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.pec-picker{place-items:stretch center;padding:max(.5rem,env(safe-area-inset-top)) .5rem max(.5rem,env(safe-area-inset-bottom));background:#0000006b}.pec-picker-panel{display:flex;flex-direction:column;width:100%;max-width:42rem;height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);overflow:hidden;padding:.85rem .85rem 0}.pec-picker-head{flex:0 0 auto;top:0;margin-bottom:.65rem;padding-bottom:.65rem}.pec-card-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:.65rem}.pec-picker-actions{flex:0 0 auto;margin:0 -.85rem;padding:.7rem .85rem .85rem}}@media(max-width:460px){.pec-topbar{display:grid}.pec-button{min-width:7rem}.pec-seat-occupied{grid-template-columns:1fr auto}.pec-mini-result{grid-column:1 / -1;justify-content:flex-start}.pec-seat .pec-card{width:2.75rem;height:3.8rem}.pec-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}