@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap";.all-scoreboard{display:flex;align-items:center;gap:12px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:12px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-team{display:flex;flex-direction:column;align-items:center;gap:4px}.team-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.all-svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.1))}.mark-count{font-size:11px;color:var(--text-dim)}.score-divider{width:1px;height:60px;background:var(--panel-border);margin:0 4px}.domino-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background:var(--domino-bg);border:2px solid var(--domino-border);border-radius:8px;box-shadow:2px 3px 8px #00000073,inset 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;flex-shrink:0;overflow:hidden}.domino-tile.horizontal{flex-direction:row}.domino-tile.clickable{cursor:pointer}.domino-tile.is-legal{box-shadow:0 0 12px 3px #ffff6480,2px 3px 8px #00000073}.domino-tile.is-hint{box-shadow:0 0 16px 5px #f1c40fcc,2px 3px 8px #00000073;border-color:#f1c40f;z-index:2}.domino-tile.is-selected{transform:translateY(-12px);box-shadow:0 12px 20px #0009}.domino-tile.is-trump{background:#fff5f5;border-color:var(--domino-trump)}.domino-tile.is-played{opacity:.7}.domino-tile.face-down{background:var(--domino-back);border-color:#1a5e38}.domino-half{display:flex;align-items:center;justify-content:center}.domino-back{width:100%;height:100%;border-radius:6px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 4px,transparent 4px,transparent 8px)}.domino-divider{width:85%;height:2px;background:var(--domino-border);border-radius:1px;flex-shrink:0}.domino-divider-h{height:85%;width:2px;background:var(--domino-border);border-radius:1px;flex-shrink:0}.hint-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#f1c40f;color:#1a1a00;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;white-space:nowrap;pointer-events:none}.domino-tile.is-legal.clickable:hover{transform:translateY(-6px);box-shadow:0 8px 16px #00000080,0 0 12px 3px #ffff6480}.domino-tile.is-hint.clickable:hover{transform:translateY(-8px)}.player-hand{display:flex;flex-direction:row;align-items:flex-end;gap:6px;padding:8px 12px 0;min-height:140px}.sortable-domino{touch-action:none}.opponent-hand{display:flex;flex-direction:column;align-items:center;gap:6px}.opponent-label{font-size:12px;font-weight:600;color:var(--text-dim);text-align:center;white-space:nowrap;transition:color .2s}.active-player .opponent-label{color:var(--gold-light)}.opponent-tiles{display:flex;gap:4px}.tiles-v{flex-direction:column}.tiles-h{flex-direction:row}.facedown-tile{width:36px;height:70px;background:var(--domino-back);border:1px solid #1a5e38;border-radius:5px;display:flex;align-items:center;justify-content:center;box-shadow:1px 2px 5px #0006}.facedown-tile.facedown-h{width:70px;height:36px}.facedown-inner{width:85%;height:85%;border-radius:3px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 3px,transparent 3px,transparent 6px)}.trick-area{position:relative;width:240px;height:220px;display:flex;align-items:center;justify-content:center}.trick-play{position:absolute}.trick-south{bottom:8px;left:50%;transform:translate(-50%)}.trick-north{top:8px;left:50%;transform:translate(-50%)}.trick-west{left:8px;top:50%;transform:translateY(-50%)}.trick-east{right:8px;top:50%;transform:translateY(-50%)}.trick-empty{color:#fff3;font-size:12px;font-style:italic;text-align:center}.trick-winner-badge{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:2px 10px;font-size:11px;color:var(--gold-light, #f1c40f);white-space:nowrap;pointer-events:none}.bid-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:360px;max-width:520px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bid-history{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.bid-entry{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:6px;font-size:13px}.bid-pass{background:#ffffff0a;color:var(--text-dim)}.bid-won{background:#c4a35a26;color:var(--gold)}.bid-player{font-weight:600}.bid-value{font-variant-numeric:tabular-nums}.bid-hint-box{background:#f1c40f1a;border:1px solid rgba(241,196,15,.3);border-radius:8px;padding:8px 12px;font-size:12px;display:flex;gap:8px;align-items:center}.hint-label{color:var(--hint-glow);font-weight:700}.hint-value{color:var(--text-dim)}.bid-controls{display:flex;flex-direction:column;gap:6px}.bid-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bid-small{padding:6px 12px;font-size:16px}.bid-amount-display{font-size:22px;font-weight:700;color:var(--gold);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.nello-btn{background:#8e44ad66;color:#d7bde2}.plunge-btn{background:#c0392b66;color:#f1948a}.waiting-msg{color:var(--text-dim);font-style:italic;font-size:13px;text-align:center;padding:8px}.trump-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.trump-selector{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:16px}.trump-title{font-family:Playfair Display,serif;color:var(--gold);font-size:1.5rem}.trump-sub{color:var(--text-dim);font-size:13px}.trump-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trump-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff0f;border:2px solid var(--panel-border);border-radius:12px;padding:14px 18px;color:var(--text);cursor:pointer;transition:all .15s ease}.trump-btn:hover{background:#c4a35a33;border-color:var(--gold);transform:translateY(-2px)}.trump-name{font-size:12px;font-weight:600;color:var(--text-dim)}.hand-summary{width:560px;max-width:95vw}.result-banner{text-align:center;font-family:Playfair Display,serif;font-size:2rem;letter-spacing:.15em;padding:10px;border-radius:10px;margin-bottom:16px}.result-banner.made{background:linear-gradient(135deg,#27ae604d,#27ae601a);color:#2ecc71;border:1px solid rgba(39,174,96,.4)}.result-banner.set{background:linear-gradient(135deg,#c0392b4d,#c0392b1a);color:#e74c3c;border:1px solid rgba(192,57,43,.4)}.summary-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px}.summary-row{display:flex;gap:8px;align-items:center}.label{color:var(--text-dim);font-weight:600;min-width:60px}.marks-row{display:flex;gap:16px;padding:8px 12px;background:#c4a35a14;border-radius:8px;border:1px solid rgba(196,163,90,.2)}.marks-item{display:flex;flex-direction:column;gap:2px;font-size:13px}.marks-val{color:var(--gold);font-weight:700;font-size:15px}.tricks-section{display:flex;flex-direction:column;gap:4px}.trick-row{background:#ffffff0a;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid transparent;transition:border-color .15s}.trick-row:hover{border-color:var(--panel-border)}.trick-header{display:flex;justify-content:space-between;padding:8px 12px;font-size:13px}.trick-pts{color:var(--gold);font-weight:600}.trick-toggle{color:var(--text-dim)}.trick-plays{padding:4px 12px 8px;display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.06)}.trick-play-row{display:flex;gap:12px;font-size:12px;color:var(--text-dim);align-items:center}.tile-id{font-family:monospace;color:var(--text);background:#ffffff0f;padding:1px 6px;border-radius:4px}.count-badge{background:#c4a35a40;color:var(--gold);font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px}.game-over-modal{text-align:center;max-width:400px;width:90vw}.trophy{font-size:64px;margin-bottom:8px}.game-over-title{font-family:Playfair Display,serif;color:var(--gold);font-size:2rem;margin-bottom:8px}.winner-label{font-size:1.3rem;font-weight:600;color:#fff}.winner-sub{color:var(--text-dim);font-size:13px;margin-top:4px}.final-marks{display:flex;align-items:center;gap:20px;justify-content:center;margin-top:20px;padding:14px;background:#ffffff0a;border-radius:10px}.fm-team{display:flex;flex-direction:column;gap:4px}.fm-name{font-size:12px;color:var(--text-dim)}.fm-val{font-size:20px;font-weight:700;color:var(--gold)}.fm-vs{color:var(--text-dim);font-size:14px}.help-modal{width:680px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.close-btn{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.close-btn:hover{background:#ffffff14;color:var(--text)}.help-tabs{display:flex;gap:4px;border-bottom:1px solid var(--panel-border);padding-bottom:0;margin-bottom:16px;flex-wrap:wrap}.help-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:-1px;transition:all .15s}.help-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.help-tab:hover:not(.active){color:var(--text)}.help-body{overflow-y:auto;flex:1}.help-content{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.6;color:var(--text)}.help-content h3{color:var(--gold-light);font-size:1rem;font-weight:600;margin-top:8px}.help-content p{color:#f0ebe0d9}.help-content ul{padding-left:18px;display:flex;flex-direction:column;gap:4px}.help-content li{color:#f0ebe0d9}.help-content strong{color:var(--text)}.help-content em{color:var(--gold-light);font-style:normal}.count-table{width:100%;border-collapse:collapse;font-size:13px}.count-table th,.count-table td{padding:6px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.count-table th{color:var(--text-dim);font-weight:600}.count-table td.total{font-weight:700;color:var(--gold)}.settings-modal{width:580px;max-width:95vw}.settings-section{margin-bottom:20px}.player-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.player-seat{font-size:12px;color:var(--text-dim);min-width:120px;font-weight:600}.player-name-input{background:#ffffff14;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);padding:6px 10px;font-size:13px;width:130px;font-family:inherit}.player-name-input:focus{outline:none;border-color:var(--gold)}.player-type-toggle,.ai-level-select{display:flex;border:1px solid var(--panel-border);border-radius:6px;overflow:hidden}.type-btn,.lvl-btn{background:transparent;color:var(--text-dim);padding:5px 12px;font-size:12px;font-weight:600;border-radius:0;border-right:1px solid var(--panel-border)}.type-btn:last-child,.lvl-btn:last-child{border-right:none}.type-btn.active,.lvl-btn.active{background:var(--gold);color:#1a1a00}.rule-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rule-info{display:flex;flex-direction:column;gap:2px}.rule-name{font-size:14px;font-weight:600}.rule-desc{font-size:12px;color:var(--text-dim)}.toggle-btn{padding:6px 14px;font-size:12px;font-weight:700;border-radius:20px;min-width:52px}.toggle-btn.on{background:var(--green-btn);color:#fff}.toggle-btn.off{background:#ffffff1a;color:var(--text-dim)}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.history-panel{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--panel-border)}.history-list{flex:1;overflow-y:auto;padding:8px}.history-empty{color:var(--text-dim);font-size:13px;padding:16px;text-align:center}.history-item{border-radius:8px;padding:8px 10px;cursor:pointer;border:1px solid transparent;margin-bottom:4px;transition:background .15s}.history-item:hover{background:#ffffff0d}.history-item.open{border-color:var(--panel-border);background:#ffffff0a}.history-row-header{display:flex;align-items:center;gap:8px;font-size:12px}.h-hand{font-weight:600;color:var(--text-dim);min-width:52px}.h-bid{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-result.made{color:#2ecc71;font-weight:700}.h-result.set{color:#e74c3c;font-weight:700}.h-marks{color:var(--gold);font-weight:600;font-size:11px}.history-detail{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px;font-size:11px}.hd-row{display:flex;justify-content:space-between;color:var(--text-dim)}.hd-bid span:first-child{color:var(--text)}.game-table{width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#2d6a4f,#1b4332 60%,#0f2d1f);position:relative;overflow:hidden}.game-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='rgba(0,0,0,0.04)'/%3E%3C/svg%3E");pointer-events:none}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;background:radial-gradient(ellipse at center,#2d6a4f,#1b4332 60%,#0f2d1f)}.table-title{font-family:Playfair Display,serif;font-size:3.5rem;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:.05em}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#00000040;border-bottom:1px solid rgba(0,0,0,.2);z-index:10;flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;gap:6px;align-items:center}.table-title-sm{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--gold);letter-spacing:.05em}.tool-btn{background:#ffffff14;color:var(--text-dim);border:1px solid rgba(255,255,255,.1);padding:5px 10px;font-size:12px;border-radius:6px;cursor:pointer;transition:all .15s}.tool-btn:hover{background:#ffffff24;color:var(--text)}.hint-btn{background:#f1c40f26;border-color:#f1c40f4d;color:var(--hint-glow)}.hint-btn:hover{background:#f1c40f40}.scoreboard-area{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 16px;flex-shrink:0}.trump-indicator{background:#8b00004d;border:1px solid rgba(139,0,0,.5);border-radius:8px;padding:6px 12px;font-size:13px;color:#f5a5a5}.tricks-counter{display:flex;align-items:center;gap:8px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:5px 12px;font-size:12px;color:var(--text-dim)}.tricks-team strong{color:var(--gold-light);font-size:14px}.tricks-sep{color:#fff3}.tricks-trump{color:#f5a5a5;padding-left:4px}.tricks-trump strong{color:#f5a5a5}.tricks-marks{color:var(--text-dim);padding-left:4px}.tricks-marks strong{color:var(--gold-light)}.marks-badge{color:var(--text-dim);font-size:12px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 10px}.marks-badge strong{color:var(--gold-light)}.hand-indicator{color:var(--text-dim);font-size:12px}.play-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:0}.north-zone{display:flex;justify-content:center;margin-bottom:8px}.middle-row{display:flex;align-items:center;gap:16px}.west-zone,.east-zone{display:flex;flex-direction:column;align-items:center}.trick-zone{display:flex;align-items:center;justify-content:center}.bid-area{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.south-zone{display:flex;flex-direction:column;align-items:center;padding-bottom:12px;flex-shrink:0}.south-label{font-size:13px;color:var(--text-dim);margin-bottom:4px;font-weight:600}.your-turn{color:var(--gold-light);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bid-prompt{font-size:12px;color:var(--text-dim);font-style:italic;margin-top:6px}.waiting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:40}.waiting-msg-box{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:20px 32px;font-size:15px;color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--felt: #2d6a4f;--felt-dark: #1b4332;--felt-light: #40916c;--felt-border: #1a3728;--domino-bg: #f8f5e6;--domino-bg-dark: #ede8cf;--domino-border: #c4a35a;--domino-pip: #1a1a2e;--domino-trump: #8b0000;--domino-back: #2c6e49;--panel-bg: rgba(15, 30, 20, .88);--panel-border: rgba(196, 163, 90, .4);--gold: #c4a35a;--gold-light: #e8c97a;--cream: #f8f5e6;--text: #f0ebe0;--text-dim: #a0997c;--red: #c0392b;--green-btn: #27ae60;--blue-btn: #2980b9;--hint-glow: #f1c40f;--legal-glow: rgba(255,255,100,.25);--radius: 8px;--shadow: 0 4px 20px rgba(0,0,0,.5)}html,body,#root{width:100vw;height:100vh;overflow:hidden;background:var(--felt-dark);font-family:Inter,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--radius);transition:all .15s ease}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.12)}button:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--gold);color:#1a1a00;font-weight:600;padding:10px 20px}.btn-secondary{background:#ffffff1f;color:var(--text);border:1px solid var(--panel-border);padding:10px 20px}.btn-danger{background:var(--red);color:#fff;font-weight:600;padding:10px 20px}.btn-green{background:var(--green-btn);color:#fff;font-weight:600;padding:10px 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:28px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal h2{font-family:Playfair Display,serif;color:var(--gold);font-size:1.6rem;margin-bottom:16px}.section-title{font-family:Playfair Display,serif;color:var(--gold);font-size:1.1rem;margin-bottom:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}