:root{font-family:system-ui,sans-serif;color:#fff;background:#10151a}*{box-sizing:border-box}body{margin:0;background:#10151a}main{max-width:1500px;margin:auto;padding:14px 22px}header{display:flex;justify-content:space-between;color:#e6d3a0}a{color:#ffd36e}#setup{min-height:90vh;display:grid;place-items:center;gap:20px}#setup h1{font-size:clamp(3.2rem,9vw,7rem);line-height:.85;text-align:center}h1 em{color:#ffd36e;font-style:normal}.setup-card{background:#202832;border:1px solid #c49a4c;border-radius:18px;padding:24px;width:min(430px,100%)}label{display:flex;justify-content:space-between;align-items:center;margin:12px 0}select,input{background:#111820;color:#fff;border:1px solid #8d7143;border-radius:8px;padding:11px;font:inherit}#names{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{border:1px solid #c69a4c;background:#282b31;color:#fff;border-radius:9px;padding:12px 16px;font-weight:700;min-height:44px;cursor:pointer}#start{background:#ffd36e;color:#30251b;width:100%;margin-top:15px}[hidden]{display:none!important}.gamebar{display:flex;align-items:center;gap:16px;padding:5px 0 12px}.gamebar b:first-child{flex:1}.gamebar button{padding:8px}.table{position:relative;height:min(72vh,720px);min-height:560px;border-radius:50% 50% 18% 18%/18% 18% 10% 10%;background:radial-gradient(ellipse at 50% 38%,#19725b,#075040 70%);border:16px solid #53341f;box-shadow:inset 0 0 0 4px #c59b4d,0 16px 45px #0008;overflow:hidden}.table:before{content:"";position:absolute;inset:22% 4% 5%;border:2px solid #d5ad55;border-radius:50% 50% 8% 8%/30% 30% 8% 8%;opacity:.85}.rules{position:absolute;top:26%;left:50%;transform:translate(-50%);font:700 clamp(.65rem,1.4vw,1.15rem) Georgia;letter-spacing:2px;white-space:nowrap;color:#f9e7b5;text-shadow:0 2px 3px #000}.dealer-seat{position:absolute;top:5%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;z-index:3}.dealer-person{width:86px;height:110px;border-radius:50% 50% 12px 12px;background:linear-gradient(#5d1720,#211016);border:2px solid #d5aa50;display:grid;place-items:center;color:#ffe2a0}.dealer-hand{display:flex;gap:7px}.playing-card{width:60px;height:86px;border-radius:8px;background:#fffdf7;color:#151820;display:grid;place-items:center;font:1.5rem Georgia;box-shadow:0 7px 10px #0009;animation:deal .35s}.playing-card.red{color:#b52e42}.playing-card.hidden-card{background:repeating-linear-gradient(45deg,#e9dfc6 0 5px,#87959b 5px 8px);font-size:1rem}.dealer-seat>strong{font-size:1.5rem;color:#ffd36e}.seat{position:absolute;bottom:12%;width:24%;min-height:150px;padding:8px;text-align:center;color:#ffe6aa;z-index:3}.seat:nth-child(1){left:4%}.seat:nth-child(2){left:26%}.seat:nth-child(3){left:50%;transform:translate(-50%)}.seat:nth-child(4){right:4%}.seat.active{outline:2px solid #ffd36e;border-radius:12px}.seat-name{font-size:.85rem}.seat-bet{color:#ffd36e;font-size:.75rem}.seat-hand{display:flex;justify-content:center;gap:5px;margin-top:10px;transform:perspective(600px) rotateX(18deg)}.seat-total{font-size:1.35rem;margin-left:5px}.discard{position:absolute;right:7%;top:51%;border:1px dashed #d7b469;border-radius:6px;padding:6px;font-size:.65rem;color:#d7b469}.controls{display:flex;gap:8px;padding:12px 4%;background:#10171ddd}.controls button{flex:1}.controls button:disabled{opacity:.35}@keyframes deal{0%{opacity:0;transform:translateY(-25px) scale(.8)}to{opacity:1}}@media(max-width:700px){main{padding:8px}.table{height:70vh;min-height:560px;border-width:10px}.rules{font-size:.5rem;letter-spacing:0}.dealer-person{width:55px;height:75px;font-size:.7rem}.playing-card{width:40px;height:59px;font-size:1rem}.seat{width:31%;bottom:15%;min-height:120px}.seat:nth-child(1){left:1%}.seat:nth-child(2){left:34%}.seat:nth-child(3){left:67%;transform:none}.seat:nth-child(4){display:none}.controls{padding:7px 0}.controls button{font-size:.7rem;padding:8px 3px}.dealer-seat{top:6%;gap:5px}.discard{display:none}}#seats{position:absolute;inset:0;z-index:4;pointer-events:none}.seat{pointer-events:auto;position:absolute!important;left:var(--x,50%)!important;top:var(--y,78%)!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:clamp(150px,17vw,245px)!important;min-height:0!important;padding:8px!important;background:#063f35dd!important;border:1px solid #c59b4d!important;border-radius:12px;box-shadow:0 5px 16px #0008!important}.dealer-person{font-size:0!important;background:linear-gradient(#0004,#0004),url(/assets/night-hub-j-realistic-v3-D9O9ct6h.png) center/cover!important;position:relative}.dealer-person:after{content:"🏴‍☠️ 海盜莊家";font-size:.7rem;position:absolute;left:50%;bottom:-22px;transform:translate(-50%);white-space:nowrap;color:#ffd36e}.bet-buttons{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;margin-top:8px}.bet-choice{min-height:27px;padding:3px 5px;font-size:.65rem;background:#142c28cc;border-color:#c59b4d}.bet-confirm{width:100%;margin-top:6px;padding:6px;font-size:.7rem}.seat-hand{display:flex;justify-content:center;gap:5px;margin-top:9px}.dealer-seat #dealer-drink{color:#ffd36e;font-size:.8rem;max-width:180px}.seat small{display:block;color:#ffd36e}.seat.active{outline:2px solid #ffd46e}@media(max-width:700px){.table{min-height:620px;height:calc(100vh - 155px)}.seat{width:31%!important;padding:4px!important;font-size:.62rem}.playing-card{width:34px;height:50px;font-size:.8rem}.bet-choice{font-size:.52rem;padding:2px}.bet-confirm{font-size:.58rem;padding:4px}.dealer-seat{top:5%;gap:4px}}#seats .seat{left:var(--x,50%)!important;top:var(--y,73%)!important;width:clamp(130px,15vw,210px)!important}#seats:not(.betting) .seat{width:var(--sw,12%)!important;min-width:0!important}#seats:not(.betting) .seat{background:transparent!important;border:2px solid #f4f1df!important;border-radius:50%!important;box-shadow:none!important;transform:translate(-50%,-50%)!important;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center}#seats:not(.betting) .seat:before{content:"下注位";display:block;color:#f4f1df;font-size:.65rem;margin-bottom:4px;opacity:.8}#seats:not(.betting) .seat:after{content:"";display:none}#seats:not(.betting) .seat-hand{background:transparent;border:0;border-radius:0;padding:4px;box-shadow:none}#seats:not(.betting) .playing-card{width:clamp(30px,3.4vw,48px);height:clamp(44px,5vw,70px);font-size:clamp(.75rem,1.2vw,1.2rem)}.table{background:radial-gradient(ellipse at 50% 36%,#21826a,#0b5b48 52%,#064536)!important;box-shadow:inset 0 0 0 4px #c59b4d,inset 0 0 70px #001b14aa,0 18px 45px #000b!important;transform:perspective(1200px) rotateX(2deg)}.table{transform:none!important;box-shadow:inset 0 0 0 3px #d9b65f,0 10px 24px #0008!important}.table:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#fff .7px,transparent .8px);background-size:5px 5px;mix-blend-mode:soft-light}.dealer-seat{filter:drop-shadow(0 10px 10px #0009)}#seats.betting{position:absolute;inset:auto 4% 3%;inset-block-start:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;pointer-events:auto;z-index:6}#seats.betting .seat{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;min-width:0!important;padding:7px!important}#seats.betting .bet-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}#seats.betting .bet-choice{min-width:0;padding:5px 2px;font-size:.7rem}#seats.betting .bet-confirm{font-size:.75rem}#seats.betting{position:absolute;inset:0;display:block;pointer-events:none;z-index:6}#seats.betting .seat{position:absolute!important;left:var(--x,50%)!important;top:var(--y,73%)!important;transform:translate(-50%,-50%)!important;width:var(--bet-w,15%)!important;aspect-ratio:1/1;min-height:0!important;padding:7px 5px!important;background:#064638ee!important;border:2px solid #f4f1df!important;border-radius:50%!important;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}#seats.betting .seat b{font-size:.8rem}#seats.betting .bet-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:100%;margin-top:4px}#seats.betting .bet-choice{min-width:0;padding:3px 1px;font-size:.55rem;min-height:25px}#seats.betting .bet-confirm{font-size:.58rem;padding:4px 2px;min-height:27px}@media(max-width:900px){#seats.betting{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;bottom:2%}#seats.betting .bet-choice{font-size:.58rem;padding:4px 1px}}@media(max-width:560px){#seats.betting{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;max-height:63%;align-items:start}#seats.betting .seat{font-size:.7rem}}#continue{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;margin:0;background:#ffd36e;color:#30251b;font-size:1.1rem;border:2px solid #7c5720;box-shadow:0 5px 12px #0008;padding:14px 28px}.seat{left:auto!important;top:auto!important;transform:translate(-50%,-50%);width:18%!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center}.seat.active{outline:2px solid #ffd46e;border-radius:10px;padding:6px}.dealer-person{font-size:0!important;background:linear-gradient(#0004,#0004),url(/assets/night-hub-j-realistic-v3-D9O9ct6h.png) center/cover!important}.bet-buttons{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.bet-choice{padding:3px 5px;min-height:25px;font-size:.65rem}.bet-choice.chosen{background:#ffd36e;color:#30251b}.bet-confirm{display:block;margin:4px auto;padding:3px 8px;min-height:25px;font-size:.65rem;background:#d5a94d;color:#231b13}.seat-hand{display:flex;justify-content:center;gap:5px}.playing-card{opacity:1!important;filter:none!important}@media(max-width:700px){.seat{width:29%!important}.playing-card{width:34px;height:50px;font-size:.8rem}.bet-choice{font-size:.5rem;padding:2px}}