.suite-hero{min-height:355px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #c4a35c60;border-radius:28px;background:linear-gradient(90deg,#101e29 10%,#13232cd9 44%,#15232c22 85%),url('/kitchen-3d.jpg') center 48%/cover;padding:40px 42px;box-shadow:0 18px 50px #0004}.suite-hero h1{font-size:clamp(2.6rem,5.7vw,4.5rem);line-height:1.03;margin:17px 0;color:#ffe0a0}.suite-hero p{color:#d7e3de;font-size:1.05rem}.suite-pill{display:inline-block;padding:7px 14px;border:1px solid #ecbb6370;border-radius:30px;color:#f0c976;background:#122630b5;font-size:.78rem}.suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.game-tile{text-align:left;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:26px;min-height:287px;border:1px solid #e2bf7255;border-radius:20px;background:linear-gradient(145deg,#294955,#132a36);color:#edf0e9;box-shadow:0 8px 0 #081a22,0 15px 30px #0003;transition:transform .18s,box-shadow .18s;overflow:hidden}.game-tile:hover{transform:translateY(-5px);background:linear-gradient(145deg,#365d68,#183743);box-shadow:0 11px 0 #081a22,0 20px 35px #0004}.game-tile strong{font:700 1.9rem Georgia,serif;display:block;margin:8px 0 12px;color:#ffdfa2}.game-emblem{position:absolute;right:22px;top:16px;font:900 2.8rem Georgia,serif;color:#ecc37030;pointer-events:none}.game-tile .eyebrow{font-size:.61rem;letter-spacing:1px;max-width:75%;padding-top:12px}.tile-description{font-size:.9rem;font-weight:400;color:#c0d0d1;line-height:1.6;max-width:95%;flex:1}.tile-bottom{border-top:1px solid #abc1bd25;width:100%;margin-top:24px;padding-top:15px;font-size:.75rem;color:#bdcace;display:flex;justify-content:space-between;gap:8px}.tile-bottom b{color:#ffdda0;white-space:nowrap}.game-hearts{background:linear-gradient(140deg,#643c43,#2b2636)}.game-hearts:hover{background:linear-gradient(140deg,#754750,#373346)}.game-blackjack{background:linear-gradient(140deg,#4c493b,#202b31)}.game-864{border-color:#e1b863b0;background:linear-gradient(140deg,#4a5148,#18323e)}.suite-join{max-width:none!important;margin-top:35px;display:grid;gap:18px;grid-template-columns:1fr 1.3fr;align-items:center}.suite-join form{display:grid;gap:12px;grid-template-columns:1fr 110px auto;align-items:end}.suite-join button{white-space:nowrap}.suite-join .field{margin:0}.suite-setup{max-width:760px;margin:auto}.suite-setup>h1{margin-top:12px}.suite-setup>.eyebrow{margin-top:30px}.suite-setup .form-panel{max-width:none;display:grid;gap:14px}.suite-rules{background:#132b38;padding:22px;border:1px solid #56707b;border-radius:16px;margin-top:24px;line-height:1.7}.suite-rules summary{color:#f1cb85;cursor:pointer}.suite-rules p{margin:16px 0 0}.suite-felt{min-height:540px;position:relative;background:url('/kitchen-3d.jpg') center/cover;border-radius:20px;overflow:hidden}.suite-seats{display:flex;justify-content:space-around;gap:10px;position:relative;padding:160px 15px 0;z-index:2}.suite-seats .player{background:#142731e6;border:1px solid #e5c78077;border-radius:14px;padding:10px;max-width:32%;box-shadow:0 4px 14px #0005}.suite-seats .avatar{flex-shrink:0;width:40px;height:40px}.suite-seats b{font-size:.78rem}.suite-seats small{display:block;color:#beccce;font-size:.68rem;line-height:1.5}.suite-center{position:relative;padding:30px 15px 35px;min-height:245px;display:flex;flex-direction:column;align-items:center;gap:12px}.suite-trick{display:flex;align-items:center;justify-content:center;gap:14px;min-height:145px}.suite-trick>div{transform:rotate(-5deg)}.suite-trick>div:nth-child(even){transform:rotate(6deg)}.suite-trick small{display:block;color:#fff4da;background:#102a36e8;padding:4px;border-radius:6px;font-size:.7rem;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis}.suite-trick .card{width:72px;height:103px}.suite-center .table-message{background:#122d3be8;border-radius:10px;padding:8px 14px;color:#ffe1a2;text-align:center}.draw-piles{display:flex;gap:30px;align-items:flex-start}.card-back{background:repeating-linear-gradient(45deg,#18364a 0 5px,#35566a 5px 7px);border:4px solid #ded4ba;color:#f0ca87;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2.6rem}.card-back small{font-size:.75rem;font-weight:500}.pile-button{padding:0;background:none;border:0;box-shadow:none;color:#fff0d1}.pile-button:hover{background:none}.pile-button:disabled{opacity:1;cursor:default}.pile-button small{display:block;background:#152d3c;padding:4px}.suite-results{background:#0f2937f2;border:1px solid #c5a05c;border-radius:14px;padding:20px;max-width:100%;max-height:340px;overflow:auto;width:100%}.suite-results h2{font-size:1.2rem;color:#ffdda0}.suite-results>div{margin:12px 0}.revealed-hand,.suite-spreads>div>div{display:flex;padding:8px 0 8px 20px;overflow:auto}.revealed-hand .card,.suite-spreads .card{width:47px;height:69px;margin-left:-17px;flex-shrink:0;padding:4px}.revealed-hand .card .pip,.suite-spreads .card .pip{font-size:1.4rem}.revealed-hand .card .rank,.suite-spreads .card .rank{font-size:.9rem}.revealed-hand .card .corner,.suite-spreads .card .corner{display:none}.suite-spreads{width:100%;display:flex;gap:14px;overflow:auto;align-items:flex-start}.suite-spreads>div{padding:12px;background:#102b38eb;border-radius:10px;flex-shrink:0}.suite-spreads span{font-size:.75rem}.suite-layout .action-panel .field{margin:0;max-width:200px}.suite-layout .hand-header p{margin:3px 0 0;font-size:.75rem}.blackjack-table .suite-seats{display:none}.blackjack-table .suite-center{padding-top:110px;min-height:540px}.blackjack-house,.blackjack-hand{background:#102b38e8;border-radius:14px;border:1px solid #c3a15b88;padding:12px;text-align:center}.blackjack-house h3,.blackjack-hand h3{font-size:.88rem;margin-bottom:10px}.suite-card-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.suite-card-row .card{width:62px;height:90px}.blackjack-hands{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.blackjack-hand.active-hand{outline:2px solid #ffcd71}.blackjack-hand p{margin:8px 0 0;font-size:.8rem;color:#f8d58e}.suite-layout .action-panel{margin:0}.suite-layout .sidebar li{line-height:1.5;margin-bottom:8px;font-size:.8rem}.suite-layout .hand-fan{min-height:180px}.suite-layout .sidebar{min-width:0}
@media(max-width:1050px){.suite-grid{gap:14px}.game-tile{padding:22px;min-height:300px}.suite-join{grid-template-columns:1fr}.suite-seats .player{padding:7px}.suite-seats .avatar{width:30px;height:30px}.suite-seats{gap:5px}.suite-join form{grid-template-columns:1fr 120px auto}}
@media(max-width:760px){.suite-hero{padding:26px;min-height:300px;background-position:center}.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-tile{padding:18px;min-height:270px}.game-tile strong{font-size:1.45rem}.game-emblem{font-size:2.2rem;top:9px;right:10px}.tile-description{font-size:.77rem}.game-tile .eyebrow{font-size:.52rem;max-width:90%;padding-top:20px}.tile-bottom{font-size:.63rem;display:block;margin-top:15px;padding-top:10px}.tile-bottom b{display:block;margin-top:7px}.suite-join{padding:20px!important}.suite-join form{grid-template-columns:1fr 95px}.suite-join form>button{grid-column:1/-1}.suite-felt{min-height:475px;background-size:auto 100%}.suite-seats{padding-top:150px;gap:4px;padding-left:6px;padding-right:6px}.suite-seats .player{display:block;text-align:center;min-width:0;flex:1}.suite-seats .avatar{margin:auto;width:32px;height:32px}.suite-seats b{font-size:.68rem;overflow-wrap:anywhere}.suite-seats small{font-size:.6rem}.suite-center{padding:22px 10px;min-height:230px}.suite-trick{gap:8px}.suite-trick .card{width:58px;height:86px;padding:6px}.suite-trick .card .pip{font-size:1.7rem}.suite-trick small{font-size:.58rem;max-width:58px}.suite-layout .action-panel{padding:18px}.suite-layout .action-panel .button-row{gap:9px;margin:0}.suite-layout .action-panel button{padding:10px 12px;font-size:.8rem}.suite-results{padding:12px}.suite-results h2{font-size:1rem}.blackjack-table .suite-center{padding-top:95px;min-height:500px}.blackjack-hands{gap:8px}.blackjack-hand{padding:8px}.suite-card-row{gap:4px}.suite-card-row .card{width:53px;height:78px}.suite-card-row .card .pip{font-size:1.5rem}.suite-card-row .card .rank{font-size:1rem}.suite-layout .hand-header{margin:20px 6px 0}}
.selection-summary{width:100%;color:#ffe1a0;font-weight:700;font-size:.85rem;margin:0}.suite-layout .hand-fan .card:focus-visible{outline:3px solid #fff6ce;z-index:100!important;transform:translateY(-22px)}