:root{--felt:#0d5b4c;--felt-dark:#073d35;--felt-light:#167562;--gold:#e2b65e;--cream:#fff8e8;--paper:#fffdf7;--ink:#15312c;--muted:#6b7f79;--red:#c93645;--blue:#216ba5;--line:#d7e3de;--shadow:0 18px 48px rgba(3,32,28,.24);font-family:"Arial","Noto Sans Hebrew",sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9f1ee;color:var(--ink)}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f2c96f;outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 18% 0,rgba(255,255,255,.85),transparent 34%),linear-gradient(135deg,#e8f1ee,#d9e7e2)}
.game-header{min-height:68px;padding:10px clamp(12px,2.5vw,30px);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid #cfddd8;box-shadow:0 6px 24px rgba(18,59,52,.08);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;min-width:0}.brand-mark{display:grid;grid-template-columns:repeat(2,1fr);width:48px;height:48px;padding:4px;border-radius:14px;background:linear-gradient(145deg,#fff,#f4eee0);border:1px solid #d8c9a6;box-shadow:inset 0 1px #fff,0 5px 14px rgba(41,34,16,.13);font-family:Georgia,serif;font-size:20px;line-height:19px;text-align:center}.brand-mark .red{color:var(--red)}.brand-mark .black{color:#132321}.brand strong{display:block;font-size:22px;line-height:1.05}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:700}.header-actions{display:flex;align-items:center;gap:7px}.connection-pill{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 10px;border-radius:99px;background:#eef4f2;color:#536a64;font-size:11px;font-weight:800;white-space:nowrap}.connection-pill i{width:8px;height:8px;border-radius:50%;background:#9baaa6;box-shadow:0 0 0 3px rgba(155,170,166,.15)}.connection-pill.online{background:#e0f5e9;color:#17613c}.connection-pill.online i{background:#21a65f}.connection-pill.connecting{background:#fff3d6;color:#765612}.connection-pill.connecting i{background:#e0a51c;animation:pulse 1s infinite}.icon-button,.small-button,.round-button{border:1px solid #ccdcd6;background:#fff;color:var(--ink);font-weight:900;cursor:pointer}.icon-button{width:36px;height:36px;border-radius:12px}.small-button{min-height:36px;padding:7px 13px;border-radius:12px}.round-button{width:34px;height:34px;border-radius:50%}.round-button:disabled{opacity:.4;cursor:not-allowed}
.game-layout{width:100%;max-width:1680px;margin:0 auto;padding:14px clamp(9px,1.5vw,22px);display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:13px;flex:1}.table-panel,.panel-card{border:1px solid rgba(18,73,63,.15);background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(17,61,53,.09)}.table-panel{min-width:0;padding:12px;border-radius:24px;display:flex;flex-direction:column}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 5px 10px}.table-heading h1{margin:2px 0 0;font-size:clamp(18px,2.1vw,28px);line-height:1.1}.eyebrow{color:#1e7564;font-size:10px;font-weight:900;letter-spacing:.08em}.deal-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.deal-badges span{padding:6px 9px;border-radius:99px;background:#edf5f2;color:#375c54;font-size:10px;font-weight:900}
.bridge-table{position:relative;min-height:clamp(370px,52vh,650px);border-radius:46% / 30%;overflow:hidden;background:radial-gradient(ellipse at center,#177460 0,#0c5b4c 48%,#073c34 100%);border:12px solid #744a2c;box-shadow:inset 0 0 0 4px #bf925b,inset 0 0 50px rgba(0,0,0,.25),0 15px 35px rgba(22,51,44,.25)}.bridge-table:before{content:"";position:absolute;inset:2%;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}.seat{position:absolute;z-index:3;min-width:128px;max-width:205px;padding:7px 11px;border-radius:14px;background:rgba(255,253,247,.95);border:2px solid rgba(226,182,94,.58);box-shadow:0 7px 18px rgba(0,28,24,.28);text-align:center;transition:.2s}.seat-north{top:4%;left:50%;transform:translateX(-50%)}.seat-south{bottom:4%;left:50%;transform:translateX(-50%)}.seat-east{right:3%;top:50%;transform:translateY(-50%)}.seat-west{left:3%;top:50%;transform:translateY(-50%)}.seat.current{border-color:#ffe49d;box-shadow:0 0 0 4px rgba(255,218,125,.3),0 8px 24px rgba(0,0,0,.32);animation:seatGlow 1.2s infinite alternate}.seat.you{background:#fff4d7}.seat.dummy{border-style:dashed}.seat.disconnected{opacity:.58}.seat-direction{position:absolute;top:-9px;right:8px;padding:2px 7px;border-radius:99px;background:#123f36;color:#fff;font-size:8px;font-weight:900}.seat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.seat small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:800}.seat .dealer-dot{display:inline-grid;place-items:center;width:17px;height:17px;margin-inline-start:4px;border-radius:50%;background:#fff;border:1px solid #8b9c96;color:#19352f;font:900 9px Arial}.seat .dummy-tag{color:#8a6414}.table-center{position:absolute;inset:21% 20%;display:grid;grid-template-columns:minmax(110px,.75fr) minmax(180px,1.5fr);grid-template-rows:1fr auto;gap:9px;align-items:center;z-index:2}.contract-box{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:18px;background:rgba(4,45,38,.78);border:1px solid rgba(255,255,255,.22);color:#fff;text-align:center}.contract-box small{color:#bfe1d8;font-size:9px;font-weight:800}.contract-box strong{font:900 clamp(26px,4vw,50px) Georgia,serif;color:#ffe19a}.contract-box span{font-size:9px}.trick-grid{position:relative;min-height:190px;border-radius:22px;background:rgba(4,42,36,.42);border:1px solid rgba(255,255,255,.16)}.trick-card{position:absolute;min-width:46px;min-height:66px;display:grid;place-items:center}.trick-card.north{top:5px;left:50%;transform:translateX(-50%)}.trick-card.south{bottom:5px;left:50%;transform:translateX(-50%)}.trick-card.east{right:10px;top:50%;transform:translateY(-50%)}.trick-card.west{left:10px;top:50%;transform:translateY(-50%)}.trick-score{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;color:#fff;text-align:center}.trick-score b{font-size:23px}.trick-score small{grid-column:1/-1;color:#b9dbd3;font-size:8px;white-space:nowrap}.turn-message{grid-column:1/-1;min-height:34px;display:grid;place-items:center;padding:6px 10px;border-radius:12px;background:rgba(255,253,247,.94);color:#173d35;font-size:11px;font-weight:900;text-align:center}
.playing-card{position:relative;width:50px;height:72px;border:1px solid #cabf9f;border-radius:7px;background:linear-gradient(145deg,#fff,#fffaf0);box-shadow:0 5px 10px rgba(0,0,0,.2);color:#17231f;font-family:Georgia,serif;display:grid;place-items:center;user-select:none}.playing-card.red{color:var(--red)}.playing-card .rank{position:absolute;top:4px;right:5px;font-size:15px;font-weight:900}.playing-card .suit{font-size:28px}.playing-card.small{width:46px;height:66px}.hand-panel{margin-top:10px;padding:9px 10px 7px;border-radius:17px;background:linear-gradient(180deg,#fffdf8,#f5efe0);border:1px solid #ded3b9}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.hand-heading span{font-size:9px;color:var(--muted);font-weight:800}.hand-heading h2{margin:1px 0 0;font-size:15px}.hand-tabs{display:flex;gap:4px;flex-wrap:wrap}.hand-tabs button{padding:4px 8px;border-radius:8px;border:1px solid #cabf9f;background:#fff;color:#5a635f;font-size:9px;font-weight:900;cursor:pointer}.hand-tabs button[aria-selected="true"]{background:#1c6858;border-color:#1c6858;color:#fff}.hand{direction:ltr;min-height:91px;display:flex;align-items:flex-end;justify-content:center;padding:8px 3px 2px;overflow-x:auto;overflow-y:hidden}.hand .playing-card{flex:0 0 50px;margin-left:-14px;transition:transform .15s,filter .15s,opacity .15s;cursor:default}.hand .playing-card:first-child{margin-left:0}.hand .playing-card.legal{cursor:pointer}.hand .playing-card.legal:hover,.hand .playing-card.legal:focus-visible{transform:translateY(-10px);z-index:5}.hand .playing-card.illegal{filter:grayscale(.65);opacity:.48}.empty-hand{direction:rtl;color:var(--muted);font-size:11px}.hand-hint{margin:4px 0 0;color:var(--muted);font-size:9px;text-align:center}
.control-panel{display:flex;flex-direction:column;gap:9px;min-width:0}.panel-card{padding:11px;border-radius:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900}.panel-title b{color:#4f6a63;font-size:9px}.room-state{padding:3px 7px;border-radius:99px;background:#edf3f1;color:#61736e;font-size:9px}.room-state.active{background:#dff4e8;color:#17613c}.room-code-row{display:flex;align-items:center;gap:6px;margin:8px 0 5px;padding:7px 8px;border-radius:13px;background:#eff6f3;border:1px solid #d6e4df}.room-code-row>div{min-width:0;flex:1}.room-code-row small{display:block;color:var(--muted);font-size:8px;font-weight:800}.room-code-row strong{display:block;direction:ltr;font:950 25px/1.1 ui-monospace,Consolas,monospace;letter-spacing:.11em;color:#153e36}.room-card p,.declaration-card p{margin:5px 0;color:var(--muted);font-size:10px;line-height:1.45}.primary-button,.secondary-button{width:100%;min-height:38px;padding:8px 12px;border-radius:11px;font-weight:900;cursor:pointer}.primary-button{border:0;background:linear-gradient(135deg,#156b59,#0b4a3e);color:#fff;box-shadow:0 7px 16px rgba(11,74,62,.22)}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secondary-button{border:1px solid #c9d9d4;background:#fff;color:#19493f}.auction-history{direction:ltr;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:7px 0;max-height:94px;overflow:auto}.auction-history .call{min-height:24px;padding:3px;border-radius:6px;background:#f2f6f4;text-align:center;font-size:10px;font-weight:900}.auction-history .call.red{color:var(--red)}.auction-history .call.current{background:#fff1c9}.bid-grid{direction:ltr;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;max-height:168px;overflow:auto}.bid-grid button,.special-calls button,.denomination-buttons button{border:1px solid #cbd8d4;background:#fff;color:#193a33;font-weight:900;cursor:pointer}.bid-grid button{min-height:29px;border-radius:7px;font-size:11px}.bid-grid button.red,.denomination-buttons button[data-denomination="D"],.denomination-buttons button[data-denomination="H"]{color:var(--red)}.bid-grid button:disabled,.special-calls button:disabled{opacity:.28;cursor:not-allowed}.special-calls{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:5px}.special-calls button{min-height:31px;border-radius:8px;font-size:9px}.special-calls button.enabled{background:#174f43;color:#fff;border-color:#174f43}.denomination-buttons{direction:ltr;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0}.denomination-buttons button{min-height:38px;border-radius:9px;font:900 19px Georgia,serif}.denomination-buttons button.selected{background:#184f43;color:#fff;border-color:#184f43}.declaration-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.declaration-actions button{font-size:9px}.players-list{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto}.players-list li{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:34px;padding:5px 7px;border-radius:10px;background:#f3f7f5;border:1px solid #e0e9e6}.players-list li.active{background:#fff8df;border-color:#ead7a6}.players-list li.disconnected{opacity:.55}.player-rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e2ebe8;font-size:9px;font-weight:900}.player-copy{min-width:0}.player-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.player-copy small{display:block;color:var(--muted);font-size:8px}.player-score{text-align:left}.player-score b{display:block;font-size:12px}.player-score small{font-size:7px;color:var(--muted)}.empty-player{display:block!important;text-align:center;color:var(--muted);font-size:9px}.last-event{display:flex;align-items:center;gap:7px;margin-top:7px;min-height:42px;padding:7px 9px;border-radius:11px;background:#eef5f2;color:#2d5149}.last-event>span{color:#c28c21;font-size:17px}.last-event p{margin:0;font-size:9px;font-weight:800;line-height:1.4}.adbar{min-height:8px}.game-footer{padding:9px;text-align:center;color:#70817c;font-size:9px}.game-footer a{color:#45665e;text-decoration:none}.game-footer span{margin:0 5px}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:15px;background:rgba(2,30,26,.72);backdrop-filter:blur(8px);overflow:auto}.sheet{position:relative;width:min(100%,520px);max-height:calc(100vh - 30px);overflow:auto;padding:22px;border-radius:24px;background:linear-gradient(145deg,#fffdf7,#eef5f2);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}.sheet h2{margin:3px 0 6px;font-size:24px}.sheet>p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.55}.welcome-suits{direction:ltr;display:flex;justify-content:center;gap:5px;font:900 36px Georgia,serif}.welcome-suits span:nth-child(2),.welcome-suits span:nth-child(3){color:var(--red)}.welcome-sheet h2,.welcome-sheet>p{text-align:center}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:11px 0;padding:4px;border-radius:13px;background:#dfe9e5}.mode-tabs button{min-height:36px;border:0;border-radius:9px;background:transparent;color:#526963;font-weight:900;cursor:pointer}.mode-tabs button[aria-selected="true"]{background:#fff;color:#174f43;box-shadow:0 4px 12px rgba(28,68,59,.12)}.welcome-sheet form>label,.create-fields>label,#codeField>label{display:block;margin:9px 0 4px;font-size:10px;font-weight:900}.welcome-sheet input,.welcome-sheet select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c7d7d2;border-radius:11px;background:#fff;color:var(--ink)}#joinCode{direction:ltr;text-align:center;font:900 22px ui-monospace,Consolas,monospace;letter-spacing:.2em}.gender-choice{margin:9px 0;padding:0;border:0}.gender-choice legend{margin-bottom:4px;font-size:9px;font-weight:900}.gender-choice label{display:inline-block;margin-left:5px}.gender-choice input{position:absolute;opacity:0;width:1px;height:1px}.gender-choice span{display:inline-block;min-width:64px;padding:7px;border:1px solid #cbd9d5;border-radius:9px;background:#fff;text-align:center;font-size:10px;font-weight:900;cursor:pointer}.gender-choice input:checked+span{border-color:#1a6656;background:#e2f3ed;color:#105343}.variant-note{min-height:45px;margin-top:6px;padding:7px 9px;border-radius:10px;background:#edf5f2;color:#49665f;font-size:9px;line-height:1.5}.form-error{min-height:18px;margin:5px 0!important;color:#b12434!important;font-weight:800}.privacy-note{margin:11px 0 0!important;padding:7px 9px;border-radius:10px;background:#eaf2ef;color:#60756f!important;font-size:8px!important}.close-button{position:absolute;top:12px;left:12px;width:32px;height:32px;border:0;border-radius:50%;background:#dfe9e5;color:#2f5149;font-size:22px;cursor:pointer}.help-sheet ol{padding-right:19px;color:#3d5751;font-size:10px;line-height:1.55}.help-sheet li{margin:5px 0}.variant-summary{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.variant-summary p{margin:0;padding:7px;border-radius:9px;background:#edf4f1;font-size:9px}.sheet-links{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:10px 0}.sheet-links a{color:#176252;font-size:9px;font-weight:900}.result-sheet{text-align:center}.result-symbol{font:900 50px Georgia,serif;color:#173f36}.result-contract{margin:8px 0;padding:10px;border-radius:12px;background:#e8f1ee;font-size:11px;font-weight:900}.finish-list{list-style:none;margin:9px 0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:right}.finish-list li{display:flex;justify-content:space-between;gap:7px;padding:7px 9px;border-radius:9px;background:#f2f6f4;font-size:10px}.result-sheet button{margin-top:5px}.noscript{padding:20px;text-align:center}
@keyframes pulse{50%{opacity:.35}}@keyframes seatGlow{to{box-shadow:0 0 0 5px rgba(255,225,145,.38),0 9px 28px rgba(0,0,0,.36)}}
@media(max-width:980px){.game-layout{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:1fr 1fr}.room-card,.auction-card,.declaration-card{grid-column:1}.players-card,.event-card{grid-column:2}.bridge-table{min-height:540px}.game-footer{padding-bottom:max(9px,env(safe-area-inset-bottom))}}
@media(max-width:650px){.game-header{min-height:58px;padding:7px 9px}.brand-mark{width:40px;height:40px;font-size:17px;line-height:16px}.brand strong{font-size:18px}.brand small{display:none}.connection-pill{padding:4px 7px}.connection-pill span{display:none}.small-button{padding:6px 8px;font-size:10px}.game-layout{padding:7px}.table-panel{padding:7px;border-radius:17px}.table-heading{padding-bottom:6px}.deal-badges span{padding:4px 6px;font-size:8px}.bridge-table{min-height:430px;border-width:8px;border-radius:35% / 22%}.seat{min-width:100px;max-width:138px;padding:6px 8px}.seat strong{font-size:10px}.seat small{font-size:7px}.seat-east{right:1%}.seat-west{left:1%}.table-center{inset:22% 14%;grid-template-columns:90px 1fr;gap:5px}.trick-grid{min-height:165px}.contract-box strong{font-size:27px}.playing-card.small{width:39px;height:57px}.playing-card.small .rank{font-size:12px}.playing-card.small .suit{font-size:22px}.hand .playing-card{flex-basis:44px;width:44px;height:66px;margin-left:-15px}.hand .playing-card .rank{font-size:13px}.hand .playing-card .suit{font-size:24px}.control-panel{display:flex}.panel-card{padding:9px}.players-list{max-height:150px}.sheet{padding:18px 14px;border-radius:18px}.variant-summary{grid-template-columns:1fr}}
@media(max-width:430px){.table-heading h1{font-size:16px}.table-center{inset:23% 10%;grid-template-columns:78px 1fr}.trick-grid{min-height:150px}.trick-card.east{right:2px}.trick-card.west{left:2px}.seat{min-width:88px}.seat-direction{display:none}.room-code-row strong{font-size:21px}.auction-history{max-height:80px}.bid-grid{max-height:145px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:700px){.game-header{min-height:52px;padding-block:5px}.game-layout{grid-template-columns:minmax(0,1fr) 330px;padding:6px}.bridge-table{min-height:410px}.table-heading{padding-bottom:5px}.control-panel{display:flex;gap:5px}.panel-card{padding:7px}.players-list{max-height:100px}.room-card p{display:none}.hand{min-height:75px}.hand .playing-card{height:61px}.game-footer{display:none}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark}.app-shell{background:#071f1c;color:#eef7f4}.game-header,.table-panel,.panel-card{background:rgba(11,39,34,.96);border-color:#244b43}.brand,.icon-button,.small-button{color:#eef7f4}.icon-button,.small-button,.round-button{background:#123c35;border-color:#326057}.connection-pill{background:#143b35}.table-heading h1{color:#fff}.deal-badges span,.room-code-row,.last-event,.players-list li,.variant-note{background:#123c35;border-color:#2a554d;color:#d9ebe6}.hand-panel{background:linear-gradient(180deg,#173b34,#102b27);border-color:#4a584b}.hand-heading h2{color:#fff}.panel-title,.room-code-row strong{color:#f4fbf8}.bid-grid button,.special-calls button,.denomination-buttons button,.secondary-button{background:#123b34;border-color:#376057;color:#edf7f4}.playing-card{color:#17231f}.playing-card.red{color:var(--red)}.sheet{background:linear-gradient(145deg,#123a33,#0c2925);color:#f0faf7}.welcome-sheet input,.welcome-sheet select,.gender-choice span{background:#123a33;border-color:#3a645b;color:#fff}.mode-tabs{background:#0b2924}.mode-tabs button[aria-selected="true"]{background:#1a4a41;color:#fff}.privacy-note{background:#123a33!important;color:#c1d9d2!important}}