:root{--bg:#0b1520;--panel:#122330;--panel2:#142837;--line:#2a4050;--line-soft:#273c4a;--txt:#eff7f4;--muted:#93aaa8;--accent:#e5bd7a;--gold2:#b88a50;--green:#1c5c50;--red:#f37d76;--shadow:0 20px 60px rgba(0,0,0,.22)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{background:var(--bg)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--txt);overflow-x:hidden;background:radial-gradient(ellipse 62% 50% at 95% 0%,rgba(45,107,93,.19),transparent),#0b1520}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.ambient{position:fixed;pointer-events:none;filter:blur(70px);border-radius:50%;z-index:0}.ambient-one{width:440px;height:330px;background:rgba(17,91,80,.13);top:32%;left:-260px}.ambient-two{width:260px;height:220px;background:rgba(206,158,84,.075);bottom:-140px;right:-90px}.topbar{height:86px;max-width:1170px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.045)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(229,189,122,.45);border-radius:11px;color:var(--accent);font-size:25px}.brand-dot{color:var(--accent)}.header-right{display:flex;align-items:center;gap:18px}.label-pill{border:1px solid #39505b;border-radius:100px;color:#a7c0b7;font-size:11px;padding:7px 12px;white-space:nowrap}.server-indicator{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:#d6ad64;box-shadow:0 0 12px #d6ad64}.dot.online{background:#56cfa9;box-shadow:0 0 10px #56cfa9}.dot.offline{background:#e88a80;box-shadow:0 0 10px #e88a80}.shell{max-width:1110px;padding:0 28px;margin:0 auto;position:relative;z-index:1;min-height:calc(100vh - 170px)}.home-view{padding:92px 0 100px;position:relative;max-width:100%}.hero-tag{color:var(--accent);font-size:13px;font-weight:650;letter-spacing:1.3px;margin-bottom:22px}.glitter{font-size:20px;margin-right:5px}h1{font-size:clamp(50px,6.2vw,86px);line-height:1.15;font-weight:800;letter-spacing:-2px;margin:0}h1 em{font-style:normal;color:var(--accent)}.hero-desc{max-width:530px;color:#abc0be;font-size:15px;line-height:1.95;margin:23px 0 30px}.entrance-panel{border:1px solid var(--line);padding:24px;max-width:470px;background:linear-gradient(145deg,#152938,#11212d);border-radius:17px;box-shadow:var(--shadow)}.field-label{font-size:13px;color:#d3dfd9;display:block;margin-bottom:11px;font-weight:600}.text-input{height:49px;min-width:0;width:100%;border:1px solid #37505b;background:#0d1c28;border-radius:10px;color:white;padding:0 15px;font-size:15px;outline:none}.text-input::placeholder{color:#778e93}.text-input:focus{border-color:var(--accent)}.entry-actions{margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;height:46px;font-size:14px;font-weight:700;padding:0 18px;white-space:nowrap;transition:transform .18s,background .18s,border-color .18s}.btn:active:not(:disabled){transform:scale(.98)}.btn-block{width:100%}.btn-primary{border:1px solid #ebc58b;color:#1f2530;background:linear-gradient(120deg,#f0ce99,#dfb470);box-shadow:0 6px 22px rgba(223,180,112,.12)}.btn-primary:hover:not(:disabled){background:#f1d8ad}.btn-outline{background:transparent;border:1px solid #47606b;color:#eaf5ef}.btn-outline:hover:not(:disabled){background:#1a3440}.btn-ghost{border:1px solid transparent;background:#213542;color:#bbcecd}.btn-danger{color:#f3bab4;border:1px solid #744743;background:#3e292e}.btn-green{background:#1f705d;border:1px solid #31947c;color:#e6fff3}.btn-sm{height:38px;font-size:12px;padding:0 14px}.btn-icon{font-size:20px;line-height:1}.or-divider{display:flex;align-items:center;gap:13px;color:#7e989d;font-size:12px;margin:16px 0}.or-divider:before,.or-divider:after{content:'';height:1px;flex:1;background:#354b58}.join-row{display:flex;gap:10px}.join-row button{min-width:136px}.code-field{letter-spacing:3px;font-variant-numeric:tabular-nums}.feature-strip{display:flex;flex-wrap:wrap;gap:18px 26px;color:#779e98;font-size:12px;margin-top:24px}.decor-cards{position:absolute;top:80px;right:70px;width:320px;height:400px;transform:rotate(-8deg);pointer-events:none}.decor-card{position:absolute;width:190px;height:286px;border-radius:18px;background:linear-gradient(160deg,#fff9ef,#d7e4de);box-shadow:0 22px 50px #0007;font-family:Georgia,serif;color:#143547;font-size:64px;font-weight:800;padding:24px}.decor-card span{font-size:120px;display:block;text-align:center}.decor-a{left:2px;top:60px;transform:rotate(-18deg)}.decor-b{left:80px;top:21px;transform:rotate(0deg);color:#c65c54}.decor-c{left:154px;top:83px;transform:rotate(18deg)}.footer{border-top:1px solid #1d313d;margin-top:24px;text-align:center;padding:22px 20px;color:#688b88;font-size:12px;position:relative;z-index:1}.room-view{padding:34px 0 50px}.room-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.eyebrow{color:var(--gold2);letter-spacing:2px;font-size:10px;font-weight:800}.room-head h2{font-size:clamp(23px,3vw,31px);margin:5px 0 6px}.room-head h2 span{font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:3px}.room-sub{color:#789a98;font-size:13px;margin:0}.room-head-actions{display:flex;gap:8px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{border:1px solid #203d48;background:#122530;border-radius:12px;padding:13px 18px}.stat span{display:block;color:#80a5a0;font-size:11px;margin-bottom:5px}.stat b{font-weight:750;font-size:22px;font-variant-numeric:tabular-nums}.table-wrap{padding:12px;background:#122531;border:1px solid #2a4650;border-radius:23px;box-shadow:var(--shadow)}.felt-table{position:relative;height:375px;border-radius:180px;border:11px solid #796446;box-shadow:0 0 0 2px #283d34,inset 0 0 0 5px #15463e,inset 0 10px 50px rgba(0,0,0,.28);background:radial-gradient(ellipse at 50% 42%,#236a57,#16443b 72%,#0b332d);overflow:hidden}.felt-decoration{position:absolute;left:50%;top:46px;transform:translateX(-50%);color:#b6bd92;opacity:.15;font-size:26px;letter-spacing:6px;white-space:nowrap}.felt-decoration span{font-size:22px;font-weight:800}.table-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.pot-label{color:#a2c7b6;font-size:12px}.pot-big{color:var(--accent);font-size:35px;font-weight:800;display:flex;gap:8px;align-items:center;justify-content:center}.coin{color:#dbb16a;font-size:22px}.table-hint{font-size:12px;color:#b9c8b5;max-width:240px;white-space:normal}.seats{position:absolute;inset:0}.seat{position:absolute;min-width:132px;max-width:160px;text-align:center;transform:translate(-50%,-50%);padding:8px 8px;border-radius:13px;background:rgba(8,30,27,.77);border:1px solid rgba(180,217,181,.19);box-shadow:0 5px 12px rgba(0,0,0,.14)}.seat.is-turn{border-color:#ebc380;box-shadow:0 0 0 2px rgba(225,186,105,.2),0 8px 16px #0003}.seat.is-me{background:rgba(15,44,49,.93)}.seat.is-folded{opacity:.42}.seat-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-pts{font-variant-numeric:tabular-nums;font-size:11px;color:var(--accent);margin:2px 0}.seat-sub{color:#a6cbc1;font-size:10px}.seat-avatar{width:32px;height:32px;display:grid;place-items:center;margin:-25px auto 5px;border-radius:50%;background:#315448;border:2px solid #adc4a4;color:#f5ddb0;font-weight:800;font-size:14px}.seat .ready-dot{color:#83ddb9}.seat .offline{color:#ed9c90}.seat[data-seat="0"]{left:50%;top:83%}.seat[data-seat="1"]{left:12%;top:65%}.seat[data-seat="2"]{left:16%;top:21%}.seat[data-seat="3"]{left:50%;top:14%}.seat[data-seat="4"]{left:84%;top:21%}.seat[data-seat="5"]{left:88%;top:65%}.below-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:18px}.left-panel,.right-panel{min-width:0}.hand-panel,.action-panel,.right-panel,.end-panel{border:1px solid #26414c;border-radius:15px;background:linear-gradient(160deg,#152936,#11222e);padding:20px;margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.section-head strong{font-size:16px}.tiny-label{font-size:11px;color:#8bacaa}.hand-cards{display:flex;gap:10px;align-items:center;min-height:125px}.playing-card{width:88px;height:124px;border-radius:9px;background:linear-gradient(145deg,#fffefb,#dfe9e1);box-shadow:0 6px 16px #0005;color:#202e35;display:flex;flex-direction:column;padding:8px 11px;position:relative;border:2px solid rgba(255,255,255,.7)}.playing-card.red{color:#c34145}.card-label{font-family:Georgia,serif;font-size:22px;font-weight:800;line-height:1}.card-suit{font-size:15px}.card-center{font-size:44px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.playing-card.back{background:repeating-linear-gradient(45deg,#184e51 0 5px,#1c6464 5px 10px);border:5px solid #e5c592;box-shadow:inset 0 0 0 2px #0c3d3a,0 6px 16px #0005}.playing-card.back:after{content:'♠';font-family:Georgia,serif;font-size:37px;color:#ead09a;position:absolute;inset:11px;display:grid;place-items:center;border:1px solid #f3d7aa}.hand-description{font-size:12px;color:#89aba5;margin-top:9px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-buttons .btn{flex:1 1 130px}.action-note{color:#95b0a9;font-size:12px;line-height:1.7;margin-top:14px}.notice{color:#b8ccc5;font-size:13px;line-height:1.8;margin:4px 0 18px}.status-badge{display:inline-block;font-size:11px;border-radius:6px;padding:4px 9px;background:#304b50;color:#aee0c9}.players-prep{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.prep-chip{border:1px solid #38525c;padding:6px 10px;font-size:12px;border-radius:100px;color:#bed0cb}.prep-chip.ready{border-color:#297a63;color:#83ddb9}.end-panel{border-color:#7e6948;background:linear-gradient(140deg,#273a37,#182b32)}.end-panel h3{color:var(--accent);margin:0 0 9px}.end-panel p{font-size:14px;line-height:1.7;color:#c4d5cd;margin:0}.game-log{height:184px;overflow:auto;padding-right:4px}.log-item{font-size:12px;color:#a8bfb8;border-bottom:1px solid #25414a;padding:10px 0;line-height:1.5}.log-item:first-child{color:#e1c38c}.log-item small{font-size:10px;color:#667f83;float:right}.rules-brief{border-top:1px solid #2a4650;margin-top:14px;padding-top:14px}.rules-title{font-size:13px;font-weight:700}.rules-brief p{color:#8fabaa;font-size:12px;line-height:1.8;margin:9px 0}.rules-link{background:transparent;border:0;color:#e4bd82;padding:0;font-size:12px;font-weight:600}.modal-cover{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px;backdrop-filter:blur(3px)}.modal-card{border:1px solid #426071;border-radius:16px;max-width:440px;width:100%;background:#172c39;box-shadow:0 30px 70px #0009;padding:22px}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-top h3{margin:0;font-size:18px}.modal-x{background:none;color:#d0d6cf;font-size:24px;border:0}.modal-detail{font-size:13px;color:#bad0c7;line-height:1.9}.modal-targets{display:grid;gap:9px}.modal-target{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:10px;border:1px solid #426370;background:#223c47;color:white;text-align:left;padding:12px}.modal-target:hover{border-color:var(--accent)}.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translateX(-50%);background:#e9c994;color:#20342e;padding:12px 20px;border-radius:10px;font-size:13px;box-shadow:0 12px 24px #0006;max-width:calc(100vw - 30px);text-align:center}.toast.error{background:#f5afa7;color:#361d21}
@media(max-width:850px){.decor-cards{transform:scale(.65) rotate(-8deg);right:-20px;top:105px;opacity:.3}.home-view{padding-top:75px}.below-grid{grid-template-columns:1fr}.game-log{height:135px}.felt-table{height:350px}}
@media(max-width:540px){.topbar{height:68px;padding:0 16px}.shell{padding:0 12px}.brand{font-size:18px}.label-pill{display:none}.home-view{padding:62px 0 70px}.home-view h1{font-size:53px}.hero-desc{font-size:14px}.entrance-panel{padding:17px}.decor-cards{display:none}.feature-strip{gap:13px}.room-view{padding-top:21px}.room-head{align-items:flex-start;flex-direction:column;gap:13px}.room-head h2{font-size:22px}.room-sub{font-size:12px}.stats-row{gap:6px}.stat{padding:9px 7px;text-align:center}.stat span{font-size:10px}.stat b{font-size:18px}.table-wrap{padding:5px;border-radius:18px}.felt-table{height:360px;border-width:8px;border-radius:125px}.seat{min-width:82px;max-width:93px;padding:7px 4px}.seat-avatar{width:26px;height:26px;margin:-19px auto 3px}.seat-name{font-size:10px}.seat-pts{font-size:10px}.seat-sub{font-size:9px}.seat[data-seat="0"]{left:50%;top:87%}.seat[data-seat="1"]{left:14%;top:69%}.seat[data-seat="2"]{left:18%;top:22%}.seat[data-seat="3"]{left:50%;top:13%}.seat[data-seat="4"]{left:82%;top:22%}.seat[data-seat="5"]{left:86%;top:69%}.felt-decoration{top:55px;font-size:16px}.felt-decoration span{font-size:12px}.table-mid{top:51%}.pot-big{font-size:28px}.table-hint{font-size:10px;max-width:150px}.hand-panel,.action-panel,.right-panel,.end-panel{padding:15px}.playing-card{width:72px;height:106px}.card-center{font-size:36px}.action-buttons .btn{flex-basis:120px;padding:0 9px;font-size:13px}.footer{font-size:10px}.room-head-actions{width:100%}.room-head-actions button:first-child{flex:1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* V2 scoreboard, 10-seat layout, and mobile ledger */
.mini-helper{font-size:12px;color:#96b3ae;line-height:1.5;margin:7px 0 14px}
.scoreboard{display:grid;gap:0;margin-bottom:20px}
.score-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px;align-items:center;gap:8px;border-bottom:1px solid #29414b;padding:9px 3px;font-size:12px}
.score-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.score-row small{color:#91aca6;text-align:right}
.score-row b{text-align:right;font-variant-numeric:tabular-nums}
.positive{color:#7fe5b5}.negative{color:#fa948e}
.ledger-list{max-height:55vh;overflow-y:auto}
.ledger-round{border-bottom:1px solid #38535b;padding:12px 0}
.ledger-round>b{font-size:13px}.ledger-round>small{display:block;font-size:10px;color:#8aa9a5;margin-bottom:6px}
.ledger-entry{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#c1d6cf;padding:5px 0}
.ledger-entry span:last-child{text-align:right}
.felt-table.many-seats{height:420px}
.many-seats .seat{min-width:85px;max-width:105px;padding:7px 4px}
.many-seats .seat-avatar{margin:-22px auto 4px}
@media(max-width:540px){
 .felt-table.many-seats{height:385px;border-width:6px;border-radius:105px}
 .many-seats .seat{min-width:0;width:19%;max-width:70px;padding:5px 2px}
 .many-seats .seat-name{font-size:9px}.many-seats .seat-pts,.many-seats .seat-sub{font-size:8px}
 .many-seats .seat-avatar{width:21px;height:21px;margin:-17px auto 1px;font-size:11px}
 .many-seats .table-mid{top:50%}.many-seats .felt-decoration{top:45%}
 .room-head-actions{flex-wrap:wrap}
 .room-head-actions button{font-size:12px}
 .score-row{grid-template-columns:minmax(0,1fr) 75px 65px}
 .ledger-entry{font-size:10px}
}