.knock31-main{padding-bottom:2.6rem}.knock31-settings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;padding:1rem;margin-bottom:1rem}.knock31-settings label{display:flex;flex-direction:column;gap:.35rem}.knock31-settings label>span{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.68)}.knock31-settings select{min-height:44px;border-radius:.7rem;border:1px solid rgba(255,255,255,.16);background:rgba(4,10,18,.78);color:#fff;padding:.65rem}.knock31-setting-note{grid-column:1/-1;color:rgba(255,255,255,.74);font-size:.88rem}.knock31-shell{padding:1rem}.knock31-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem}.knock31-score-cell{display:flex;justify-content:space-between;gap:.55rem;align-items:center;padding:.58rem .7rem;border-radius:.75rem;background:rgba(4,10,18,.46);border:1px solid rgba(255,255,255,.08);font-size:.84rem}.knock31-score-cell.is-out{opacity:.48}.knock31-score-cell strong{white-space:nowrap}.knock31-table{--felt:#16573d;--felt-deep:#0b2c23;position:relative;overflow:hidden;min-height:620px;padding:1.1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 37%,rgba(255,255,255,.07),transparent 34%),linear-gradient(145deg,var(--felt),var(--felt-deep));box-shadow:inset 0 0 90px rgba(0,0,0,.28),0 20px 50px rgba(0,0,0,.22)}.knock31-table::before{content:"";position:absolute;inset:15px;border:1px solid rgba(226,164,108,.19);border-radius:2.2rem;pointer-events:none}.knock31-opponents{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;max-width:940px;margin:0 auto}.knock31-seat{padding:.68rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:rgba(3,8,14,.24);text-align:center;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.knock31-seat.is-turn,.knock31-human-seat.is-turn{border-color:rgba(237,170,100,.95);box-shadow:0 0 0 2px rgba(226,164,108,.22),0 0 22px rgba(226,164,108,.28)}.knock31-seat.is-out{opacity:.36}.knock31-seat-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.84rem;margin-bottom:.45rem}.knock31-hand{display:flex;justify-content:center;align-items:center;min-height:88px;padding:10px 8px}.knock31-hand .arrange-card{width:58px;height:80px;margin-left:-9px}.knock31-hand .arrange-card:first-child{margin-left:0}.knock31-hidden-card{width:58px;height:80px;margin-left:-9px;border-radius:.55rem;border:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(45deg,#142a46 0 5px,#0d1c31 5px 10px);box-shadow:0 8px 15px rgba(0,0,0,.25)}.knock31-hidden-card:first-child{margin-left:0}.knock31-center{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:2.1rem;margin:4.4rem auto 3.1rem;min-height:125px}.knock31-pile-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.knock31-pile-label{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66)}.knock31-pile{position:relative;width:68px;height:94px;border:0;background:transparent;padding:0;cursor:pointer;transition:transform .15s ease,filter .15s ease}.knock31-pile.is-selected{transform:translateY(-13px) rotate(-1deg);filter:drop-shadow(0 0 9px rgba(226,164,108,.62))}.knock31-card-back{position:absolute;inset:0;border-radius:.62rem;border:2px solid rgba(255,255,255,.74);background:repeating-linear-gradient(45deg,#163152 0 5px,#0e2139 5px 10px);box-shadow:5px 5px 0 rgba(8,20,35,.9),9px 9px 0 rgba(6,15,25,.72),0 10px 20px rgba(0,0,0,.26)}.knock31-discard .arrange-card{position:absolute;inset:0;width:68px;height:94px;margin:0;pointer-events:none;transform:rotate(-2deg)}.knock31-pile-count{position:absolute;right:-9px;bottom:-9px;min-width:25px;height:25px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#09121e;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.7rem;z-index:3}.knock31-human-seat{position:relative;z-index:3;max-width:560px;margin:0 auto;padding:.8rem 1rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:1.2rem;background:rgba(3,8,14,.26);transition:border-color .18s ease,box-shadow .18s ease}.knock31-human-seat .knock31-seat-head{font-size:.92rem}.knock31-human-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.button-knock{border:1px solid rgba(226,164,108,.58);background:linear-gradient(145deg,#7e4827,#b6713c);color:#fff;font-weight:900;letter-spacing:.09em;text-shadow:0 1px 1px #3b1f11}.button-knock:disabled{opacity:.38;cursor:not-allowed}.knock31-instruction{text-align:center;color:rgba(255,255,255,.73);margin:.8rem .5rem .15rem}.knock31-results{padding:1rem;margin-top:1rem}.knock31-results-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.knock31-results-head h2{margin:.15rem 0}.knock31-results-head p{margin:.25rem 0 0}.knock31-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem}.knock31-result-card{padding:.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(4,10,18,.42);text-align:center}.knock31-result-card.is-winner{border-color:rgba(93,231,132,.72);box-shadow:0 0 18px rgba(93,231,132,.18)}.knock31-result-card.is-loser{border-color:rgba(243,101,101,.55)}.knock31-result-card h3{margin:.15rem 0 .5rem}.knock31-result-card .knock31-hand{min-height:82px}.knock31-result-value{font-size:1.2rem;font-weight:900}.knock31-result-delta{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:.25rem}.knock31-results-actions{display:flex;justify-content:center;margin-top:1rem}.knock31-help{margin-top:1rem}.knock31-knock-layer{position:absolute;inset:0;pointer-events:none;z-index:8}.knock31-burst{position:absolute;left:50%;top:46%;font:900 clamp(2.6rem,9vw,6.2rem)/.9 "Trebuchet MS",Impact,sans-serif;letter-spacing:.04em;color:#e2a46c;-webkit-text-stroke:2px rgba(64,30,11,.85);text-shadow:0 4px 0 rgba(55,25,8,.55),0 0 16px rgba(226,164,108,.44);opacity:0;transform:translate(-50%,-50%) rotate(-10deg) scale(.72);animation:knock-word .43s ease-out forwards}.knock31-burst.second{top:49%;left:52%;transform:translate(-50%,-50%) rotate(8deg) scale(.72)}@keyframes knock-word{0%{opacity:0;transform:translate(-50%,-50%) rotate(-10deg) scale(.72)}28%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1.06)}70%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) rotate(-5deg) scale(.97)}}.knock31-burst.second{animation-name:knock-word-two}@keyframes knock-word-two{0%{opacity:0;transform:translate(-50%,-50%) rotate(9deg) scale(.72)}28%{opacity:1;transform:translate(-50%,-50%) rotate(6deg) scale(1.06)}70%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) rotate(3deg) scale(.97)}}.knock31-pile.impact-one{animation:pile-hit-one .26s ease-out}.knock31-pile.impact-two{animation:pile-hit-two .26s ease-out}@keyframes pile-hit-one{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-7px) rotate(-2deg)}}@keyframes pile-hit-two{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-9px) rotate(2deg)}}.knock31-flying{position:fixed;z-index:9999;width:61px;height:84px;pointer-events:none;transition:transform .34s cubic-bezier(.2,.75,.24,1),opacity .34s ease}.knock31-flying .arrange-card{width:61px;height:84px;margin:0}.knock31-flying .knock31-card-back{box-shadow:0 8px 16px rgba(0,0,0,.28)}
.theme-green{--felt:#16573d;--felt-deep:#0b2c23}.theme-burgundy{--felt:#6a2531;--felt-deep:#32131a}.theme-navy{--felt:#203a68;--felt-deep:#0e1c35}.theme-charcoal{--felt:#3b4047;--felt-deep:#171a1e}.theme-teal{--felt:#17636a;--felt-deep:#0a3035}
@media(max-width:900px){.knock31-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.knock31-scoreboard,.knock31-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knock31-table{min-height:570px}.knock31-center{margin:3.2rem auto 2.6rem}}
@media(max-width:620px){.knock31-settings{grid-template-columns:1fr}.knock31-scoreboard{grid-template-columns:1fr 1fr}.knock31-table{padding:.72rem;border-radius:1.35rem;min-height:0}.knock31-opponents{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.knock31-seat{padding:.48rem}.knock31-hand{min-height:72px;padding:6px 3px}.knock31-hidden-card,.knock31-hand .arrange-card{width:49px;height:69px;margin-left:-11px}.knock31-center{gap:1.5rem;margin:2rem auto 1.8rem}.knock31-pile{width:61px;height:84px}.knock31-discard .arrange-card{width:61px;height:84px}.knock31-human-seat{padding:.65rem}.knock31-result-grid{grid-template-columns:1fr}.knock31-results-head{display:block}.knock31-results-head>.button{margin-top:.7rem}.knock31-score-cell{padding:.5rem}.knock31-burst{top:43%}}
.knock31-settings select:disabled{opacity:.58;cursor:not-allowed}
.knock31-new-match-dialog{width:min(94vw,560px);max-height:90vh;overflow:auto;padding:1.25rem;border:1px solid rgba(226,164,108,.5);border-radius:1rem;background:#13221f;color:#f4f6f2;box-shadow:0 24px 80px #0009}
.knock31-new-match-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.knock31-new-match-dialog h2{margin:.1rem 0 .55rem}.knock31-new-match-dialog p{color:rgba(255,255,255,.75);margin:.3rem 0 1rem}
.knock31-dialog-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.knock31-dialog-settings label{display:grid;gap:.35rem;font-size:.82rem;color:rgba(255,255,255,.78)}
.knock31-dialog-settings select{min-height:44px;border-radius:.7rem;border:1px solid rgba(255,255,255,.16);background:rgba(4,10,18,.78);color:#fff;padding:.65rem}
.knock31-dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem}
@media(max-width:520px){.knock31-dialog-settings{grid-template-columns:1fr}.knock31-dialog-actions{justify-content:stretch}.knock31-dialog-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.knock31-burst,.knock31-pile.impact-one,.knock31-pile.impact-two{animation-duration:.01ms!important}.knock31-flying{transition-duration:.01ms!important}}