*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;-webkit-user-select:none;user-select:none;background:#1a5c2a;height:100vh;font-family:Segoe UI,Tahoma,sans-serif;font-size:14px;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.menu-bar{background:#111;flex-shrink:0;gap:0;height:24px;padding:0;display:flex}.menu-item{position:relative}.menu-item>button{color:#f0f0f0;cursor:pointer;background:0 0;border:none;height:24px;padding:3px 10px;font-size:13px}.menu-item>button:hover,.menu-item.open>button{background:#0078d4}.menu-dropdown{z-index:100;background:#222;border:1px solid #555;min-width:150px;display:none;position:absolute;top:24px;left:0}.menu-item.open .menu-dropdown{display:block}.menu-dropdown button{text-align:left;color:#f0f0f0;cursor:pointer;background:0 0;border:none;width:100%;padding:6px 14px;font-size:13px;display:block}.menu-dropdown button:hover{background:#0078d4}.menu-dropdown hr{border:none;border-top:1px solid #444;margin:3px 0}.game-table{background:radial-gradient(#2d7a42 0%,#1a5c2a 100%);flex:1;position:relative;overflow:hidden}.seat{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.seat-label{background:#0006;border-radius:3px;padding:2px 8px;font-size:16px}.seat-avatar{background:#555;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.seat-top{top:8px;left:50%;transform:translate(-50%)}.seat-left{top:50%;left:8px;transform:translateY(-50%)}.seat-right{top:50%;right:8px;transform:translateY(-50%)}.seat-bottom{bottom:8px;left:50%;transform:translate(-50%)}.hand{min-width:300px;height:170px;position:relative}.hand-card{cursor:default;width:90px;height:135px;transition:top .15s;position:absolute;top:0}.hand-card.playable{cursor:pointer}.hand-card.playable:hover{top:-18px}.hand-card.dimmed{opacity:.45}.ai-cards{gap:2px;display:flex}.trick-area{width:480px;height:min(300px,100% - 395px);position:absolute;top:calc(50% + 12px);left:50%;transform:translate(-50%,-50%)}.trick-slot{position:absolute}.trick-slot-top{top:20px;left:50%;transform:translate(-50%)}.trick-slot-left{top:50%;left:0;transform:translateY(-50%)}.trick-slot-right{top:50%;right:0;transform:translateY(-50%)}.trick-slot-bottom{bottom:20px;left:50%;transform:translate(-50%)}.trick-slot-center{top:50%;left:calc(50% + 80px);transform:translate(-50%,-50%)}.trick-winner-card .card{outline:3px solid #facc15;box-shadow:0 0 12px #facc15}.trick-winner-banner{color:#facc15;white-space:nowrap;pointer-events:none;background:#000000bf;border-radius:4px;padding:6px 14px;font-size:14px;font-weight:700;animation:1.2s forwards fadeInOut;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.talon-area{gap:4px;display:flex;position:absolute;top:50%;right:12%;transform:translateY(-50%)}.card{background:#fff;border:1px solid #333;border-radius:8px;flex-shrink:0;width:90px;height:135px;font-size:20px;font-weight:700;position:relative;overflow:hidden;box-shadow:1px 2px 4px #0006}.card.face-down{background:0 0;border-color:#c8a060}.card.red{color:#c00}.card.black{color:#111}.card.trump{color:#70c}.card-corner-top{text-align:left;line-height:1.15;position:absolute;top:5px;left:6px}.card-corner-bot{text-align:right;line-height:1.15;position:absolute;bottom:5px;right:6px;transform:rotate(180deg)}.card-center{font-size:33px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-bar{background:#111;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px 20px;min-height:22px;padding:3px 12px;font-size:12px;display:flex}.status-item{color:#ccc}.status-item span{color:#fff;font-weight:700}.modal-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay>.modal{margin:auto}.modal{background:#1e1e1e;border:1px solid #555;border-radius:6px;min-width:260px;max-width:500px;padding:20px 28px}.bid-panel{z-index:200;background:#1e1e1e;border:1px solid #555;border-radius:6px;min-width:260px;max-width:340px;padding:16px 20px;position:fixed;top:32px;right:16px;box-shadow:0 4px 20px #0009}.modal h2{border-bottom:1px solid #444;margin-bottom:14px;padding-bottom:8px;font-size:16px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.btn{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:3px;padding:6px 16px;font-size:13px}.btn:hover{background:#005fa3}.btn.btn-ghost{background:#444}.btn.btn-ghost:hover{background:#555}.btn.btn-danger{background:#b00}.btn.btn-danger:hover{background:#900}.radio-list{flex-direction:column;gap:8px;display:flex}.radio-list label{cursor:pointer;align-items:center;gap:8px;display:flex}.bid-list{flex-direction:column;gap:2px;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.bid-option{align-items:center;gap:10px;padding:4px 2px;display:flex}.bid-option label{cursor:pointer;flex:1}.info-btn{color:#aaa;cursor:pointer;background:#444;border:1px solid #666;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-left:auto;padding:0;font-size:11px;font-weight:700;line-height:1}.info-btn:hover{color:#fff;background:#0078d4;border-color:#0078d4}.contract-desc{color:#ccc;background:#1a1a2e;border-left:3px solid #0078d4;border-radius:0 4px 4px 0;margin:2px 0 6px 28px;padding:8px 12px;font-size:12px;line-height:1.5}.score-table{border-collapse:collapse;width:100%;margin-top:8px}.score-table th,.score-table td{text-align:center;border:1px solid #444;padding:5px 10px}.score-table th{background:#333}.score-table tr:nth-child(2n){background:#2a2a2a}.idle-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.idle-screen h1{color:#fff;font-size:32px}.idle-screen p{color:#aaa}.talon-groups{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.talon-group{cursor:pointer;border:2px solid #0000;border-radius:5px;gap:4px;padding:6px;display:flex}.talon-group:hover{border-color:#0078d4}.talon-group.selected{background:#0078d433;border-color:#0078d4}.discard-hand{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.discard-card{cursor:pointer;position:relative}.discard-card.selected:after{content:"✓";color:#0f0;font-size:18px;position:absolute;top:2px;right:4px}.suit-buttons{gap:10px;margin-top:10px;display:flex}.suit-btn{cursor:pointer;background:#333;border:none;border-radius:5px;width:50px;height:50px;font-size:24px}.suit-btn:hover{background:#555}.suit-btn.clubs,.suit-btn.spades{color:#111;background:#eee}.suit-btn.hearts,.suit-btn.diamonds{color:#c00;background:#eee}