.lobby-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px}.lobby-title{font-size:clamp(2.2rem,8vw,3.5rem);color:#fff;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.lobby-content{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 8px 32px #0003}.name-input-section,.room-code-section{margin-bottom:1rem}.name-input-section label,.room-code-section label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem}.name-input-section input,.room-code-section input{width:100%;padding:.75rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .2s}.name-input-section input:focus,.room-code-section input:focus{outline:none;border-color:#667eea}.room-code-section input{text-align:center;font-family:monospace;font-size:1.2rem;letter-spacing:.2em}.lobby-button{width:100%;padding:.875rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:#667eea;color:#fff}.lobby-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:1rem}.lobby-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.lobby-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e0e0e0}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;padding:0 1rem;color:#999;font-size:.9rem}.error-message{margin-top:1rem;padding:.75rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;text-align:center}@media(max-width:480px){.lobby-container{padding:12px}.lobby-content{padding:1.25rem}.lobby-title{margin-bottom:1rem}.lobby-button{padding:.75rem;font-size:.95rem}.name-input-section input,.room-code-section input{padding:.65rem;font-size:.95rem}}.room-lobby-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px}.room-lobby-card{background:#fff;border-radius:12px;padding:1rem;width:100%;max-width:680px;box-shadow:0 8px 32px #0003}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.room-code-display{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:.4rem .8rem;cursor:pointer;transition:transform .2s}.room-code-display:hover{transform:scale(1.02)}.room-code-label{color:#ffffffd9;font-size:.8rem}.room-code-value{color:#fff;font-size:1.3rem;font-weight:700;font-family:monospace;letter-spacing:.15em}.room-code-hint{color:#ffffffbf;font-size:.75rem}.connection-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#888}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.connected{background:#4caf50;box-shadow:0 0 6px #4caf5099}.status-dot.disconnected{background:#f44336;box-shadow:0 0 6px #f4433699}.lobby-body{display:flex;gap:1rem}.lobby-left,.lobby-right{flex:1;min-width:0}.players-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.4rem}.player-slot{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;border-radius:6px;border:1.5px solid #e0e0e0;font-size:.85rem}.player-slot.filled{background:#f5f5f5;border-color:#667eea}.player-slot.empty{background:#fff;border-style:dashed}.player-slot.ai-player{background:#e8f5e9;border-color:#4caf50}.ai-autofill-hint{text-align:center;font-size:.8rem;color:#4caf50;margin-bottom:.5rem;padding:.3rem;background:#e8f5e9;border-radius:4px}.player-info{display:flex;align-items:center;gap:.5rem;flex:1}.player-name{font-weight:600;color:#333}.player-slot.empty .player-name{color:#999;font-weight:400;font-style:italic}.ready-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-weight:700;font-size:.8rem}.ready-indicator.ready{background:#4caf50;color:#fff}.ready-indicator.not-ready{background:#e0e0e0;color:#999}.disconnected-label{font-size:.75rem;color:#f44336;font-weight:600}.ready-button{width:100%;padding:.6rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:#667eea;color:#fff;margin-bottom:.5rem}.ready-button.ready{background:#4caf50}.ready-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #667eea66}.ready-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.status-message{text-align:center;color:#666;font-size:.85rem;padding:.4rem;background:#f5f5f5;border-radius:4px}.config-panel{background:#f9f9f9;border-radius:6px;padding:.75rem 1rem;border:1px solid #e0e0e0}.config-title{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.6rem}.config-section{margin-bottom:.6rem}.config-section:last-child{margin-bottom:0}.config-label{display:block;font-size:.8rem;color:#555;margin-bottom:.3rem;font-weight:500}.config-label input[type=checkbox]{margin-right:.4rem}.config-buttons{display:flex;gap:.4rem}.config-button{flex:1;padding:.35rem .5rem;font-size:.85rem;border:1.5px solid #e0e0e0;border-radius:5px;background:#fff;color:#666;cursor:pointer;transition:all .2s}.config-button:hover:not(:disabled){border-color:#667eea;color:#667eea}.config-button.active{background:#667eea;border-color:#667eea;color:#fff}.config-button:disabled{opacity:.5;cursor:not-allowed}.config-stepper{display:flex;align-items:center;gap:.75rem}.stepper-button{width:30px;height:30px;border:1.5px solid #e0e0e0;border-radius:5px;background:#fff;color:#667eea;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.stepper-button:hover:not(:disabled){border-color:#667eea;background:#f0f0ff}.stepper-button:disabled{opacity:.3;cursor:not-allowed}.stepper-value{font-size:1.1rem;font-weight:600;color:#333;min-width:30px;text-align:center}.config-readonly-hint{margin-top:.5rem;font-size:.8rem;color:#999;text-align:center;font-style:italic}@media(max-width:768px)and (orientation:portrait){.room-lobby-card{padding:.85rem}.lobby-body{flex-direction:column;gap:.75rem}.lobby-header{flex-direction:column;gap:.5rem;align-items:stretch}.room-code-display{justify-content:center;flex-wrap:wrap}.connection-status{justify-content:center}.room-code-value{font-size:1.1rem}.players-list{gap:.3rem}.player-slot{padding:.35rem .5rem;font-size:.8rem}.ready-button{padding:.5rem;font-size:.95rem}.config-panel{padding:.6rem .8rem}.config-title{font-size:.85rem}.config-section{margin-bottom:.5rem}.config-label{font-size:.75rem}.config-button{font-size:.8rem;padding:.3rem .4rem}}@media(max-width:480px){.room-lobby-container{padding:8px}.room-lobby-card{padding:.75rem}.room-code-display{padding:.3rem .6rem;gap:.4rem}.room-code-value{font-size:1rem}.room-code-hint{font-size:.7rem}.player-slot{padding:.3rem .45rem;font-size:.78rem}.player-name{font-size:.85rem}.ready-indicator{width:18px;height:18px;font-size:.75rem}.ready-button{padding:.45rem;font-size:.9rem}.status-message{font-size:.8rem;padding:.35rem}}.action-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:#505050a6;border-radius:10px;box-shadow:0 4px 20px #0000004d;transition:opacity .4s ease,transform .4s ease;min-width:160px}.action-banner-visible{opacity:1;transform:scale(1);animation:banner-pop .35s cubic-bezier(.34,1.56,.64,1)}.action-banner-hidden{opacity:0;transform:scale(.9)}@keyframes banner-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.action-banner-player{font-weight:700;font-size:1.1rem;white-space:nowrap}.action-banner-text{color:#fff;font-size:1.1rem;font-weight:600;white-space:nowrap}@media(max-width:768px){.action-banner{padding:6px 14px;gap:6px;min-width:120px}.action-banner-player,.action-banner-text{font-size:.85rem}}.finished-screen{width:100%;display:flex;justify-content:center;padding:16px 0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.finished-content{background:#fff;border-radius:16px;padding:24px 32px;max-width:400px;width:100%;box-shadow:0 4px 16px #00000026;text-align:center}.winner-announcement{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #eee}.winner-player{font-size:28px;font-weight:700;margin-bottom:4px}.winner-text{font-size:20px;font-weight:600;color:#333}.score-breakdown{margin-bottom:16px}.score-header{font-size:20px;font-weight:600;margin-bottom:16px;color:#555}.score-table{display:flex;flex-direction:column;gap:12px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9f9f9;border-radius:8px}.score-player{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500}.player-dot{width:14px;height:14px;border-radius:50%}.score-value{font-size:24px;font-weight:700;font-family:Courier New,monospace}.score-positive{color:#2ecc71}.score-negative{color:#e74c3c}.restart-button{min-height:56px;padding:16px 48px;font-size:20px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea66;width:100%}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.restart-button:active{transform:translateY(0)}.collapse-button{min-height:44px;padding:10px 48px;font-size:16px;font-weight:500;background:transparent;color:#888;border:1px solid #ddd;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;margin-top:8px}.collapse-button:hover{background:#f5f5f5;color:#555}@media(max-width:768px){.finished-content{padding:16px}.winner-player{font-size:22px}.winner-text{font-size:16px}.score-player{font-size:14px}.score-value{font-size:18px}.restart-button{min-height:44px;padding:10px 24px;font-size:16px}}.gb2-container{--gb2-text: #2c2419;--gb2-muted: #7b6d5b;--gb2-primary: #2f6d58;--gb2-primary-2: #245745;--gb2-warn: #ab3c2f;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#1a2e1f;color:var(--gb2-text);font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.gb2-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#8eb89a}.gb2-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#1e3325}.gb2-table{flex:1;min-height:0;display:flex;flex-direction:column}.gb2-table-felt{flex:1;min-height:0;margin:6px 8px;border-radius:20px;border:5px solid #3a2a18;background:radial-gradient(ellipse at 50% 50%,rgba(80,160,100,.2),transparent 65%),radial-gradient(circle at 20% 30%,rgba(60,140,80,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(60,140,80,.08),transparent 40%),linear-gradient(170deg,#2c7a4a,#278045,#24753f,#2b8248 45%,#267a42 55%,#22723c,#2a7f47,#257740);box-shadow:inset 0 0 80px #00000026,inset 0 0 20px #00000014,0 4px 20px #00000080;display:flex;flex-direction:column;padding:12px 16px;overflow:hidden;box-sizing:border-box}.gb2-seat-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(150px,1fr) minmax(260px,1.5fr) minmax(150px,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"seat-top seat-top seat-top" "seat-left center seat-right" "seat-left seat-self seat-right";gap:14px 18px}.gb2-seat-zone{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;min-height:140px;width:100%}.gb2-seat-zone.seat-top{grid-area:seat-top;align-items:center;justify-content:flex-start}.gb2-seat-zone.seat-left{grid-area:seat-left;align-items:flex-start;justify-content:flex-start;padding-top:8px}.gb2-seat-zone.seat-right{grid-area:seat-right;align-items:flex-end;justify-content:flex-start;padding-top:8px}.gb2-seat-zone.seat-self{grid-area:seat-self;align-items:center;justify-content:flex-end}.gb2-center-well{grid-area:center;align-self:start;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 18px;margin-top:-10px}.gb2-status-stack{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.gb2-status-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.gb2-status-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#ffffff1a;color:#fdf1d2;font-weight:700;font-size:.85rem;letter-spacing:.05em;box-shadow:0 3px 10px #00000040}.gb2-status-chip.is-active{background:linear-gradient(180deg,#d8a13b,#b47821);color:#fff;box-shadow:0 4px 12px #b5782166}.gb2-center-cards{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;min-height:0;margin-top:6px}.gb2-deck-ring{width:90px;height:90px;border-radius:50%;border:4px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#ffffff26,#0000001a);box-shadow:inset 0 0 14px #00000059,0 6px 20px #00000059;text-align:center;margin-top:-15px}.gb2-ring-count{font-size:2rem;font-weight:900;color:#ffd862;line-height:1}.gb2-ring-label{font-size:.75rem;color:#fffc;letter-spacing:.2em}.gb2-opp-badge{display:flex;align-items:center;gap:6px;padding:2px;border-radius:10px;transition:box-shadow .2s;flex-shrink:0}.gb2-opp-badge.is-current .gb2-opp-avatar{box-shadow:0 0 0 3px #ffd70099,0 2px 8px #0000004d}.gb2-opp-badge.pos-left,.gb2-opp-badge.pos-right,.gb2-opp-badge.pos-top{flex-direction:column;align-items:center;text-align:center;gap:6px}.gb2-opp-avatar-block{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.gb2-opp-avatar-block .gb2-opp-huxi{margin-top:2px}.gb2-opp-info-col{display:flex;flex-direction:column;gap:2px;flex-shrink:0;align-items:center;text-align:center}.gb2-opp-badge.pos-top .gb2-opp-info-col{align-items:center}.gb2-opp-avatar{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 4px 12px #00000059;border:3px solid rgba(255,255,255,.2);line-height:1.1;text-align:center;flex-shrink:0;padding:4px;white-space:normal;word-break:break-all}.gb2-opp-name{display:block;font-size:.78rem;font-weight:700;color:#fef5dc;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.4);max-width:90px}.gb2-opp-badge.pos-top .gb2-opp-name{text-align:left}.gb2-opp-badge.pos-left .gb2-opp-name,.gb2-opp-badge.pos-right .gb2-opp-name{text-align:center}.gb2-opp-huxi{font-size:.72rem;color:#f0ebdcd9;font-weight:700;background:#00000059;border:1px solid rgba(255,255,255,.15);padding:2px 12px;border-radius:999px}.gb2-opp-avatar-block .gb2-opp-huxi{margin-top:4px}.gb2-opp-info-col .gb2-opp-huxi{margin-top:2px}.gb2-opp-huxi.is-current{color:#ffe48c;border-color:#ffe48c80;background:#ffe48c1f}.gb2-opp-status-text{font-size:.65rem;color:#dcf0e180}.gb2-opp-status-text.is-active{color:gold;font-weight:700}.gb2-opp-section{display:flex;flex-direction:column;gap:3px;min-width:0}.gb2-opp-exposed,.gb2-opp-discards{width:100%}.gb2-section-label{font-size:.58rem;color:#dcf0e166;font-weight:600;letter-spacing:.5px}.gb2-seat-top-layout{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;justify-content:center;width:100%}.gb2-seat-top-discards,.gb2-seat-top-exposed{flex:1 1 0}.gb2-seat-top-discards{min-width:0;overflow:hidden;display:flex;justify-content:flex-end}.gb2-seat-top-exposed{min-width:0;overflow:visible;display:flex;gap:40px;justify-content:flex-start;align-items:flex-start}.gb2-seat-top-discards .gb2-discard-text{display:grid;grid-template-columns:repeat(7,minmax(38px,auto));gap:1px;direction:rtl;padding-right:40px}.gb2-seat-top-discards .gb2-discard-text>*{direction:ltr}.gb2-seat-top-discards .gb2-opp-section,.gb2-seat-top-discards .gb2-opp-discards{width:auto}.gb2-seat-top-exposed .gb2-opp-exposed{align-items:flex-start;width:auto}.gb2-seat-top-exposed .gb2-opp-section{width:auto}.gb2-seat-top-exposed .gb2-exposed-stacks{min-width:0}.gb2-seat-top-badge{display:flex;justify-content:center;flex:0 0 auto;padding:0 32px}.gb2-seat-side-container{display:flex;align-items:flex-start;gap:0;width:100%;margin-top:8px}.gb2-seat-side-container.left{flex-direction:row}.gb2-seat-side-container.right{flex-direction:row;justify-content:flex-end}.gb2-seat-side-avatar-col{display:flex;flex-direction:column;align-items:center;gap:10px}.gb2-seat-side-discards{display:flex;justify-content:center}.gb2-seat-side-discards .gb2-discard-text{display:grid;grid-template-columns:repeat(7,minmax(38px,auto));gap:1px;min-width:294px}.gb2-seat-side-container.left .gb2-seat-side-discards,.gb2-seat-side-container.right .gb2-seat-side-discards{width:100%}.gb2-seat-side-container.right .gb2-seat-side-discards .gb2-discard-text{direction:rtl}.gb2-seat-side-container.right .gb2-seat-side-discards .gb2-discard-text>*{direction:ltr}.gb2-seat-side-exposed{display:flex;align-items:flex-start;gap:6px;max-width:none;flex-wrap:nowrap;overflow:visible;justify-content:center}.gb2-exposed-stacks{display:flex;gap:5px;flex-wrap:wrap}.gb2-seat-side-exposed .gb2-exposed-stacks{flex-wrap:nowrap;overflow:visible}.gb2-seat-side-container.left .gb2-seat-side-exposed{justify-content:flex-start}.gb2-seat-side-container.right .gb2-seat-side-exposed{justify-content:flex-end}.gb2-card-stack{display:flex;flex-direction:column;gap:0;background:transparent;border-radius:6px;padding:0;align-items:flex-start;justify-content:flex-start}.gb2-self-exposed-on-table .gb2-card-stack{justify-content:flex-end}.gb2-mini-card{box-sizing:border-box;background:#f8f3e8;border:1px solid #b8a080;border-radius:4px;padding:0;font-size:1.25rem;font-weight:900;color:#3a2a18;text-align:center;width:44px;height:56px;line-height:1.05;display:flex;align-items:center;justify-content:center;margin:0 2px;box-shadow:0 2px 4px #00000040,inset 0 1px #fff9}.gb2-card-stack .gb2-mini-card:not(:first-child){margin-top:-8px}.gb2-mini-card.is-big{color:#23160d}.gb2-mini-card.is-special{color:#c0392b}.gb2-mini-card.gb2-mini-card-hidden{background:linear-gradient(135deg,#4a6741,#3a5431,#4a6741);color:#ffffff40;border-color:#2e4228;font-size:1rem;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a}.gb2-discard-text{display:flex;flex-wrap:wrap;gap:1px}.gb2-discard-card{margin:0;min-height:44px}.gb2-discard-empty-placeholder{grid-column:1 / -1}.gb2-zone-empty{font-size:.62rem;color:#dcf0e14d;font-style:italic}.gb2-last-discard{min-width:80px;text-align:center;font-weight:800;font-size:1.3rem;color:#3a2a18;border-radius:8px;border:2px solid rgba(200,170,120,.6);background:#fffcf3f2;padding:10px 20px;box-shadow:0 4px 16px #00000040;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gb2-last-discard.is-big{color:#23160d}.gb2-last-discard.is-special{color:#c0392b}.gb2-active-card-presentation{display:flex;flex-direction:column;align-items:center;gap:8px;animation:gb2-pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.gb2-active-card-label{font-size:.85rem;font-weight:800;color:#fdf1d2;background:#b5832dd9;padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000004d}.gb2-last-discard.is-active{transform:scale(1.15);border-color:#d8a13b;box-shadow:0 0 0 3px #d8a13b99,0 8px 24px #0006;z-index:10}.gb2-active-card-label.is-drawn{background:#5cb85cd9}.gb2-last-discard.is-active.is-drawn{border-color:#5cb85c;box-shadow:0 0 0 3px #5cb85c99,0 8px 24px #0006}@keyframes gb2-pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.gb2-last-discard-empty{font-size:.85rem;color:#f0ebdc66;font-weight:500;border-color:#c8aa7833;background:#fffcf34d;box-shadow:none}.gb2-seat-zone.seat-self{grid-area:seat-self;align-items:center;justify-content:flex-start}.gb2-self-anchor{position:relative;width:100%;max-width:1080px;display:flex;flex-direction:column;gap:16px;margin:0 auto;padding-bottom:12px}.gb2-actions-above{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;justify-content:center;padding:4px 0;height:64px;min-height:64px;flex:none;overflow-x:auto}.gb2-actions-above::-webkit-scrollbar{height:0}.gb2-action-btn{border:none;border-radius:999px;padding:8px 18px;font-size:.92rem;font-weight:800;cursor:pointer;background:#ffffff1f;color:#fdf1d2;box-shadow:0 3px 10px #00000059,inset 0 0 0 1px #ffffff14;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;letter-spacing:.5px}.gb2-action-btn:hover:not(:disabled){transform:translateY(-2px)}.gb2-action-btn:disabled{opacity:.45;cursor:not-allowed}.gb2-action-primary{background:linear-gradient(180deg,#c8973e,#b5832d);color:#fff;box-shadow:0 3px 12px #b5832d73;min-width:80px}.gb2-action-hu{background:linear-gradient(180deg,#d4523a,#ab3c2f);color:#fff;box-shadow:0 3px 12px #ab3c2f73;min-width:52px;font-size:1.1rem}.gb2-action-hu.gb2-action-hu-disabled{background:linear-gradient(180deg,#888,#666);color:#ffffff80;box-shadow:none;opacity:.6}.gb2-action-opt{background:#5c9972d9;border:1px solid rgba(190,235,209,.55);color:#f6fff8}.gb2-action-opt:hover:not(:disabled){background:#69b988f2}.gb2-action-pass{background:#64696ee6;border:1px solid rgba(140,145,150,.5);color:#c8ccc9;min-width:52px}.gb2-action-hint{font-size:.8rem;color:#5a8a68}.gb2-self-layout{display:flex;align-items:flex-end;justify-content:center;gap:32px;width:100%}.gb2-self-left-stack{position:fixed;left:126px;bottom:clamp(16px,4vh,32px);display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-end;width:clamp(220px,32vw,420px);max-width:calc(100vw - 150px);z-index:155}.gb2-self-exposed-on-table{min-height:72px;width:100%}.gb2-hand-grid{display:grid;row-gap:0;column-gap:4px;justify-content:center;padding:6px 0 10px}.gb2-hand-cell{min-width:44px;min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:5px;margin-top:-5px}.gb2-hand-cell:nth-child(1),.gb2-hand-cell:nth-child(3n+1){margin-top:0}.gb2-hand-cell-empty{background:transparent;border:1.5px solid transparent;cursor:default;transition:background .15s ease,border-color .15s ease}.gb2-hand-cell-empty.is-drag-over{background:#d8a13b26;border-color:#d8a13b99}.gb2-hand-card{background:#f8f3e8;border:1.5px solid #b8a080;border-radius:5px;padding:10px 12px;font-size:1.5rem;font-weight:900;color:#3a2a18;text-align:center;min-width:44px;min-height:56px;line-height:1.05;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 2px 4px #00000040,inset 0 1px #fff9;-webkit-user-select:none;user-select:none}.gb2-hand-card.is-big{color:#23160d}.gb2-hand-card.is-special{color:#c0392b}.gb2-hand-card.is-discardable:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000059,inset 0 1px #fff9;border-color:#d8a13b;z-index:10}.gb2-hand-card.is-selected{transform:translateY(-8px);border-color:#d8a13b;box-shadow:0 0 0 2px #d8a13b99,0 6px 18px #0006;z-index:20}.gb2-hand-card.is-drawn{border-color:#5cb85c;box-shadow:0 0 8px #5cb85c80,0 2px 4px #00000040;animation:gb2-drawn-pulse 1.5s infinite;z-index:15}@keyframes gb2-drawn-pulse{0%{transform:translateY(0);box-shadow:0 0 8px #5cb85c80,0 2px 4px #00000040}50%{transform:translateY(-3px);box-shadow:0 0 16px #5cb85ccc,0 4px 8px #0000004d}to{transform:translateY(0);box-shadow:0 0 8px #5cb85c80,0 2px 4px #00000040}}.gb2-hand-card.is-drag-source{opacity:.25;transform:scale(.85)}.gb2-hand-card.is-drag-over{border-color:#d8a13b;box-shadow:0 0 0 2px #d8a13b80,0 4px 12px #0000004d}.gb2-hand-bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:170;display:flex;flex-direction:column;align-items:center;width:min(620px,90vw);padding:0 8px;padding-bottom:env(safe-area-inset-bottom,6px);pointer-events:auto}.gb2-drag-ghost{position:fixed;z-index:9999;pointer-events:none;min-width:44px;min-height:56px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:5px;background:#f8f3e8;border:2px solid #d8a13b;font-size:1.5rem;font-weight:900;color:#3a2a18;box-shadow:0 12px 32px #00000080;opacity:.95;transform:scale(1.25);transition:transform .25s cubic-bezier(.175,.885,.32,1.2),opacity .25s ease,box-shadow .25s ease}.gb2-drag-ghost.gb2-drag-ghost-enter{transform:scale(1);opacity:.6;box-shadow:0 2px 8px #0003}.gb2-drag-ghost.is-discard-intent{border-color:#d4523a;background:#fdf5f3;color:#ab3c2f;box-shadow:0 0 0 3px #d4523a99,0 20px 48px #000000a6;transform:scale(1.6) translateY(-20px)}.gb2-self-discards-column{position:fixed;right:clamp(10px,2.5vw,22px);bottom:clamp(16px,4vh,32px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:min(480px,calc(100vw - 40px));z-index:160}.gb2-self-discards-column .gb2-discard-card{margin:0}.gb2-self-discards-column .gb2-discard-text{display:grid;grid-template-columns:repeat(7,minmax(42px,auto));gap:1px;justify-items:center;justify-content:flex-end}.gb2-self-hand-wrap{flex:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(620px,100%)}.gb2-self-floating{position:fixed;left:24px;bottom:24px;display:flex;flex-direction:column;gap:6px;align-items:center;z-index:150;pointer-events:none}.gb2-self-floating-huxi{font-size:.85rem;font-weight:700;color:#fdf1d2;background:#00000059;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 14px;letter-spacing:.08em}.gb2-self-floating-avatar{width:86px;height:86px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem;gap:4px;box-shadow:0 8px 20px #0006;border:3px solid rgba(255,255,255,.3)}.gb2-self-floating-initials{line-height:1}.gb2-self-floating-you{font-size:.8rem;color:#ffffffd9}.gb2-log-header{border-bottom:1px solid rgba(120,180,140,.15);padding:10px;font-size:.86rem;font-weight:700;color:#a0c8aa;flex-shrink:0}.gb2-log-content{padding:8px;overflow:auto;display:flex;flex-direction:column;gap:4px}.gb2-log-empty{color:#5a8a68;font-size:.8rem}.gb2-log-entry{border:1px solid rgba(120,180,140,.12);background:#ffffff08;border-radius:8px;padding:5px 6px;display:flex;align-items:center;gap:5px;font-size:.74rem;color:#a0c8aa}.gb2-player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gb2-log-name{font-weight:700;color:#c0dcc8;white-space:nowrap}.gb2-log-action{color:#7aaa88;min-width:0;overflow:hidden;text-overflow:ellipsis}.gb2-log-floating-btn{position:fixed;top:18px;right:24px;z-index:160;border:none;border-radius:999px;padding:8px 18px;font-size:.92rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(180deg,#c8973e,#b5832d);color:#fff;box-shadow:0 6px 18px #00000073;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gb2-log-floating-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000073}.gb2-log-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#08100ad9;display:flex;align-items:center;justify-content:center;padding:18px}.gb2-log-sheet{width:min(520px,90vw);max-height:90vh;border-radius:18px;border:1px solid rgba(120,180,140,.25);background:#152416;box-shadow:0 12px 34px #0000008c;display:flex;flex-direction:column;overflow:hidden}.gb2-log-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(120,180,140,.15);font-weight:700;font-size:1rem;color:#c5e0cc}.gb2-log-sheet-close{border:1px solid rgba(255,255,255,.2);background:#0006;color:#e0e4d8;border-radius:999px;padding:4px 12px;font-size:.82rem;cursor:pointer;transition:background .15s ease}.gb2-log-sheet-close:hover{background:#ffffff1a}.gb2-log-sheet .gb2-log-content{padding:12px 18px;flex:1}.gb2-wait-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;pointer-events:none}.gb2-wait-message{pointer-events:auto;background:#0f1e12f0;color:#e0f0e4;border:1px solid rgba(120,180,140,.25);border-radius:12px;padding:12px 22px;font-size:1rem;font-weight:700;box-shadow:0 8px 24px #0006}.gb2-finished-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0a140c8c;padding:16px}.gb2-finished-expand-btn{border:none;border-radius:999px;padding:8px 22px;font-size:.9rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea80;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}.gb2-finished-expand-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea99}.gb2-opp-hand-reveal{margin-top:4px}.gb2-seat-top-exposed .gb2-opp-hand-reveal{margin-top:0;margin-left:0}.gb2-opp-hand-stacks{display:flex;gap:5px;flex-wrap:nowrap;padding:3px 4px;background:#ffb43240;border:1.5px solid rgba(255,180,50,.5);border-radius:6px;max-width:none;overflow:visible}.gb2-seat-side-exposed-col{display:flex;flex-direction:column;gap:4px;align-items:flex-start}@keyframes gb2-breathing-glow{0%,to{box-shadow:0 0 0 3px #ffd7004d,0 0 12px #ffd70033,0 4px 12px #00000059}50%{box-shadow:0 0 0 5px #ffd70099,0 0 28px #ffd70073,0 4px 12px #00000059}}.gb2-opp-badge.is-current .gb2-opp-avatar,.gb2-self-floating-avatar.is-current{animation:gb2-breathing-glow 2s ease-in-out infinite}@keyframes gb2-dangdi-reveal{0%{transform:scale(.3) rotateY(90deg);opacity:0}50%{transform:scale(1.1) rotateY(0);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}.gb2-dangdi-presentation{display:flex;flex-direction:column;align-items:center;gap:8px;animation:gb2-dangdi-reveal .7s cubic-bezier(.175,.885,.32,1.275) forwards}.gb2-dangdi-label{font-size:.85rem;font-weight:800;color:#fdf1d2;background:linear-gradient(180deg,#d4a938e6,#b5832de6);padding:4px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;letter-spacing:.1em}.gb2-dangdi-waiting{display:flex;align-items:center;justify-content:center}@keyframes gb2-card-back-pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #00000040}50%{transform:scale(1.05);box-shadow:0 6px 24px #00000059}}.gb2-dangdi-card-back{width:60px;height:80px;background:linear-gradient(135deg,#2c5a45,#1a3d2e);border:2px solid rgba(255,215,0,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ffd70099;box-shadow:0 4px 16px #00000040;animation:gb2-card-back-pulse 1.5s ease-in-out infinite}.gb2-drawn-card-center{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;animation:gb2-pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards;transition:transform .15s ease}.gb2-drawn-card-center:hover{transform:scale(1.05)}.gb2-drawn-card-center:active{transform:scale(.95)}.gb2-drawn-card-badge{width:24px;height:24px;border-radius:50%;background:transparent;color:#e8a33a;font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #e8a33a;flex-shrink:0}.gb2-drawn-card-face{width:52px;min-height:130px;background:linear-gradient(180deg,#fffcf3,#fdf6e3);border:2.5px solid #d8a13b;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 4px;box-shadow:0 0 0 2px #ffeb9680,0 0 0 4px #d8a13b40,0 4px 14px #00000059;text-align:center;line-height:1}.gb2-drawn-card-top,.gb2-drawn-card-bottom{font-size:1.8rem;font-weight:900;color:#3a2a18;display:block}.gb2-drawn-card-bottom{transform:rotate(180deg)}.gb2-drawn-card-face.is-big .gb2-drawn-card-top,.gb2-drawn-card-face.is-big .gb2-drawn-card-bottom{color:#23160d}.gb2-drawn-card-face.is-special .gb2-drawn-card-top,.gb2-drawn-card-face.is-special .gb2-drawn-card-bottom{color:#c0392b}.gb2-dangdi-reveal{animation:gb2-dangdi-reveal .7s cubic-bezier(.175,.885,.32,1.275) forwards}.gb2-card-back-face{background:linear-gradient(135deg,#2c5a45,#1a3d2e)!important;border-color:#ffd70066!important}.gb2-card-back-face .gb2-drawn-card-top,.gb2-card-back-face .gb2-drawn-card-bottom{color:#ffd70080;font-size:2rem}.gb2-card-back-face .gb2-drawn-card-badge{color:#ffd70080;border-color:#ffd70066}.gb2-dangdi-waiting-card{animation:gb2-card-back-pulse 1.5s ease-in-out infinite;cursor:default}.gb2-dangdi-waiting-card:hover{transform:none}.gb2-discard-display{cursor:default}.gb2-discard-display:hover{transform:none}.gb2-badge-discard{color:#d4523a;border-color:#d4523a}.gb2-discard-player-label{font-size:.8rem;font-weight:700;color:#fdf1d2;background:#00000059;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:3px 14px;margin-top:6px;letter-spacing:.05em}.gb2-floating-discard-out{position:absolute;z-index:25;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.gb2-flyout-card{min-width:36px;min-height:48px;padding:6px 8px;border-radius:6px;background:#f8f3e8;border:2px solid #c9a84c;font-size:1.1rem;font-weight:900;color:#3a2a18;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.gb2-flyout-card.is-big{color:#23160d}.gb2-flyout-card.is-special{color:#c0392b}@keyframes gb2-fly-to-bottom{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,200px) scale(.5);opacity:0}}@keyframes gb2-fly-to-top{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-300px) scale(.5);opacity:0}}@keyframes gb2-fly-to-left{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-400px,-50%) scale(.5);opacity:0}}@keyframes gb2-fly-to-right{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(300px,-50%) scale(.5);opacity:0}}.gb2-floating-discard-out.to-bottom{animation:gb2-fly-to-bottom .8s ease-in forwards}.gb2-floating-discard-out.to-top{animation:gb2-fly-to-top .8s ease-in forwards}.gb2-floating-discard-out.to-left{animation:gb2-fly-to-left .8s ease-in forwards}.gb2-floating-discard-out.to-right{animation:gb2-fly-to-right .8s ease-in forwards}@media(max-width:1100px){.gb2-seat-grid{grid-template-columns:minmax(120px,.8fr) minmax(220px,1.4fr) minmax(120px,.8fr)}}@media(max-width:900px){.gb2-self-exposed-group{min-height:150px}.gb2-container{height:auto;min-height:100vh;min-height:100dvh}.gb2-table-felt{margin:4px;border-radius:14px;border-width:3px}.gb2-seat-grid{grid-template-columns:minmax(110px,.9fr) minmax(200px,1.2fr) minmax(110px,.9fr);gap:10px 12px}.gb2-opp-avatar{width:58px;height:58px;font-size:.88rem;border-radius:14px}.gb2-deck-ring{width:72px;height:72px}.gb2-self-hand-wrap .card{width:54px;height:84px}.gb2-self-hand-wrap .hand-compact{padding:4px 0 8px;grid-template-columns:repeat(5,minmax(46px,1fr));grid-auto-rows:minmax(74px,auto);column-gap:8px;row-gap:6px}.gb2-self-hand-wrap .hand-slot.row-2,.gb2-self-hand-wrap .hand-slot.row-3,.gb2-self-hand-wrap .hand-slot.row-extra{margin-top:4px}.gb2-self-left-stack{left:102px;width:clamp(200px,42vw,360px)}.gb2-self-discards-column{right:clamp(8px,2.25vw,18px)}.gb2-actions-above{height:58px;min-height:58px}}@media(max-width:600px){.gb2-self-exposed-group{min-height:128px}.gb2-status-chip{font-size:.68rem;padding:3px 10px}.gb2-table-felt{margin:3px;border-radius:10px;border-width:2px}.gb2-log-floating-btn{top:12px;right:12px;padding:6px 12px;font-size:.78rem}.gb2-seat-grid{grid-template-columns:minmax(90px,.8fr) minmax(170px,1.2fr) minmax(90px,.8fr)}.gb2-opp-avatar{width:46px;height:46px;font-size:.72rem;border-radius:10px}.gb2-opp-card-count{font-size:.6rem}.gb2-mini-card{font-size:.78rem;min-width:28px;min-height:38px;padding:5px 6px}.gb2-self-hand-wrap{min-height:60px}.gb2-self-floating{left:12px;bottom:12px}.gb2-self-floating-avatar{width:64px;height:64px;border-radius:14px;font-size:.9rem}.gb2-self-name{font-size:.7rem}.gb2-action-btn{font-size:.78rem;padding:6px 12px}.gb2-last-discard{font-size:1rem;padding:7px 12px}.gb2-log-header{padding:6px 8px;font-size:.78rem}.gb2-log-content{padding:4px 6px;gap:3px}.gb2-log-entry{padding:4px 5px;font-size:.68rem}.gb2-self-hand-wrap .hand-compact{padding:4px 4px 6px;min-height:0;grid-template-columns:repeat(5,minmax(38px,1fr));grid-auto-rows:minmax(64px,auto);column-gap:6px;row-gap:4px}.gb2-self-hand-wrap .hand-slot.row-2,.gb2-self-hand-wrap .hand-slot.row-3,.gb2-self-hand-wrap .hand-slot.row-extra{margin-top:2px}.gb2-self-hand-wrap .card{width:46px;height:72px}.gb2-self-hand-wrap .card-text{font-size:1.4rem}.gb2-self-left-stack{left:86px;bottom:12px;width:calc(100vw - 140px);max-width:none}.gb2-self-discards-column{right:10px;bottom:12px;width:min(360px,calc(100vw - 32px))}.gb2-actions-above{height:52px;min-height:52px}}@media(max-width:900px)and (orientation:landscape){.gb2-container{height:100vh;height:100dvh}}:root{--player-0: #e74c3c;--player-1: #3498db;--player-2: #2ecc71;--player-3: #f39c12}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed;opacity:.5}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.start-title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:3rem;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.start-button{font-size:1.5rem;padding:1.5rem 3rem;background:#fff;color:#667eea;border-radius:12px;font-weight:700;box-shadow:0 8px 24px #0003;transition:all .3s ease}.start-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.start-button:active{transform:translateY(-2px)}@media(max-width:768px){.start-title{font-size:3rem;margin-bottom:2rem}.start-button{font-size:1.3rem;padding:1.2rem 2.5rem}}