.poker{--paper:#f7f1e3;--ink:#2b2118;--rust:#8a3b26;--brass:#c9973b;--wood:#4a3624;background:radial-gradient(ellipse at top,#fffcf4,var(--paper));min-height:100vh;color:var(--ink);font-family:var(--font-sans)}.poker *{box-sizing:border-box}.poker h1,.poker h2,.poker h3{font-family:var(--font-display);letter-spacing:-.035em;margin:0}.poker p{line-height:1.6}.poker button,.poker input{font:inherit}.poker button{cursor:pointer;color:var(--ink);background:#fffcf4;border:1px solid #4a362433;border-radius:9px;padding:11px 17px;font-weight:750;transition:transform .15s,box-shadow .15s}.poker button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #2b21181f}.poker button:disabled{opacity:.45;cursor:not-allowed}.poker button.primary{color:#fff8ec;background:linear-gradient(140deg,#a44a2c,#7a301c);border-color:#6f2c19;box-shadow:0 6px 16px #7a301c30}.poker label{gap:7px;font-size:.85rem;font-weight:750;display:grid}.poker input{width:100%;color:var(--ink);background:#fffdf7;border:1px solid #4a362444;border-radius:8px;padding:13px}.poker :focus-visible{outline:3px solid var(--brass);outline-offset:4px}.pk-header{border-bottom:1px solid #4a362422;justify-content:space-between;align-items:center;gap:16px;padding:18px 4%;display:flex}.pk-header>a{color:var(--ink);font-size:.85rem;text-decoration:none}.pk-header>b{letter-spacing:.14em;font-size:.8rem}.pk-header>b span{color:var(--rust);vertical-align:middle;font-size:1.6rem}.pk-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--rust);font-size:.7rem;font-weight:800}.pk-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:auto;padding:70px 28px 44px;display:grid}.pk-hero h1{margin:17px 0;font-size:clamp(3.2rem,6vw,5.6rem);line-height:1.02}.pk-hero p{color:#6d5c47;max-width:470px;font-size:1.1rem}.pk-tags{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.pk-tags span{border:1px solid #c9973b70;border-radius:50px;padding:7px 12px;font-size:.8rem}.pk-sample{border:15px solid var(--wood);outline:2px solid var(--brass);outline-offset:-9px;background:radial-gradient(#246047,#113b2c);border-radius:45%;place-items:center;gap:22px;padding:70px 24px 45px;display:grid;position:relative;transform:rotate(3deg);box-shadow:0 25px 45px #2b211835}.pk-sample .pk-cards{transform:rotate(-7deg)}.pk-sample p{color:#f1dfae;font:italic 1.4rem var(--font-display);margin:0}.pk-chip{color:#fff;background:#9b3827;border:6px dashed #fff2c9;border-radius:50%;outline:5px solid #9b3827;place-items:center;width:66px;height:66px;font-weight:700;display:grid;box-shadow:0 5px #572a21}.pk-entry{grid-template-columns:1fr 1fr;gap:25px;max-width:1100px;margin:auto;padding:20px 28px 50px;display:grid}.pk-panel{background:#fffbf2;border:1px solid #4a362426;border-radius:15px;align-content:start;gap:16px;padding:28px;display:grid;box-shadow:0 12px 30px #2b211808}.pk-panel p{color:#6d5c47;margin:0}.pk-panel h2{font-size:1.9rem}.pk-tabs{gap:6px;display:flex}.pk-tabs button{flex:1}.pk-tabs button.active{background:var(--wood);color:#fff2cf;border-color:var(--brass)}.pk-title{justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:28px 30px;display:flex}.pk-title h1{margin-top:8px;font-size:clamp(2rem,4vw,3rem)}.pk-title p{color:#6d5c47;margin:5px 0 0}.pk-hand{letter-spacing:.1em;border:1px solid #c9973b;border-radius:50px;padding:10px;font-size:.7rem;font-weight:800}.pk-table{border:16px solid var(--wood);outline:2px solid var(--brass);outline-offset:-10px;color:#fff5de;background:radial-gradient(#235d45,#123b2e);border-radius:60px;max-width:1300px;margin:0 auto;padding:25px 25px 35px;box-shadow:0 20px 45px #2b211825}.pk-seats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pk-seat{background:#0b291f99;border:1px solid #d7be8155;border-radius:13px;min-width:0;padding:14px;position:relative}.pk-seat.turn{background:#214d38;outline:3px solid #e7bd61;box-shadow:0 0 25px #e7bd6133}.pk-seat.folded{opacity:.5}.pk-seat-name{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;font-size:.86rem;display:flex}.pk-dealer{color:#35261b;background:#fff4d6;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:900;display:grid}.pk-stack{color:#f2d895;margin:9px 0;font-size:1.5rem;display:block}.pk-stack small{color:#d2cbb5;font-size:.68rem;font-weight:500}.pk-seat-status{color:#ddcfad;font-size:.72rem}.pk-mini-cards{flex-wrap:wrap;gap:3px;margin:8px 0;display:flex}.pk-card{color:#24251f;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fffdf5,#eee5d1);border:1px solid #d4c5a5;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:72px;height:104px;padding:7px;font-family:Georgia,serif;display:flex;position:relative;box-shadow:1px 4px 8px #0003}.pk-card b{font-size:1.15rem;line-height:1}.pk-card>span{align-self:center;font-size:2.4rem;line-height:1}.pk-card small{align-self:flex-end;font-size:.72rem;transform:rotate(180deg)}.pk-card.red{color:#a33728}.pk-card.back{color:#eed9a5;background:repeating-linear-gradient(45deg,#7a3024 0 3px,#934936 3px 5px);border:4px solid #f4e5c2;justify-content:center}.pk-card.back small{display:none}.pk-card.empty{color:#dfca9433;box-shadow:none;background:#ffffff05;border:1px dashed #e5d19b44;place-items:center;font-size:2rem;display:grid}.pk-mini-cards .pk-card{border-radius:3px;width:28px;height:40px;padding:2px}.pk-mini-cards .pk-card b{font-size:.65rem}.pk-mini-cards .pk-card>span{font-size:1rem}.pk-mini-cards .pk-card small{display:none}.pk-mini-cards .pk-card.back{border-width:2px}.pk-cards{justify-content:center;gap:9px;display:flex}.pk-center{text-align:center;padding-top:32px}.pk-center .pk-eyebrow{color:#d8c28c}.pk-pot{font-size:2.7rem;font-family:var(--font-display);color:#fbe8b7;margin:3px 0 18px;font-weight:700}.pk-pot small{font:500 .8rem var(--font-sans)}.pk-draw-caption{font:italic 1.5rem var(--font-display);color:#d8c99e}.pk-result{color:#ffe9ab;background:#f8e5ae14;border:1px solid #e7ca8655;border-radius:10px;max-width:650px;margin:12px auto 0;padding:8px 15px}.pk-controls{grid-template-columns:1fr 1fr;align-items:center;gap:35px;max-width:1050px;margin:30px auto;padding:0 28px;display:grid}.pk-own{text-align:center}.pk-own>.pk-eyebrow{margin-bottom:18px;display:block}.poker button.pk-card{color:#24251f;padding:7px;font-family:Georgia,serif;font-weight:400}.poker button.pk-card.red{color:#a33728}.poker button.pk-card.selected{outline:3px solid var(--brass);transform:translateY(-12px);box-shadow:0 10px 20px #2b211833}.pk-actions{gap:12px;display:grid}.pk-actions p{color:#6d5c47;margin:0}.pk-action-row{gap:10px;display:flex}.pk-action-row button{flex:1}.poker button.pk-remove{color:#d2cbb5;background:0 0;border:0;margin-left:10px;padding:2px 5px;font-size:.6rem}.pk-history,.pk-rules{color:#6d5c47;border-top:1px solid #4a362429;max-width:1100px;margin:20px auto;padding:18px 25px;font-size:.88rem}.pk-history summary,.pk-rules summary{cursor:pointer;color:var(--ink);font-weight:700}.pk-history p{border-bottom:1px solid #4a362410;margin:0;padding:6px 0}.pk-alert{background:#f9e1d5;border:1px solid #ac472c;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:18px auto;padding:15px 20px;display:flex}.pk-message{text-align:center;color:#49633a}.pk-footer{text-align:center;color:#806e54;padding:30px;font-size:.75rem}@media (width<=850px){.pk-hero{gap:25px;padding-top:35px}.pk-sample{padding:40px 15px 30px}.pk-seats{grid-template-columns:repeat(3,1fr)}.pk-table{border-width:12px;border-radius:35px;margin:0 14px;padding:18px 12px}.pk-title{padding:22px}.pk-header>b{display:none}}@media (width<=600px){.pk-hero,.pk-entry,.pk-controls{grid-template-columns:1fr}.pk-hero{padding:35px 23px}.pk-hero h1{font-size:3.6rem}.pk-sample{min-width:280px;max-width:350px;margin:15px auto}.pk-entry{padding:20px}.pk-panel{padding:22px}.pk-seats{grid-template-columns:repeat(2,1fr)}.pk-seat{padding:10px}.pk-table{border-radius:25px;margin:0 8px}.pk-card{width:52px;height:77px;padding:5px}.pk-card>span{font-size:1.8rem}.pk-card b{font-size:.9rem}.pk-cards{gap:6px}.pk-own .pk-card{width:58px;height:85px}.pk-title h1{font-size:2rem}.pk-title .pk-hand{display:none}.pk-header{font-size:.75rem}.pk-header button{padding:9px;font-size:.72rem}.pk-controls{gap:25px}.pk-alert{margin:12px}.pk-hero .pk-card{width:65px;height:95px}}