*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#1a4a2e;color:#f0ede0;min-height:100vh}.app{min-height:100vh;position:relative}.global-error{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#c0392b;color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;z-index:9999;box-shadow:0 4px 16px #0006;animation:fadeIn .2s ease}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:32px;padding:24px}.lobby h1{font-size:2.8rem;font-weight:800;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:2px}.lobby-cards{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.lobby-card{background:#0f2d1a;border:2px solid #2d6a42;border-radius:16px;padding:32px;min-width:300px;box-shadow:0 8px 32px #0006}.lobby-card h2{font-size:1.4rem;color:gold;margin-bottom:20px;border-bottom:1px solid #2d6a42;padding-bottom:10px}.lobby-card label{display:block;font-size:.85rem;color:#a0c8a0;margin-bottom:6px;margin-top:14px}.lobby-card input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #2d6a42;background:#162c1e;color:#f0ede0;font-size:1rem;outline:none;transition:border-color .2s}.lobby-card input:focus{border-color:gold}.btn{display:inline-block;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s}.btn-primary{background:#ffd700;color:#0f2d1a;width:100%;margin-top:20px}.btn-primary:hover:not(:disabled){background:#ffe74c;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:#c0392b;color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-ghost{background:transparent;border:2px solid #2d6a42;color:#f0ede0}.btn-ghost:hover{border-color:gold;color:gold}.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:24px}.room-code-display{background:#0f2d1a;border:2px solid #ffd700;border-radius:16px;padding:24px 48px;text-align:center}.room-code-display .label{font-size:.9rem;color:#a0c8a0;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}.room-code-display .code{font-size:3rem;font-weight:900;color:gold;letter-spacing:8px}.player-list{background:#0f2d1a;border:2px solid #2d6a42;border-radius:12px;padding:20px;min-width:300px}.player-list h3{color:#a0c8a0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.player-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;margin-bottom:6px;background:#162c1e}.player-list-item .crown{color:gold}.player-list-item .dot{width:8px;height:8px;border-radius:50%;background:#27ae60}.game-board{display:grid;grid-template-columns:1fr 260px;grid-template-rows:auto 1fr auto auto;min-height:100vh;gap:0}.top-bar{grid-column:1 / -1;background:#0a1f10;border-bottom:2px solid #2d6a42;padding:12px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.top-bar .badge{background:#162c1e;border:1px solid #2d6a42;border-radius:6px;padding:4px 12px;font-size:.9rem;font-weight:600}.top-bar .trump-badge.hearts,.top-bar .trump-badge.diamonds{color:#e74c3c}.top-bar .trump-badge.spades,.top-bar .trump-badge.clubs{color:#f0ede0}.top-bar .trump-badge.none{color:#a0c8a0}.game-main{grid-column:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px;position:relative}.status-bar{grid-column:1 / -1;background:#0a1f10;border-top:1px solid #2d6a42;padding:10px 20px;font-size:.95rem;color:#a0c8a0;text-align:center}.hand-area{grid-column:1 / -1;background:#0f2d1a;border-top:2px solid #2d6a42;padding:16px 20px}.hand-area h4{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#a0c8a0;margin-bottom:12px}.scoreboard{grid-row:2 / 4;grid-column:2;background:#0a1f10;border-left:2px solid #2d6a42;padding:16px;overflow-y:auto}.scoreboard h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#a0c8a0;margin-bottom:14px;border-bottom:1px solid #2d6a42;padding-bottom:8px}.score-row{padding:10px 12px;border-radius:8px;margin-bottom:8px;background:#162c1e;border:1px solid transparent}.score-row.active-player{border-color:gold}.score-row.me{border-color:#27ae60}.score-row .player-name{font-weight:700;font-size:.95rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-row .stats{display:flex;gap:10px;font-size:.8rem;color:#a0c8a0}.score-row .stat{display:flex;flex-direction:column;align-items:center}.score-row .stat-label{font-size:.65rem;text-transform:uppercase}.score-row .stat-val{font-weight:700;color:#f0ede0}.card{display:inline-flex;flex-direction:column;justify-content:space-between;width:80px;height:112px;background:white;border-radius:8px;border:2px solid #ddd;padding:6px;cursor:default;position:relative;-webkit-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s,border-color .15s;flex-shrink:0}.card.red{color:#c0392b}.card.black{color:#1a1a2e}.card.valid{cursor:pointer;border-color:gold;box-shadow:0 0 12px #ffd70099}.card.valid:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 12px 24px #0006,0 0 16px #ffd700cc}.card.invalid{opacity:.45;filter:grayscale(40%)}.card.in-trick{width:72px;height:100px;border:2px solid #aaa}.card .corner{display:flex;flex-direction:column;align-items:center;line-height:1}.card .corner.bottom{align-self:flex-end;transform:rotate(180deg)}.card .rank{font-size:.9rem;font-weight:800}.card .suit-small{font-size:.75rem}.card .suit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}.trick-area{display:flex;flex-direction:column;align-items:center;gap:16px}.trick-area h4{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#a0c8a0}.trick-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:flex-end}.trick-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.trick-card-wrapper .player-label{font-size:.75rem;color:#a0c8a0;max-width:80px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-trick{width:200px;height:120px;border:2px dashed #2d6a42;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2d6a42;font-size:.9rem}.player-hand{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:flex-end}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:100}.dice-modal{background:#0f2d1a;border:2px solid #2d6a42;border-radius:16px;padding:32px;min-width:380px;max-width:500px}.dice-modal h2{color:gold;font-size:1.4rem;margin-bottom:8px}.dice-modal .subtitle{color:#a0c8a0;font-size:.9rem;margin-bottom:24px}.dice-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.dice-row{display:flex;align-items:center;justify-content:space-between;background:#162c1e;border-radius:8px;padding:10px 16px}.dice-row .player-name{font-weight:600;flex:1}.dice-face{font-size:2rem;margin:0 12px;min-width:36px;text-align:center}.dice-pending{color:#a0c8a0;font-size:.9rem}.btn-roll{background:#ffd700;color:#0f2d1a;font-weight:700;padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;transition:all .15s}.btn-roll:hover{background:#ffe74c}.btn-roll:disabled{opacity:.45;cursor:not-allowed}.bid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:100}.bid-modal{background:#0f2d1a;border:2px solid #2d6a42;border-radius:16px;padding:32px;min-width:380px;max-width:520px}.bid-modal h2{color:gold;margin-bottom:6px}.bid-modal .subtitle{color:#a0c8a0;font-size:.9rem;margin-bottom:20px}.bid-history{background:#162c1e;border-radius:8px;padding:12px 16px;margin-bottom:20px}.bid-history h4{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#a0c8a0;margin-bottom:10px}.bid-history-item{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.bid-history-item .bid-val{font-weight:700;color:gold}.bid-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-bid{width:54px;height:54px;border-radius:50%;border:2px solid #2d6a42;background:#162c1e;color:#f0ede0;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .15s}.btn-bid:hover{background:#ffd700;color:#0f2d1a;border-color:gold}.btn-bid.forbidden{opacity:.25;cursor:not-allowed;text-decoration:line-through}.btn-bid.forbidden:hover{background:#162c1e;color:#f0ede0;border-color:#2d6a42}.waiting-bid{color:#a0c8a0;text-align:center;font-style:italic;margin-top:20px}.trump-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:100}.trump-modal{background:#0f2d1a;border:2px solid #2d6a42;border-radius:16px;padding:32px;min-width:360px;text-align:center}.trump-modal h2{color:gold;margin-bottom:8px}.trump-modal .subtitle{color:#a0c8a0;font-size:.9rem;margin-bottom:24px}.trump-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-suit{width:80px;height:80px;border-radius:12px;border:2px solid #2d6a42;background:#162c1e;font-size:2rem;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.btn-suit.hearts,.btn-suit.diamonds{color:#e74c3c}.btn-suit.spades,.btn-suit.clubs{color:#f0ede0}.btn-suit:hover{border-color:gold;transform:translateY(-3px);box-shadow:0 6px 16px #0006}.btn-suit .suit-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px}.btn-no-trump{padding:12px 24px;border-radius:12px;border:2px solid #2d6a42;background:#162c1e;color:#a0c8a0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;align-self:center}.btn-no-trump:hover{border-color:gold;color:gold}.trump-waiting{color:#a0c8a0;font-style:italic}.round-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100}.round-summary-modal{background:#0f2d1a;border:2px solid #ffd700;border-radius:16px;padding:32px;min-width:440px;max-width:600px}.round-summary-modal h2{color:gold;margin-bottom:6px}.countdown{color:#a0c8a0;font-size:.9rem;margin-bottom:24px}.summary-table{width:100%;border-collapse:collapse}.summary-table th{text-align:left;padding:8px 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#a0c8a0;border-bottom:1px solid #2d6a42}.summary-table td{padding:10px;border-bottom:1px solid #1a3d24}.summary-table .exact{color:gold;font-weight:700}.summary-table .over{color:#f0ede0}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:200}.game-over-modal{background:#0f2d1a;border:3px solid #ffd700;border-radius:20px;padding:48px;text-align:center;max-width:420px}.game-over-modal .trophy{font-size:5rem;margin-bottom:16px}.game-over-modal h1{color:gold;font-size:2.2rem;margin-bottom:8px}.game-over-modal .winner-name{font-size:1.6rem;font-weight:700;margin-bottom:24px}.game-over-modal .final-scores{text-align:left;margin-top:20px}.game-over-modal .final-score-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2d6a42;font-size:1rem}.game-over-modal .score-pts{font-weight:700;color:gold}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}