:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#e8f0eb;background:#101b1b;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.topbar{height:72px;background:#122524;border-bottom:1px solid #31504b;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#e3b96c;color:#17332e;font-size:26px;border-radius:5px}.brand strong{display:block;font-size:19px}.brand small{display:block;color:#99b2aa;font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:18px}.connection{font-size:12px;color:#91c1ad}.connection:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#70b895;margin-right:7px}.text-button{border:1px solid #567469;background:transparent;color:#e8f0eb;padding:9px 13px;border-radius:5px;font-size:12px}.workspace{display:grid;grid-template-columns:246px minmax(0,1fr) 244px;min-height:calc(100vh - 72px)}.sidebar{background:#152423;padding:25px 20px;border-color:#2b4540}.left-sidebar{border-right:1px solid #2b4540}.right-sidebar{border-left:1px solid #2b4540}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:17px;color:#e2e9e4;font-size:13px;font-weight:700}.section-heading small{color:#829f95;font-size:10px;font-weight:500}.divider{border-top:1px solid #2c423e;margin:24px 0}.room-code{font-size:29px;font-weight:800;color:#f0c881;font-variant-numeric:tabular-nums}.room-caption,.muted{color:#93aaa2;font-size:12px;line-height:1.55}.room-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.small-button,.secondary-button,.primary-button,.danger-button{border:0;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:700}.small-button,.secondary-button{background:#2b4740;color:#e9f3ec}.primary-button{background:#e7bd73;color:#182a27}.danger-button{background:#8c4545;color:white}.room-input{width:100%;padding:10px 11px;background:#0e1b1a;border:1px solid #52675e;color:#fff;border-radius:5px;text-transform:uppercase;margin-top:8px}.seat-list{display:grid;gap:8px}.seat-row{display:flex;align-items:center;gap:9px;min-height:45px;padding:7px 9px;background:#1c302d;border:1px solid #2e4941;border-radius:5px}.seat-index{color:#e6c07f;font-size:11px;width:20px}.seat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.seat-tag{font-size:10px;color:#82b69f}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:9px 0;border-top:1px solid #314943}.stat-label{display:block;color:#94aba2;font-size:11px}.stat-value{display:block;font-size:18px;font-weight:700;margin-top:5px;color:#e9efeb}.table-area{min-width:0;background:#101d1c;padding:27px 28px 30px}.table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:102px}.eyebrow{font-size:10px;color:#bda36d;font-weight:800}.table-header h1{font-size:26px;margin:5px 0 4px;line-height:1.25}.table-header p{font-size:12px;color:#9cb3aa;margin:0;line-height:1.5}.turn-badge{flex:none;border:1px solid #587564;color:#d4e8d8;background:#1d342d;border-radius:5px;padding:8px 11px;font-size:11px}.felt-wrap{padding:3px 0}.felt{position:relative;min-height:315px;border:8px solid #213f37;background:radial-gradient(ellipse at center,#1f5841,#174735 67%,#123d30);border-radius:150px;box-shadow:inset 0 0 0 2px #50735b,0 14px 35px #081211;overflow:hidden}.table-players{position:absolute;inset:0;pointer-events:none}.table-player{position:absolute;width:116px;min-height:48px;background:#102b28;border:1px solid #6a8e6d;border-radius:5px;display:flex;align-items:center;gap:7px;padding:6px 8px;font-size:11px;box-shadow:0 4px 10px #0b201b9e}.table-player .avatar{width:26px;height:26px;background:#e4bd79;color:#163329;display:grid;place-items:center;border-radius:50%;flex:none;font-weight:800}.table-player span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-player.top{top:11px;left:50%;transform:translateX(-50%)}.table-player.right{right:18px;top:50%;transform:translateY(-50%)}.table-player.bottom{bottom:11px;left:50%;transform:translateX(-50%)}.table-player.left{left:18px;top:50%;transform:translateY(-50%)}.table-player.active{border-color:#f0c784;box-shadow:0 0 0 2px #eec17755}.table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:min(50%,360px)}.table-symbol{font-size:19px;color:#b9d1b5;opacity:.7;white-space:nowrap}.table-symbol span{color:#f0b58c}.trick-area{display:flex;justify-content:center;gap:7px;align-items:center;min-height:92px;flex-wrap:wrap}.empty-trick,.trick-info{font-size:11px;color:#b5cdbb}.played-card{background:#f5f1e5;border-radius:4px;color:#26342e;width:52px;height:68px;padding:6px 4px;box-shadow:0 4px 8px #0821177d;font-size:11px;font-weight:800;display:flex;flex-direction:column;justify-content:space-between}.played-card.red{color:#b94c4c}.played-card small{font-size:9px;color:#6e7d74}.action-panel{min-height:106px;padding:17px 0;border-bottom:1px solid #2d4942;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-copy{color:#c8d8d0;font-size:12px;line-height:1.6}.action-title{font-size:14px;font-weight:800;color:#f4f4ec;min-width:100%;margin:0 0 1px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.choice-button{border:1px solid #638073;background:#1b3830;color:#edf3e8;border-radius:5px;padding:10px 13px;font-weight:700;font-size:12px}.choice-button:hover,.small-button:hover,.secondary-button:hover{background:#375d4d}.choice-button:disabled{background:#1b3830}.hand-section{padding-top:19px}.hand-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.hand-heading h2{font-size:17px;margin:5px 0 0}.hand-heading h2 span{font-size:12px;color:#a9c3b3;font-weight:500}.selection-count{font-size:11px;color:#e8bd79}.hand{display:flex;flex-wrap:wrap;gap:7px;min-height:122px;align-content:start}.card{width:58px;height:84px;border-radius:5px;border:2px solid #e4e3d9;background:#f8f5ea;color:#23342e;box-shadow:0 3px 6px #06100e66;padding:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;font-weight:800;line-height:1}.card.red{color:#b94245}.card .suit{font-size:25px;text-align:center}.card .card-bottom{text-align:right;transform:rotate(180deg);font-size:11px}.card.selected{transform:translateY(-9px);border-color:#ebbe6c;box-shadow:0 0 0 2px #e8ba6977,0 7px 9px #06100e88}.card.trump{box-shadow:inset 0 0 0 2px #d6ad60,0 3px 6px #06100e66}.card.point:after{content:"•";position:absolute;transform:translate(40px,-2px);color:#d1a358}.leaderboard{display:grid;gap:1px}.leader-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;min-height:39px;border-bottom:1px solid #2b423b;font-size:12px}.leader-row .rank{color:#d5ae70}.leader-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row .points{font-weight:800;color:#dfeddf;font-variant-numeric:tabular-nums}.history{display:grid;gap:9px}.history-row{display:flex;justify-content:space-between;color:#b8cfc2;font-size:11px;border-bottom:1px solid #2b423b;padding-bottom:9px}.history-row strong{color:#e6c17c}.audit{display:grid;gap:7px;font-size:11px;color:#91aaa0}.audit code{overflow-wrap:anywhere;color:#d6e2d9;background:#0d1c1a;padding:9px;border:1px solid #345046;border-radius:4px;line-height:1.5}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,15px);background:#eac47e;color:#243129;border-radius:5px;padding:10px 15px;box-shadow:0 6px 20px #0008;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:3;max-width:calc(100vw - 24px)}.toast.show{opacity:1;transform:translate(-50%,0)}.account-dialog{width:min(420px,calc(100vw - 30px));border:1px solid #527266;border-radius:7px;background:#172b27;color:#eef2e9;padding:20px;box-shadow:0 20px 60px #000b}.account-dialog::backdrop{background:#061410ca}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:19px;margin:0}.icon-button{border:0;background:transparent;color:#dce7dd;font-size:25px}.auth-tabs{display:flex;border-bottom:1px solid #416056;margin:16px 0}.auth-tabs button{flex:1;border:0;background:none;color:#93aaa1;padding:10px}.auth-tabs button.active{color:#f3ca84;border-bottom:2px solid #f3ca84}.auth-form{display:grid;gap:12px}.auth-form.hidden{display:none}.auth-form label{display:grid;gap:5px;font-size:12px;color:#deebe1}.auth-form label small{display:inline;color:#8eab9e;margin-left:3px}.auth-form input{width:100%;padding:10px;border-radius:4px;border:1px solid #547066;background:#0d201d;color:white;outline:none}.auth-form input:focus,.room-input:focus{border-color:#e8bd79}.auth-form .primary-button{margin-top:5px}
.card{position:relative}
@media(max-width:1120px){.workspace{grid-template-columns:200px minmax(0,1fr)}.right-sidebar{grid-column:1/-1;border-left:0;border-top:1px solid #2b4540;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.right-sidebar .divider{display:none}.right-sidebar .section-heading:nth-of-type(2),.right-sidebar .section-heading:nth-of-type(3){grid-row:1}.right-sidebar .history,.right-sidebar .audit{grid-row:2}.table-area{padding:24px}}
@media(max-width:700px){.topbar{height:62px;padding:0 13px}.brand strong{font-size:15px}.brand small{font-size:9px}.brand-mark{width:32px;height:32px}.top-actions{gap:7px}.connection{display:none}.text-button{padding:7px;font-size:11px}.workspace{display:block}.left-sidebar{border-right:0;border-bottom:1px solid #2b4540;padding:14px}.left-sidebar .divider,.left-sidebar .stats,.left-sidebar .section-heading:nth-of-type(2),.left-sidebar .section-heading:nth-of-type(3),.left-sidebar .seat-list{display:none}.left-sidebar .section-heading{margin-bottom:5px}.room-actions{margin-top:8px}.table-area{padding:18px 13px}.table-header{min-height:104px}.table-header h1{font-size:21px}.table-header p{font-size:11px}.turn-badge{padding:6px;font-size:10px}.felt{min-height:270px;border-width:6px;border-radius:95px}.table-player{width:82px;min-height:37px;padding:4px;font-size:9px}.table-player .avatar{width:20px;height:20px;font-size:9px}.table-player.left{left:5px}.table-player.right{right:5px}.table-center{width:48%}.trick-area{min-height:92px;gap:2px}.played-card{width:32px;height:51px;padding:3px;font-size:9px}.played-card small{font-size:8px}.card{width:48px;height:72px}.card .suit{font-size:20px}.right-sidebar{display:block;padding:20px}.right-sidebar .divider,.right-sidebar .section-heading:nth-of-type(n+2),.right-sidebar .history,.right-sidebar .audit{display:none}}