@font-face{font-family:Lora;src:url(/assets/Lora-C1B0tkav.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:block}:root{--app-font:"Lora", Georgia, serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1;font-family:var(--app-font);color:#f1f3e9;font-synthesis:none;font-size:calc(16px * var(--ui-scale,1));--ink:#f1f3e9;--muted:#a9bbb7;--gold:#e5c278;--line:#36514b;--felt:#174b42;--panel:#14262a;--danger:#ffc1b7;--radius:18px;background:#0c171b}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:48px;color:inherit;border:1px solid #0000;border-radius:10px;padding:12px 22px;font-weight:650;transition:background .15s,transform .15s}button:disabled{cursor:default;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--app-font)}h1{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}p{color:var(--muted);line-height:1.6}.primary{background:var(--gold);color:#132723}.primary:not(:disabled):hover{background:#f2d596}.secondary{background:#263c3b;border-color:#49605a}.secondary:not(:disabled):hover{background:#35504b}.full{justify-content:space-between;align-items:center;width:100%;display:flex}.eyebrow{font-size:calc(.8125rem * var(--ui-scale,1));letter-spacing:.16em;color:var(--gold);margin-bottom:18px;font-weight:700;display:block}.brand{font-family:var(--app-font);font-size:calc(1.45rem * var(--ui-scale,1));align-items:center;gap:12px;line-height:1.05;text-decoration:none;display:flex}.brand small{font:600 calc(.75rem * var(--ui-scale,1))/1.5 var(--app-font);letter-spacing:.2em;color:var(--muted);margin-top:6px;display:block}.brand-mark{font-size:calc(2.5rem * var(--ui-scale,1));color:var(--gold);line-height:1}.home{background:radial-gradient(at 50% 42%,#1a4c42 0%,#102d2b 45%,#0c171b 85%);flex-direction:column;align-items:center;min-height:100svh;padding:20px max(20px,4vw);display:flex}.home-header{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.home-header .brand small{display:none}.home-header .brand-mark{font-size:2rem}.table-header{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.local-label{color:var(--muted);font-size:calc(.875rem * var(--ui-scale,1));border:1px solid var(--line);border-radius:30px;padding:8px 14px}.start-panel{border:1px solid #476254;border-top:3px solid var(--gold);border-radius:var(--radius);background:#142e2b;flex-direction:column;width:min(100%,680px);max-height:calc(100dvh - 94px);margin:18px auto 0;padding:24px;display:flex;box-shadow:0 24px 80px #0004;container-type:inline-size}body:has(.start-panel){min-width:0}.start-heading{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:18px;display:flex}.start-heading .eyebrow{order:1;margin:0}.start-heading h1{margin:0;font-size:2rem;line-height:1.2}.start-fields,.start-identity,.start-raspas-row,.start-whist-row,.start-options{gap:14px;display:grid}.start-form{flex-direction:column;gap:14px;min-height:0;display:flex}.start-fields{min-height:0;margin:-8px;padding:8px;overflow:auto}.start-identity{grid-template-columns:minmax(0,1fr) 114px}.start-form .field{gap:9px;min-width:0;margin:0}.start-form .field input,.start-form .field select{min-height:44px;padding-block:10px}.start-options{gap:8px 18px}.start-options .check{align-items:center;min-height:32px;margin:0}.start-options .check input{margin:0}.start-rules summary{cursor:pointer;color:var(--muted);padding-block:4px;font-size:.875rem}.start-rules .rule-note{border:0;padding:6px 0 0}.start-rules .rule-note p{margin:0}.start-actions{background:#142e2b;flex-shrink:0;padding-block:4px}.start-panel .return-link{flex-shrink:0;margin-top:12px}@container (width>=530px){.start-whist-row,.start-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=600px) and (height<=720px){.home{padding-block:12px}.start-panel{max-height:calc(100dvh - 68px);margin-top:8px;padding:16px 24px}.start-heading{margin-bottom:12px}.start-form,.start-fields{gap:10px}.start-form .field input,.start-form .field select{min-height:40px;padding-block:8px}}.field{font-size:calc(.875rem * var(--ui-scale,1));flex-direction:column;gap:9px;margin-bottom:21px;font-weight:600;display:flex}.field input,.field select{width:100%;min-height:48px;color:var(--ink);font-size:calc(1rem * var(--ui-scale,1));background:#0d2423;border:1px solid #4b675e;border-radius:9px;padding:12px 14px}.field input::placeholder{color:#8fa59e}.field select{appearance:auto}.start-panel .field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c4d4cb' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:42px}.start-panel .field,.start-panel .field input,.start-panel .field select,.start-panel .check{font-weight:500}.start-panel button{font-weight:600}@supports (appearance:base-select){.start-panel .field select{appearance:base-select}.start-panel .field select::picker(select){appearance:base-select}.start-panel .field select{background-image:none;align-items:center;gap:16px;padding-right:16px}.start-panel .field select::picker-icon{content:"";border-bottom:1.5px solid #c4d4cb;border-right:1.5px solid #c4d4cb;flex:0 0 8px;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.start-panel .field select:open::picker-icon{transform:translateY(2px)rotate(225deg)}.start-panel .field select::picker(select){color:var(--ink);font:inherit;font-variant-numeric:inherit;font-feature-settings:inherit;background:#17302d;border:1px solid #60786b;border-radius:10px;max-height:min(320px,60dvh);margin-block:5px;padding:5px;overflow-y:auto;box-shadow:0 12px 32px #0006}.start-panel .field select option{border-radius:6px;gap:10px;min-height:44px;padding:10px 12px}.start-panel .field select option:checked{background:#29433a}.start-panel .field select option:hover,.start-panel .field select option:focus-visible{background:#365347;outline:none}.start-panel .field select option::checkmark{color:var(--gold)}}.check{font-size:calc(.875rem * var(--ui-scale,1));color:#d2ddd7;cursor:pointer;align-items:flex-start;gap:11px;margin-bottom:24px;line-height:1.45;display:flex}.check input{width:19px;height:19px;accent-color:var(--gold);flex-shrink:0;margin:1px 0}.rule-note{border-top:1px solid var(--line);gap:12px;padding:21px 0 4px;display:flex}.rule-note>span{font-size:calc(1.4rem * var(--ui-scale,1));color:var(--gold)}.rule-note p{font-size:calc(.875rem * var(--ui-scale,1));line-height:1.5}.return-link{text-align:center;font-size:calc(.875rem * var(--ui-scale,1));text-underline-offset:5px;margin-top:24px;display:block}.error{color:var(--danger);font-size:calc(.875rem * var(--ui-scale,1));background:#432a29;border:1px solid #81574d;border-radius:9px;padding:12px 15px}.lobby{background:radial-gradient(#1a5246,#102928 60%,#0c171b);min-height:100svh;padding:30px max(24px,5vw)}.connection{font-size:calc(.875rem * var(--ui-scale,1));color:var(--muted);align-items:center;gap:8px;display:inline-flex}.connection:before{content:"";background:#e1af67;border-radius:50%;width:7px;height:7px}.connection.online:before{background:#9cc6a1}.lobby-center{text-align:center;max-width:820px;margin:100px auto 50px}.seats{grid-template-columns:repeat(3,1fr);gap:22px;margin:45px 0 28px;display:grid}.lobby-seat{min-height:178px;color:var(--muted);border:1px dashed #59756a;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;display:flex}.lobby-seat.occupied{color:var(--ink);background:#0d2927a6;border-style:solid}.avatar{width:56px;height:56px;font-family:var(--app-font);font-size:calc(1.6rem * var(--ui-scale,1));color:var(--gold);background:#2f534b;border:1px solid #638277;border-radius:50%;place-items:center;display:inline-grid}.lobby-seat small{font-size:calc(.8125rem * var(--ui-scale,1));color:var(--muted)}.lobby-rules{color:#c4d4cb;font-size:calc(.875rem * var(--ui-scale,1));flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.lobby-rules span{border:1px solid var(--line);border-radius:24px;padding:7px 13px}.lobby-center>button{min-width:210px;margin:5px}.lobby-center .error{margin-top:20px}@media (width<=600px){.home{padding:14px 12px}.lobby{padding:22px 18px}.start-panel{max-height:calc(100dvh - 86px);margin-top:12px;padding:18px}.local-label{font-size:calc(.75rem * var(--ui-scale,1));padding:7px 10px}.brand{font-size:calc(1.2rem * var(--ui-scale,1))}.brand-mark{font-size:calc(2rem * var(--ui-scale,1))}.lobby-center{margin-top:60px}.seats{gap:10px;margin-top:30px}.lobby-seat{min-height:150px;padding:18px 5px}.lobby-seat strong{font-size:calc(.875rem * var(--ui-scale,1));overflow-wrap:anywhere}.avatar{width:44px;height:44px;font-size:calc(1.3rem * var(--ui-scale,1))}.lobby-rules{gap:7px}.lobby-center>button{width:100%;margin:5px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.text-button{color:#cbd9d1;font-size:calc(.875rem * var(--ui-scale,1));background:0 0;border-color:#0000;min-height:44px;padding:10px 12px}.text-button:not(:disabled):hover{background:#29413e}.icon-button{font-size:calc(1.75rem * var(--ui-scale,1));background:0 0;min-width:44px;min-height:44px;padding:4px 12px}.control-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.control-buttons button{white-space:normal}.score-column{min-width:0}.sheet-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.sheet-heading h2{font-size:calc(1.7rem * var(--ui-scale,1));margin:0}.sheet-heading>span{font-size:calc(.8125rem * var(--ui-scale,1));color:var(--muted)}.sheet-heading strong{color:var(--gold);font-size:calc(1rem * var(--ui-scale,1))}.self-row th{color:var(--gold)}.button-link{border-radius:10px;padding:14px 25px;font-weight:650;text-decoration:none;display:inline-block}@media (width<=760px){.table-header{flex-wrap:wrap;gap:10px}.control-buttons{justify-content:flex-start;gap:8px;width:100%}.control-buttons button{min-height:46px;padding:11px 16px}.lobby .table-header .connection{font-size:calc(.75rem * var(--ui-scale,1))}}.invitation{max-width:620px;margin:0 auto 24px}.invitation .field{text-align:left;margin-bottom:12px}.invitation input{font-size:calc(.8125rem * var(--ui-scale,1));color:#adc1b7}.invitation p{font-size:calc(.8125rem * var(--ui-scale,1));margin-top:12px}.expand-score{min-height:36px;font-size:calc(.8125rem * var(--ui-scale,1));padding:6px 8px}.score-column{overscroll-behavior:contain;scrollbar-width:thin}.opponent-card-row{width:100%;min-width:0;margin-inline:auto;display:grid}.opponent-card-row[data-card-count="0"]{display:none}h1,h2{letter-spacing:-.02em;font-weight:500}.playing-card{--rail-width:var(--index-width,25px);--index-gap:3px;--face-padding:3px;--face-gap:3px;--pip-max-width:calc(var(--card-width,72px) * .46);--pip-max-height:calc(var(--card-width,72px) * .46);grid-template-columns:var(--rail-width) minmax(0, 1fr);width:var(--card-width,72px);height:var(--card-height,104px);min-height:0;padding:var(--face-padding);align-items:start;gap:var(--face-gap);font-family:var(--app-font);color:#152c34;text-align:left;background:#fff;border:1px solid #cbcbb7;border-radius:7px;flex-shrink:0;grid-template-rows:minmax(0,1fr);font-weight:600;line-height:1;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;position:relative;box-shadow:0 4px 8px #051b2440}.playing-card.red-suit{color:#ae3f38}.playing-card:disabled{opacity:1;cursor:default}.playing-card.can-play{cursor:pointer;padding:max(0px, calc(var(--face-padding) - 1px));border:2px solid #d6bb6a;box-shadow:0 0 0 1px #d6bb6a40,0 5px 8px #061c2850}.playing-card.selected-card{padding:max(0px, calc(var(--face-padding) - 2px));background:#fff;border:3px solid #ebbf52;transform:translateY(-16px)}.card-corner{align-items:center;gap:var(--corner-gap,3px);text-align:center;width:100%;line-height:1;font-size:var(--index-size,22px);z-index:1;flex-direction:column;grid-area:1/1;align-self:start;display:flex}.card-rank{width:100%;height:1em;line-height:1;font-family:var(--app-font);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;font-weight:650;display:block}.card-suit{text-align:center;width:100%;height:1em;line-height:1;font-size:var(--suit-size,20px);display:block}.suit-mark{fill:currentColor;width:1em;height:1em;margin-inline:auto;display:block}.card-illustration{pointer-events:none;border-radius:2px;grid-area:1/2;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.court-art{object-fit:contain;filter:contrast(1.05);object-position:center bottom;pointer-events:none;border-radius:0;width:100%;max-width:100%;height:100%;display:inline}.jack-art{transform:translateY(2.5%)}.court-card .card-illustration{--notch-width:calc(var(--rail-width) + 1px);--notch-height:calc(var(--index-size,22px) + var(--suit-size,20px) + var(--index-gap) + 1px);clip-path:polygon(var(--notch-width) 0, 100% 0, 100% 100%, 0 100%, 0 var(--notch-height), var(--notch-width) var(--notch-height));grid-column:1/-1}.court-card .card-corner{gap:var(--index-gap);position:relative;inset:auto}.number-card{grid-template-rows:auto minmax(0,1fr)}.number-card .card-pip{text-align:center;grid-area:2/1/auto/-1;place-self:stretch stretch;place-items:center;width:100%;height:100%;min-height:0;font-size:36px;display:grid;position:relative}.ace-card .card-pip{font-size:44px}.number-card .card-pip .suit-mark{width:100%;height:100%;max-width:var(--pip-max-width,36px);max-height:var(--pip-max-height,36px);margin:auto;position:absolute;inset:0}.ace-card .card-pip .suit-mark{width:42%;max-width:none;height:48%;max-height:none}.ace-ornament{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;max-width:100%;height:100%;margin:auto;position:absolute;inset:0}.felt-table .suit-row{--corner-gap:3px;grid-template-columns:repeat(calc(var(--row-card-count) - 1), minmax(0, 1fr)) var(--card-width);width:100%;min-width:0;max-width:calc(var(--card-width) + (var(--row-card-count) - 1) * var(--card-width) * var(--opponent-card-step));height:var(--card-height);gap:0;margin:0;display:grid}.felt-table .suit-row[data-card-count="0"]{display:block}.felt-table .own-suit-group{max-width:calc(var(--card-width) + (var(--row-card-count) - 1) * var(--card-width) * var(--own-card-step))}.felt-table .hand-cards{gap:var(--suit-gap);width:max-content;min-width:0;max-width:100%;min-height:var(--card-height);justify-content:normal;margin-inline:auto;display:grid}.felt-table .hand-cards:has(.own-suit-group){width:100%}.opponent[data-side=right] .suit-row{margin-left:auto;margin-right:0}.opponent-suits .suit-row{z-index:auto;position:relative}.felt-table .hand-card-slot{width:var(--card-width);height:var(--card-height);min-width:0;display:block;position:relative}.felt-table .suit-row .playing-card{transition:transform .18s cubic-bezier(.2,.7,.25,1),box-shadow .18s,border-color .15s;transform:translateY(0)}.felt-table .suit-row .playing-card.selected-card{transform:translateY(-16px)}@media (hover:hover) and (pointer:fine){.felt-table .hand-card-slot:hover{z-index:2}.felt-table .hand-card-slot:hover .playing-card{z-index:2;transform:translateY(-8px);box-shadow:0 9px 13px #051b2460}.felt-table .hand-card-slot:hover .playing-card.selected-card{transform:translateY(-20px)}}.card-back{width:var(--card-width,40px);height:var(--card-height,58px);border-radius:5px;flex-shrink:0;display:inline-block;box-shadow:0 3px 8px #001a2255}.card-back,.trick-mini-back{background:#16394d url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20190'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='ink'%20x1='0'%20y1='0'%20x2='140'%20y2='190'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2321485d'/%3e%3cstop%20offset='1'%20stop-color='%23102b3e'/%3e%3c/linearGradient%3e%3cpattern%20id='weave'%20width='16'%20height='16'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M8%200%2016%208%208%2016%200%208Z'%20stroke='%2365808a'%20stroke-opacity='.3'%20stroke-width='.65'/%3e%3ccircle%20cx='8'%20cy='8'%20r='1'%20fill='%23bcab78'%20fill-opacity='.5'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='140'%20height='190'%20rx='9'%20fill='%23ece4ce'/%3e%3crect%20x='5'%20y='5'%20width='130'%20height='180'%20rx='6'%20fill='url(%23ink)'/%3e%3crect%20x='11'%20y='11'%20width='118'%20height='168'%20rx='3'%20fill='url(%23weave)'%20stroke='%23c8b87e'%20stroke-width='1.1'/%3e%3crect%20x='16'%20y='16'%20width='108'%20height='158'%20rx='2'%20stroke='%23c8b87e'%20stroke-opacity='.55'%20stroke-width='.65'/%3e%3cpath%20d='M21%2036V21H36M104%2021H119V36M119%20154V169H104M36%20169H21V154'%20stroke='%23dac995'%20stroke-width='1.3'/%3e%3cpath%20d='m26%2026%205%205m83-5-5%205m5%20133-5-5M26%20164l5-5'%20stroke='%23dac995'%20stroke-width='1.4'/%3e%3cpath%20d='M70%2044%20105%2095%2070%20146%2035%2095Z'%20fill='%2315374a'%20stroke='%23cbb985'%20stroke-width='1.3'/%3e%3cpath%20d='M70%2051%2099%2095%2070%20139%2041%2095Z'%20stroke='%23cbb985'%20stroke-opacity='.5'%20stroke-width='.7'/%3e%3cellipse%20cx='70'%20cy='95'%20rx='22'%20ry='30'%20fill='%2318394b'%20stroke='%23d4c18d'%20stroke-width='1.2'/%3e%3cellipse%20cx='70'%20cy='95'%20rx='18'%20ry='25'%20stroke='%23bda974'%20stroke-opacity='.55'%20stroke-width='.6'/%3e%3cpath%20d='M70%2077C66%2084%2057%2089%2057%2096C57%20104%2065%20108%2069%20101C69%20107%2066%20110%2063%20113H77C74%20110%2071%20107%2071%20101C75%20108%2083%20104%2083%2096C83%2089%2074%2084%2070%2077Z'%20fill='%23dccb97'/%3e%3cpath%20d='m70%2031%203%204-3%204-3-4Zm0%20120%203%204-3%204-3-4Z'%20fill='%23d4c18d'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;border:1px solid #dfd6b8}.felt-table .closed-card-row{grid-template-columns:repeat(calc(var(--closed-card-count) - 1), minmax(0, 1fr)) var(--card-width);width:100%;max-width:calc(var(--card-width) + (var(--closed-card-count) - 1) * var(--card-width) * var(--closed-card-step));min-width:0;height:var(--card-height);display:grid}.felt-table .closed-card-row[data-card-count="0"]{display:none}.felt-table .card-back-slot{width:var(--card-width);height:var(--card-height);display:block;position:relative}.felt-table .closed-hand .card-back{margin:0;transition:none;display:block;transform:none;box-shadow:0 2px 5px #04171e55}.trick-back-stack{--trick-back-width:calc(13px * var(--ui-scale));--trick-back-step:calc(3px * var(--ui-scale));height:calc(19px * var(--ui-scale));flex-shrink:0;display:inline-block;position:relative}.trick-mini-back{width:var(--trick-back-width);height:calc(19px * var(--ui-scale));border-radius:2px;position:absolute;top:0;box-shadow:1px 1px 2px #0018}.empty-stack{opacity:.6;border:1px dashed #8ea89a70;border-radius:2px}.felt-table .trick-slot .playing-card{transform:rotate(-5deg)}.felt-table .trick-slot:nth-child(2) .playing-card{transform:translateY(10px)rotate(3deg)}.felt-table .trick-slot:nth-child(3) .playing-card{transform:rotate(7deg)}.winning-card .playing-card{box-shadow:0 0 0 2px #e5c278,0 5px 12px #0005}@media (width<=760px){.felt-table .playing-card{--face-padding:1px;--face-gap:2px}.felt-table .suit-row{--corner-gap:2px}.felt-table .playing-card.selected-card{border-width:2px}.felt-table .closed-hand .card-back{min-width:var(--card-width)}}@media (width<=760px),(width>=761px) and (height<=800px){.playing-card{--index-gap:2px}}@media (width>=761px) and (height<=800px){.felt-table .suit-row{--corner-gap:2px}}@media (width>=1440px) and (height>=900px){.felt-table .suit-row .playing-card{border-radius:.4rem}}@media (prefers-reduced-motion:reduce){.felt-table .suit-row .playing-card{transition:none}}@media (width<=360px){.game-layout.card-first[data-hand-count="12"] .hand-cards{row-gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important}.game-layout.card-first[data-hand-count="12"] .own-suit-group:has(.hand-card-slot:nth-child(7)){grid-column:1/-1}}.talon-detail .playing-card,.talon-detail .card-back,.last-trick-detail .playing-card{--card-width:var(--detail-card-width);width:var(--card-width);height:calc(var(--card-width) * var(--card-aspect));--rail-width:var(--index-width);border-radius:7px;gap:3px;padding:3px}.raspas-claim-hand .playing-card{--face-padding:3px;--face-gap:3px}.player-heading{align-items:center;display:flex;container:player-header/inline-size}.player-heading .avatar{background:#143b32;border-color:#67947d}.player-heading small{color:#b2cdc0;display:block}.hand-label{font-size:calc(.875rem * var(--ui-scale,1));color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.hand-label strong{color:#d5e0d8;font-size:calc(.9375rem * var(--ui-scale,1))}.hand-label small{color:#92aaa0;font-size:calc(.75rem * var(--ui-scale,1));margin-left:5px;font-weight:400}.active-hand .hand-label strong{color:var(--gold)}@media (width<=760px){.hand-label{font-size:calc(.8125rem * var(--ui-scale,1))}}.hand-label strong{overflow-wrap:anywhere;min-width:0}.felt-table .hand-label{color:#bbd1c0;margin-bottom:0}.player-heading strong{align-items:center;min-width:0;display:flex}.hand-label>strong{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.player-heading>div{min-width:0}.player-heading strong{overflow-wrap:anywhere}.contract-badge{font:700 calc(16px * var(--ui-scale,1))/1.15 var(--app-font);color:#f4e4b0;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.contract-badge small{font:400 calc(10px * var(--ui-scale,1))/1.2 var(--app-font);color:inherit;margin:0}.contract-red{color:#ffaaa1}.opponent[data-side=right] .player-heading{flex-direction:row-reverse}.opponent[data-side=right] .player-heading>div{text-align:right}.opponent[data-side=right] .player-heading strong{justify-content:flex-end}.player-name-row{flex-wrap:nowrap;align-items:center;display:flex}.player-identity{flex:1;min-width:0}.opponent[data-side=right] .player-name-row{flex-direction:row-reverse}.won-tricks{white-space:nowrap;color:#bed1c4;font:500 calc(12px * var(--ui-scale,1))/1.2 var(--app-font);flex-shrink:0;align-items:center;display:inline-flex}@media (width<=760px){.player-heading .player-identity{flex:60px}}@media (width>=1440px) and (height>=900px){.contract-badge{gap:.25rem}.contract-badge small{font-size:calc(.625rem * var(--ui-scale,1))}}.own-hand .hand-label>.player-heading{flex:1;min-width:0}.own-hand .player-heading .player-identity>small{color:#b7cabd;display:block}.player-heading .self-label{font-weight:400;font-size:calc(.75rem * var(--ui-scale,1));color:#afc1b6;margin:0}.own-hand .hand-label>span{flex-shrink:0}.game-layout.card-first .player-heading{height:calc(44px * var(--ui-scale));min-height:calc(44px * var(--ui-scale));gap:calc(6px * var(--ui-scale));flex-wrap:nowrap}.game-layout.card-first .player-heading .avatar{width:calc(28px * var(--ui-scale));height:calc(28px * var(--ui-scale));flex:0 0 calc(28px * var(--ui-scale));font-size:calc(14px * var(--ui-scale))}.game-layout.card-first .player-heading strong{font-size:calc(13px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;gap:5px;max-width:100%;overflow:hidden}.game-layout.card-first .player-name-row{gap:3px;min-width:0}.game-layout.card-first .player-heading small,.game-layout.card-first .own-hand .player-heading .player-identity>small{font-size:calc(10px * var(--ui-scale));line-height:calc(12px * var(--ui-scale));margin:1px 0 0}.game-layout.card-first .won-tricks{font-size:calc(11px * var(--ui-scale));gap:4px}.game-layout.card-first .contract-badge{font-size:calc(14px * var(--ui-scale))}.game-layout.card-first .own-hand .hand-label,.game-layout.card-first .own-hand .player-heading{height:calc(32px * var(--ui-scale));min-height:calc(32px * var(--ui-scale));gap:8px;margin:0}.game-layout.card-first .contract-badge .suit-mark{width:calc(15px * var(--ui-scale));height:calc(15px * var(--ui-scale))}@container player-header (width<=240px){.trick-count-word{display:none}}@media (width<=1000px){.header-actions .connection{font-size:calc(.75rem * var(--ui-scale,1))}}@media (width<=760px){.score-toggle{min-height:40px;font-size:calc(.8125rem * var(--ui-scale,1));padding:8px 13px}.header-actions .connection{font-size:calc(.75rem * var(--ui-scale,1))}.header-actions .text-button{font-size:calc(.8125rem * var(--ui-scale,1));min-height:40px;padding:8px}.header-actions{flex-wrap:wrap;max-width:100%}}.game-layout.card-first .table-header{flex:0 0 var(--header-height);height:var(--header-height);min-height:var(--header-height);flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.game-layout.card-first .header-actions{height:var(--header-height);flex:none;align-items:center;gap:6px;margin:0;display:flex}.game-layout.card-first .header-actions .connection{order:0;flex:0 0 calc(18px * var(--ui-scale));width:calc(18px * var(--ui-scale));min-width:calc(18px * var(--ui-scale));min-height:calc(18px * var(--ui-scale));justify-content:center}.card-first .connection:before{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));flex-shrink:0;box-shadow:0 0 0 3px #9cc6a112}.card-first .connection.pending:before{background:#e1af67}.game-layout.card-first .header-actions button{height:calc(var(--header-height) - 2px);min-height:calc(var(--header-height) - 2px);font-size:calc(12px * var(--ui-scale));border-radius:7px;padding:4px 10px;line-height:1.2}.game-layout.card-first .score-toggle{box-shadow:none;background:0 0;border-color:#0000;display:block}.game-layout.card-first .score-toggle[aria-pressed=true]{color:var(--ink);box-shadow:none;background:#304941;border-color:#70867a}.card-first .header-optional{white-space:nowrap;flex:none;gap:6px;width:max-content;display:flex}.card-first .header-optional[data-overflow=true]{visibility:hidden;pointer-events:none;position:absolute;top:0;right:0}.card-first .table-menu{position:relative}.card-first .table-menu-items{right:0;top:calc(var(--header-height) + 4px);z-index:20;background:#142e2b;border:1px solid #60766a;border-radius:10px;min-width:160px;padding:6px;display:grid;position:absolute;box-shadow:0 8px 24px #0006}.card-first .table-menu-items button{text-align:left}.action-area{border:1px solid var(--line);background:#152c2d;border-radius:14px;justify-content:space-between;align-items:center;display:flex}.action-area h2{margin:0 0 6px}.action-area p{margin:0;line-height:1.45}.action-area .eyebrow{letter-spacing:.13em}.your-action{background:#22372d;border-color:#aa9658}.turn-arrow{font-size:calc(2rem * var(--ui-scale,1));color:var(--gold);margin-right:10px}.declare-area{display:block}.declare-form{gap:calc(10px * var(--ui-scale,1));width:100%;margin:0;display:grid}.declare-form .field{gap:calc(5px * var(--ui-scale,1));width:100%;min-width:0;font-size:calc(14px * var(--ui-scale,1));margin:0}.declare-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c4d4cb' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(12px * var(--ui-scale,1)) center;background-size:calc(12px * var(--ui-scale,1)) calc(8px * var(--ui-scale,1));padding:calc(8px * var(--ui-scale,1)) calc(36px * var(--ui-scale,1)) calc(8px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1));font-size:inherit;min-height:calc(38px * var(--ui-scale,1))}.declare-actions{font-size:calc(14px * var(--ui-scale,1));gap:calc(8px * var(--ui-scale,1));flex-wrap:wrap;display:flex}.declare-actions>button{flex:12ch;min-width:min(100%,12ch);max-width:100%}.fixed-contract{font-size:calc(1rem * var(--ui-scale,1))}.declare-form>.text-button{text-align:left;color:#b9c6bb;width:100%;font-size:calc(.8125rem * var(--ui-scale,1))}.auction-history{gap:8px;max-width:100%}.auction-history>span{flex-direction:column}.auction-history small{color:#99b0a4}.auction-history strong{color:#d8dfcd;font-weight:500}@media (width<=1000px){.action-area{flex-wrap:wrap}}.action-area{flex:none;gap:14px;min-height:66px;margin:0;padding:12px 16px}.action-area h2{font-size:calc(1.25rem * var(--ui-scale,1));margin-bottom:4px}.action-area p{font-size:calc(.8125rem * var(--ui-scale,1))}.action-area .eyebrow{font-size:calc(.6875rem * var(--ui-scale,1));margin-bottom:4px}.action-area .turn-arrow{font-size:calc(1.6rem * var(--ui-scale,1))}.action-area .control-buttons{gap:8px}.action-area .control-buttons button{min-height:42px;padding:9px 14px}.auction-history{flex:none}@media (width>=761px) and (height<=760px){.action-area{min-height:56px;padding:8px 12px}.action-area h2{font-size:calc(1.1rem * var(--ui-scale,1))}}@media (width<=760px){.action-area{min-height:62px;padding:10px 12px}}.status-area{border:1px solid var(--line);background:#152c2d;min-width:0}.status-area:has(.your-action){background:#22372d;border-color:#aa9658}.status-area .status-piles{min-width:0}@media (width>=1440px) and (height>=900px){.action-area .control-buttons button{padding:.5625rem .875rem}}.pile-toggle{font-size:calc(.8125rem * var(--ui-scale,1));text-align:left;align-items:center;gap:.5rem;padding:.5rem .625rem;display:inline-flex}.pile-toggle>svg{fill:#25494f;stroke:#c2d2c5;stroke-width:1.4px;flex-shrink:0;width:1.75rem;height:1.75rem}@media (width<=760px){.game-layout[data-layout-phase=PLAY] .status-area .action-area p{-webkit-line-clamp:2;-webkit-box-orient:vertical}}.status-area>.action-area.auction-action{grid-template-columns:minmax(0,1fr) minmax(18rem,1.4fr);align-items:center;gap:1rem;width:100%;min-height:6.5rem;display:grid}.auction-action .auction-status{min-width:0}.auction-action .auction-status h2{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.auction-action .auction-status p{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.9em;line-height:1.45;display:-webkit-box;overflow:hidden}.auction-action .auction-buttons{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:3rem;align-content:start;gap:.5rem;width:100%;min-width:0;height:6.5rem;min-height:6.5rem;display:grid}.auction-action .auction-buttons button{height:3rem;min-height:0;font-size:calc(.875rem * var(--ui-scale,1));overflow-wrap:anywhere;padding:.375rem .5rem;line-height:1.15}.game-layout[data-layout-phase=AUCTION] .auction-history{flex:0 0 3.5rem;align-items:flex-start;min-width:0}.auction-history>.auction-empty{color:var(--muted);border:0;align-self:center;padding:0 4px}@media (width<=760px){.status-area>.action-area.auction-action{grid-template-columns:minmax(0,1fr);gap:.5rem}.auction-action .auction-status{height:5.5rem}}.status-area .whist-warning{color:#f3d28c;max-width:38rem;line-height:1.45}.game-layout[data-layout-phase=PLAY] .status-area>.action-area{overflow:hidden}.game-layout[data-layout-phase=PLAY] .status-area .status-piles{min-width:0}@media (width<=760px){.game-layout[data-layout-phase=PLAY] .status-area .status-piles{grid-row:2;align-self:end}}.offer-toggle{font-size:calc(.8125rem * var(--ui-scale,1));padding:8px 10px}.voting-action h2{font-size:calc(1.15rem * var(--ui-scale,1))}.game-layout.card-first .table-controls{z-index:4;width:100%;max-width:calc(580px * max(1, var(--ui-scale)));min-height:0;max-height:calc(100% - var(--history-height) - 8px);overscroll-behavior:contain;scrollbar-width:thin;border-radius:12px;flex:0 auto;position:relative;overflow:auto}.game-layout.card-first .table-controls:has(.declare-area){scrollbar-width:auto;scrollbar-color:auto}.table-controls:has(.declare-area)::-webkit-scrollbar{width:8px}.table-controls:has(.declare-area)::-webkit-scrollbar-track{background:#152c2d}.table-controls:has(.declare-area)::-webkit-scrollbar-thumb{background:#789687;border:2px solid #152c2d;border-radius:8px}.game-layout.card-first .table-controls .action-area{padding:calc(16px * var(--ui-scale));align-items:stretch;gap:calc(10px * var(--ui-scale));flex-direction:column;grid-template:none;width:100%;min-height:0;margin:0;display:flex}.game-layout.card-first .table-controls h2{font-size:calc(20px * var(--ui-scale));white-space:normal;margin:0 0 5px;line-height:1.2}.game-layout.card-first .table-controls .eyebrow{font-size:calc(11px * var(--ui-scale));margin-bottom:5px}.game-layout.card-first .table-controls p{font-size:calc(14px * var(--ui-scale));-webkit-line-clamp:unset;white-space:normal;height:auto;min-height:0;margin:0;line-height:1.4;display:block}.game-layout.card-first .table-controls .auction-status{height:auto}.game-layout.card-first .table-controls .control-buttons{flex-wrap:wrap;grid-template:none;justify-content:center;gap:6px;width:100%;height:auto;min-height:0;display:flex}.game-layout.card-first .table-controls button{font-size:calc(14px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale));min-height:calc(38px * var(--ui-scale));height:auto;line-height:1.3}.game-layout.card-first .table-controls .auction-buttons button{flex:1;min-width:35%}.game-layout.card-first .ten-area .field{font-size:calc(14px * var(--ui-scale));flex:1;gap:3px;min-width:0;margin:0}.game-layout.card-first .ten-area select{font-size:calc(14px * var(--ui-scale));min-height:34px;padding:6px}.game-layout.card-first .auction-log{height:var(--history-height);width:100%;font-size:var(--caption-size);color:var(--muted);z-index:6;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.game-layout.card-first .auction-log summary{font-size:inherit;line-height:inherit;text-align:center;cursor:pointer}.game-layout.card-first .auction-history{bottom:calc(var(--history-height) + 4px);width:min(100%, calc(480px * max(1, var(--ui-scale))));height:auto;min-height:0;max-height:calc(100cqh - var(--history-height) - 12px);scrollbar-width:thin;z-index:8;background:#173c32;border:1px solid #617a66;border-radius:8px;margin:0;padding:8px;display:block;position:absolute;left:50%;right:auto;overflow:hidden auto;transform:translate(-50%)}.game-layout.card-first .auction-history>span{border-bottom:1px solid #617a6633;border-left:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;width:100%;min-width:0;padding:7px 4px;display:grid}.game-layout.card-first .auction-history small{font-size:calc(12px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-layout.card-first .auction-history strong{font-size:calc(14px * var(--ui-scale));white-space:nowrap}.game-layout.card-first .auction-history>.auction-empty{font-size:var(--caption-size);display:block}.game-layout.card-first .status-area{flex-wrap:nowrap;flex:0 0 var(--footer-height);height:var(--footer-height);min-height:var(--footer-height);max-height:var(--footer-height);border-radius:10px;grid-template:none;align-items:center;gap:10px;padding:8px 12px;display:flex;overflow:hidden}.game-layout.card-first .status-area>.action-area{background:0 0;border:0;flex-wrap:nowrap;flex:1;grid-template:none;align-items:center;gap:8px;min-width:0;height:100%;min-height:0;margin:0;padding:0;display:flex}.game-layout.card-first .status-area .action-area>div:first-child{flex:1;min-width:0}.game-layout.card-first .status-area .action-area h2{font-size:calc(17px * var(--ui-scale));text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.3;overflow:hidden}.game-layout.card-first .status-area .action-area .eyebrow{display:none}.game-layout.card-first .status-area .action-area p{height:auto;min-height:0;font-size:calc(13px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;line-height:1.4;display:block;overflow:hidden}.game-layout.card-first .status-area button{min-height:calc(32px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));flex-shrink:0;padding:6px 9px;line-height:1.3}.game-layout.card-first .status-area .status-piles{border-top:0;border-left:1px solid #78968755;flex:none;justify-content:flex-end;align-items:center;gap:6px;padding:0 0 0 8px;display:flex}.game-layout.card-first .status-area .pile-toggle{gap:5px}.game-layout.card-first .pile-toggle svg{width:calc(20px * var(--ui-scale));height:calc(20px * var(--ui-scale))}.game-layout.card-first .phase-status{font-size:calc(17px * var(--ui-scale));flex:1;align-self:center;min-width:0;line-height:1.35}.game-layout.card-first .phase-status small{font-size:calc(13px * var(--ui-scale));color:var(--muted);line-height:1.4;display:block}.game-layout.card-first[data-arrangement=compact] .table-controls .action-area{gap:8px;padding:10px}.game-layout.card-first[data-arrangement=compact] .table-controls .auction-buttons button{white-space:nowrap;min-width:0}@media (width<=600px){.game-layout.card-first .status-area:has(.status-piles){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;padding:6px 8px;display:grid}.game-layout.card-first .status-area .status-piles{border:0;grid-row:2;justify-content:flex-end;gap:5px;padding:0}.game-layout.card-first .status-area .status-piles button{min-height:28px;font-size:calc(11px * var(--ui-scale));padding:3px 6px}.game-layout.card-first .status-area .action-area>button{font-size:calc(12px * var(--ui-scale,1));white-space:normal;max-width:55%;line-height:1.3}}@media (width>=1440px) and (height>=900px){.game-layout button:not(.playing-card){min-height:2.625rem}}.felt-table{background:radial-gradient(at 50% 38%,#21614f,#154337 76%);border:1px solid #52725d;box-shadow:inset 0 0 0 5px #0e302861,inset 0 0 80px #08282070}.opponent{border:1px solid #0000;transition:border-color .2s}.active-seat{background:#e5c27809;border-color:#ddc67c}.closed-hand{isolation:isolate;width:100%;position:relative}.trick-area{flex-direction:column;justify-content:center;align-items:center}.trick-card{text-align:center}.hand-scroll{scrollbar-width:thin;scrollbar-color:#587265 transparent}.pause-banner{background:#3a3829;border:1px solid #a08b56;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;display:flex}.pause-banner>div{flex-direction:column;gap:5px;display:flex}.pause-banner span{font-size:calc(.875rem * var(--ui-scale,1));color:#d7cda8}@media (width<=760px){.pause-banner{flex-wrap:wrap}}.game-layout>.game-columns{align-items:stretch}.felt-table{flex-direction:column}.felt-table>.own-hand{border-top:1px solid #83a28a55;flex:none}.game-layout>.pause-banner,.game-layout>.connection-alert{flex:none}@media (width<=760px){.game-layout>.pause-banner>button{width:auto}}.felt-table .hand-scroll{container-type:inline-size}.opponent-cards{min-width:0;overflow:visible;container-type:normal}.game-layout .avatar{font-family:var(--app-font);font-variant-numeric:lining-nums tabular-nums}.opponent[data-side=right] .closed-hand{justify-content:flex-end}@media (width>=1440px) and (height>=900px){html:has(.game-layout){font-size:clamp(16px,min(1vw,1.8vh),24px)}}.felt-table .closed-hand{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;height:auto;min-height:0;display:flex}.felt-table .closed-count{color:#afc7b7}.opponent[data-side=right] .closed-hand{align-items:flex-end}.felt-table .trick-cards{flex-wrap:nowrap}.felt-table>.table-middle{z-index:3}.felt-table .trick-card{transform-origin:50%;will-change:transform, opacity;flex:none}.table-talon{perspective:500px;justify-content:center;gap:8px;margin:0 0 16px;display:flex}.table-talon-card{transform-origin:50%}.incoming-card{visibility:hidden}.talon-transfer{perspective:500px}.talon-transfer-card{transform-origin:50%;will-change:transform}.raspas-talon-dock{pointer-events:none;z-index:1;gap:5px;display:flex;position:absolute}.raspas-talon-dock .dock-card{width:var(--card-width);height:var(--card-height);display:block}.game-layout[data-phase=DEAL_RESULT]:not(:has(.trick-area[data-completed=true])) .opponent{visibility:hidden}.felt-table .trick-cards{grid-template-columns:repeat(3, var(--card-width));grid-template-rows:calc(var(--card-height) + 10px);width:calc(3 * var(--card-width) + 6px);min-height:calc(var(--card-height) + 10px);flex:none;justify-content:center;align-items:start;gap:3px;display:grid}.trick-slot{width:var(--card-width);height:calc(var(--card-height) + 10px)}.raspas-talon-space{min-height:var(--card-height)}html:has(.card-first){font-size:calc(16px * var(--ui-scale,1))}.game-layout.card-first{overflow-anchor:none;--ui-scale:1;width:100%;max-width:none;height:100dvh;min-height:0;font-size:calc(16px * var(--ui-scale));--caption-size:calc(13px * var(--ui-scale));--history-height:calc(23px * var(--ui-scale));flex-direction:column;gap:6px;margin:0;padding:8px;display:flex}.game-layout.card-first .game-columns{gap:var(--columns-gap);flex:1;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;margin:0;display:grid}.game-layout.card-first[data-sidebar=visible] .game-columns{grid-template-columns:minmax(0, 1fr) var(--score-panel-width)}.game-layout.card-first .score-column{min-height:0;padding:0;display:none;overflow:hidden}.game-layout.card-first[data-sidebar=visible] .score-column{display:block}.game-layout.card-first .play-column{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.game-layout.card-first .felt-table{--card-height:calc(var(--card-width) * var(--card-aspect));--index-width:calc(var(--card-width) * var(--card-index-ratio));--index-size:calc(var(--card-width) * var(--card-rank-ratio));--suit-size:calc(var(--card-width) * var(--card-suit-ratio));--suit-gap:14px;--card-inset:4px;grid-template-columns:minmax(0, 1fr) var(--center-width) minmax(0, 1fr);grid-template-rows:minmax(calc(var(--card-height) * var(--opponent-rows) + var(--opponent-chrome)), 1fr) calc(var(--card-height) + var(--own-chrome));overscroll-behavior:contain;scrollbar-width:thin;border-radius:24px;flex:1;gap:12px;height:auto;min-height:0;padding:12px;display:grid;position:relative;overflow:hidden auto}.game-layout.card-first .opponents{display:contents}.game-layout.card-first .opponent{border-radius:12px;grid-area:1/1;align-self:start;min-width:0;padding:6px}.game-layout.card-first .opponent:nth-child(2){grid-column:3}.game-layout.card-first .opponent-cards{min-height:0;margin-top:6px;display:block}.game-layout.card-first .opponent-suits{grid-template-rows:repeat(4, var(--card-height));height:calc(var(--card-height) * 4 + 12px);gap:4px;display:grid}.game-layout.card-first .closed-count{font-size:var(--caption-size);line-height:1.4}.game-layout.card-first .felt-table>.own-hand{grid-area:2/1/auto/-1;align-self:end;min-width:0;margin:0;padding:0}.game-layout.card-first .hand-scroll{padding:12px 0 0;overflow:visible}.game-layout.card-first .raspas-talon-dock{bottom:calc(var(--card-height) + 68px);right:18px}.game-layout.card-first .felt-table>.table-middle{flex-direction:column;grid-template:none;grid-area:1/2;justify-content:center;align-self:stretch;align-items:center;gap:0;min-width:0;min-height:0;padding:0;display:flex;position:relative;container:table-center/size}.game-layout.card-first .table-middle>.trick-area{flex:none;width:auto;height:auto;min-height:0;max-height:none;margin:0;padding:0;display:block;position:absolute;inset:0}.game-layout.card-first .trick-area>.trick-cards{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-layout.card-first .trick-area>.table-talon{flex-flow:row;justify-content:center;gap:8px;min-height:0;margin:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-layout.card-first .trick-area>.raspas-talon-space{left:calc(50% - 2 * var(--card-width) - 12px);width:var(--card-width);height:var(--card-height)}.game-layout.card-first .trick-area>.auction-talon{visibility:hidden;top:0;transform:translate(-50%)}.game-layout.card-first .table-middle[data-talon-fits=true] .auction-talon{visibility:visible}.game-layout.card-first .table-middle.with-discussion>.trick-area{visibility:hidden}.game-layout.card-first .pause-banner,.game-layout.card-first .connection-alert{z-index:15;width:min(520px,100% - 24px);margin:0;padding:10px;position:fixed;top:50px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0007}.game-layout.card-first[data-arrangement=compact] .felt-table{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:calc(var(--card-height) * var(--opponent-rows) + var(--opponent-chrome)) minmax(140px, 1fr) calc(var(--card-height) + var(--own-chrome));border-radius:18px;gap:6px;padding:8px}.game-layout.card-first[data-arrangement=compact] .opponent{grid-area:1/1;padding:4px}.game-layout.card-first[data-arrangement=compact] .opponent:nth-child(2){grid-column:2}.game-layout.card-first[data-arrangement=compact] .felt-table>.table-middle{grid-area:2/1/auto/-1}.game-layout.card-first[data-arrangement=compact] .felt-table>.own-hand{grid-row:3}@media (width<=600px){.game-layout.card-first{gap:4px;padding:6px}}@media (width<=360px){.game-layout.card-first[data-arrangement=compact] .felt-table{--suit-gap:4px;padding-inline:2px}.game-layout.card-first[data-hand-count="12"] .felt-table{grid-template-rows:calc(var(--card-height) * var(--opponent-rows) + var(--opponent-chrome)) minmax(140px, 1fr) calc(var(--card-height) * 2 + var(--own-chrome) + 6px)}}@media (width<=760px){.game-layout.card-first .felt-table{--card-inset:2px}}.raspas-talon-dock .card-back{display:block}.raspas-talon-dock[data-moving=true] .card-back,.raspas-talon-dock .dock-card[data-opened=true] .card-back{visibility:hidden}.modal{color:var(--ink);width:min(calc(620px * max(1, var(--ui-scale))), calc(100% - 28px));background:#172d2e;border:1px solid #6c8069;border-radius:18px;max-height:85svh;padding:26px;box-shadow:0 24px 90px #0009}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061314bf}.modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-header h2{font-size:calc(1.75rem * var(--ui-scale,1));margin:0}.rules-content p,.rules-content dd{font-size:calc(.9375rem * var(--ui-scale,1));line-height:1.6}.rules-content dt{font-weight:650;font-size:calc(.9375rem * var(--ui-scale,1));color:var(--gold);margin-top:20px}.rules-content dd{color:#bacdc2;margin:8px 0 0}@media (width<=760px){.modal{padding:22px}}.collected-trick{background:#0c302a80;border:1px solid #72917a66;border-radius:12px;align-items:center;gap:14px;max-width:100%;margin-left:auto;padding:10px 12px;display:flex}.collected-caption{font-size:calc(.75rem * var(--ui-scale,1));overflow-wrap:anywhere;flex-direction:column;gap:5px;max-width:150px;display:flex}.collected-caption strong{color:#e0e8d7;font-weight:500}.collected-caption span{color:#b8d1c0}.collected-cards{flex-shrink:0;gap:8px;display:flex}.collected-cards>div{flex-direction:column;align-items:center;gap:5px;width:44px;display:flex}.collected-cards small{font-size:calc(.75rem * var(--ui-scale,1));white-space:nowrap;text-overflow:ellipsis;color:#bfd2c3;max-width:100%;overflow:hidden}@media (width<=760px){.collected-trick{flex-wrap:wrap;gap:8px;padding:8px}.collected-caption{max-width:120px}.collected-cards{gap:4px}.collected-cards>div{width:34px}}.table-middle .collected-trick{flex-direction:column;grid-area:1/3;align-items:flex-start;gap:7px;padding:8px}.table-middle .collected-caption{font-size:calc(.75rem * var(--ui-scale,1));gap:4px;max-width:100%}.table-middle .collected-cards{gap:4px}.table-middle .collected-cards>div{width:36px}@media (width>=761px) and (height<=760px){.table-middle .collected-trick{padding:6px}}@media (width<=760px){.table-middle .collected-trick{grid-area:2/2;justify-self:end;gap:5px}.table-middle .collected-cards>div{width:28px}}@media (width>=761px){.table-middle .collected-trick{flex-direction:row;align-items:center;gap:8px;padding:8px}.table-middle .collected-caption{flex:1;min-width:0}.table-middle .collected-cards{gap:3px}.table-middle .collected-cards>div{width:30px}.table-middle .collected-cards small{font-size:calc(.6875rem * var(--ui-scale,1))}}.felt-table>.table-middle .collected-trick{align-self:auto;width:auto;max-width:100%;margin:0}.status-piles .collected-trick{background:0 0;border:0;flex-direction:row;align-items:center;gap:10px;min-width:0;max-width:260px;margin:0;padding:0;display:flex}.status-piles .collected-caption{min-width:0;max-width:120px;font-size:calc(11px * var(--ui-scale,1));color:#b6cabf;overflow-wrap:anywhere;flex-direction:column;gap:4px;display:flex}.status-piles .collected-caption strong{color:#d4dfd6;font-weight:600}.status-piles .collected-cards{flex-shrink:0;gap:4px;display:flex}.status-piles .collected-cards>div{width:32px;min-width:0}.status-piles .collected-cards small{text-overflow:ellipsis;white-space:nowrap;max-width:32px;font-size:calc(10px * var(--ui-scale,1));color:#b6cabf;text-align:center;margin:0 0 4px;display:block;overflow:hidden}@media (width<=760px){.status-piles .collected-trick{flex-wrap:wrap;justify-content:flex-end;gap:7px}.status-piles .collected-caption{max-width:110px}.status-piles .collected-cards{gap:3px}.status-piles .collected-cards>div{width:29px}}@media (width>=1440px) and (height>=900px){.status-piles .collected-trick{gap:.625rem;max-width:16.25rem}.status-piles .collected-caption{max-width:7.5rem;font-size:calc(.6875rem * var(--ui-scale,1))}.status-piles .collected-cards>div{width:2rem;max-width:2rem}.status-piles .collected-cards small{width:2rem;max-width:2rem;font-size:calc(.625rem * var(--ui-scale,1))}}.last-trick-detail .collected-trick{background:0 0;border:0;flex-direction:column;align-items:center;gap:24px;max-width:none;margin:0;padding:0;display:flex}.last-trick-detail .collected-caption{max-width:100%;font-size:calc(1rem * var(--ui-scale,1));text-align:center;color:var(--muted);display:block}.last-trick-detail .collected-caption strong{display:none}.last-trick-detail .collected-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;width:100%;display:grid}.last-trick-detail .collected-cards>div{flex-direction:column;align-items:center;gap:10px;width:auto;min-width:0;display:flex}.last-trick-detail .collected-cards small{text-align:center;overflow-wrap:anywhere;width:100%;max-width:none;font-size:calc(.875rem * var(--ui-scale,1));color:var(--muted);display:block}.talon-detail{justify-content:center;gap:24px;padding:8px 0;display:flex}.modal:has(.last-trick-detail){width:min(calc(620px * max(1, var(--ui-scale))), calc(100% - 24px))}.modal:has(.talon-detail){width:min(calc(460px * max(1, var(--ui-scale))), calc(100% - 24px))}.talon-detail,.last-trick-detail{--detail-card-width:clamp(68px, 18vw, calc(160px * max(1, var(--ui-scale))));--index-width:calc(var(--detail-card-width) * var(--card-index-ratio));--index-size:calc(var(--detail-card-width) * var(--card-rank-ratio));--suit-size:calc(var(--detail-card-width) * var(--card-suit-ratio))}.last-trick-detail .collected-cards{max-width:calc(520px * max(1, var(--ui-scale)));gap:10px}.agreement-votes{gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.agreement-votes li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.agreement-votes strong{overflow-wrap:anywhere;min-width:0}.agreement-clock{color:var(--gold);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.agreement-note{font-size:calc(.8125rem * var(--ui-scale,1));color:var(--muted);margin:16px 0}.trick-offer-form .control-buttons{justify-content:flex-start}.game-layout.card-first .table-discussion{z-index:7;overscroll-behavior:contain;scrollbar-width:thin;width:100%;max-height:100%;font-size:calc(13px * var(--ui-scale));background:#173b30;border:1px solid #b59d61;border-radius:12px;margin:auto;padding:10px;position:absolute;inset:0;overflow:auto;box-shadow:0 5px 18px #001b1840}.card-first .discussion-heading{z-index:1;background:#173b30;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex;position:sticky;top:-10px}.card-first .discussion-heading .icon-button{height:calc(28px * var(--ui-scale));min-height:calc(28px * var(--ui-scale));min-width:calc(28px * var(--ui-scale));font-size:calc(22px * var(--ui-scale,1));padding:0 5px}.game-layout.card-first .table-discussion p{font-size:calc(12px * var(--ui-scale));margin:8px 0;line-height:1.4}.game-layout.card-first .table-discussion .agreement-note{font-size:calc(11px * var(--ui-scale));line-height:1.35}.game-layout.card-first .table-discussion .agreement-votes{gap:3px;margin:8px 0}.game-layout.card-first .table-discussion .agreement-votes li{font-size:calc(11px * var(--ui-scale));gap:6px;padding:5px 0}.game-layout.card-first .table-discussion .control-buttons{background:#173b30;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 0;display:flex;position:sticky;bottom:-10px}.game-layout.card-first .table-discussion .trick-offer-form .control-buttons{position:static}.game-layout.card-first .table-discussion button{font-size:calc(12px * var(--ui-scale));min-height:32px;padding:6px 9px;line-height:1.3}.card-first .table-discussion .field{font-size:calc(12px * var(--ui-scale,1));gap:max(12px, calc(8px * var(--ui-scale,1)));margin:8px 0}.card-first .table-discussion select{font-size:calc(13px * var(--ui-scale,1));min-height:32px;padding:5px 8px;scroll-margin-block:8px}.game-layout.card-first .status-area .agreement-clock{font-size:calc(14px * var(--ui-scale));line-height:1.35}.deal-result{text-align:center;padding:25px 0 15px}.deal-result .eyebrow{font-size:calc(.75rem * var(--ui-scale,1));margin-bottom:9px}.deal-result h2{font-size:calc(1.8rem * var(--ui-scale,1));margin-bottom:10px}.deal-result>p{color:#c0d3c0;font-size:calc(.875rem * var(--ui-scale,1))}.result-players{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 14px;display:grid}.result-players>div{background:#102f2780;border-radius:10px;flex-direction:column;gap:9px;padding:14px 6px;display:flex}.result-players strong{font-size:calc(.875rem * var(--ui-scale,1));overflow-wrap:anywhere}.result-players span{font-size:calc(.8125rem * var(--ui-scale,1));color:#bfd1bd}.result-players small{font-size:calc(.8125rem * var(--ui-scale,1));color:#ecd499}.result-details{text-align:left;border-top:1px solid #66836966;margin-top:20px;padding-top:12px}.result-details summary{cursor:pointer;font-size:calc(.875rem * var(--ui-scale,1));color:#d4dfc7;padding:7px 0}.result-details ul{margin:8px 0;padding:0;list-style:none}.result-details li{font-size:calc(.8125rem * var(--ui-scale,1));color:#d0dfcc;border-top:1px solid #73907933;grid-template-columns:1fr auto;gap:6px;padding:11px 0;display:grid}.result-details li>small{color:#a6c0ab;font-size:calc(.75rem * var(--ui-scale,1));grid-column:1/-1}.result-details li>span:nth-child(2){color:var(--gold)}.final-result{text-align:center;background:radial-gradient(at top,#254b38,#142b2a);border:1px solid #607652;border-radius:24px}.final-result>h1{margin-bottom:12px}.final-scores{max-width:calc(440px * max(1, var(--ui-scale)));flex-direction:column;gap:10px;margin:28px auto;display:flex}.final-scores>div{text-align:left;background:#102a2866;border:1px solid #355548;border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.final-scores .avatar{width:38px;height:38px;font-size:calc(1.2rem * var(--ui-scale,1))}.final-scores>div>span:last-child{font-size:calc(1.4rem * var(--ui-scale,1));font-variant-numeric:tabular-nums;color:#d9e2d5;margin-left:auto}.final-scores .positive-result>span:last-child{color:var(--gold)}.final-result .result-details{margin-top:30px}@media (width<=760px){.deal-result h2{font-size:calc(1.5rem * var(--ui-scale,1))}.deal-result{padding:20px 4px}.result-players{gap:5px}.result-players strong{font-size:calc(.8125rem * var(--ui-scale,1))}.result-players span,.result-players small{font-size:calc(.75rem * var(--ui-scale,1))}}.final-scores strong{overflow-wrap:anywhere;min-width:0}.table-middle.result-middle{flex-direction:column;align-items:stretch;min-height:0}.result-middle .deal-result{padding:10px 0}.result-middle .collected-trick{flex-direction:row;align-self:flex-end;max-width:100%}.final-result{padding:24px}.final-result h1{font-size:calc(2.2rem * var(--ui-scale,1))}@media (width<=760px){.result-middle .collected-trick{align-self:stretch}}.game-layout:not([data-layout-phase=PLAY]) .table-middle:not(.result-middle){min-height:76px}.result-players .ready-state{font-size:calc(.8125rem * var(--ui-scale,1));color:#b4c3bc;justify-content:center;align-items:center;gap:6px;display:inline-flex}.result-players .ready-state.is-ready{color:#b4e6b8;font-weight:650}.felt-table>.table-middle.result-middle{grid-column:1/-1}.table-middle.result-middle .deal-result{width:100%;max-width:calc(640px * max(1, var(--ui-scale)));margin-inline:auto}.game-layout:has(.result-middle) .result-middle{min-height:0;overflow:visible}@media (width<=480px){.game-layout:has(.result-middle) .action-area>button{width:100%}}.game-layout.card-first:has(.result-middle) .felt-table{overflow:auto}.game-layout.card-first:has(.result-middle) .opponents{display:none}.game-layout.card-first .felt-table>.table-middle.result-middle{padding:0;display:block;overflow:visible;container-type:normal}.game-layout.card-first .final-result{flex:1;min-height:0;overflow:auto}.game-layout.card-first:has(.result-middle) .felt-table{flex-direction:column;align-items:stretch;display:flex}.game-layout.card-first .felt-table>.table-middle.result-middle{width:100%;max-width:calc(640px * max(1, var(--ui-scale)));flex:none;align-self:center;margin:auto}.card-first .raspas-claim-result{max-width:100%;margin:16px auto}.card-first .raspas-claim-hand{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.score-sheet{background:#17282c;border:1px solid #354749;border-radius:16px}.score-sheet progress{appearance:none;background:#2b4140;border:0;border-radius:5px;width:100%;display:block;overflow:hidden}.score-sheet progress::-webkit-progress-bar{background:#2b4140}.score-sheet progress::-webkit-progress-value{background:var(--gold)}.score-sheet progress::-moz-progress-bar{background:var(--gold)}.score-table,.whists-table{border-collapse:collapse;width:100%;font-size:calc(.875rem * var(--ui-scale,1));table-layout:fixed}.score-table th,.score-table td{text-align:right;border-bottom:1px solid #304644;padding:13px 4px}.score-table th:first-child{text-align:left;overflow-wrap:anywhere;width:48%}.score-table thead th{font-size:calc(.75rem * var(--ui-scale,1));color:var(--muted);padding-top:0;font-weight:500}.score-table tbody th{font-weight:500}.score-table tbody small{color:#91a69e;font-weight:400;font-size:calc(.75rem * var(--ui-scale,1));margin-top:3px;display:block}.score-table td{font-variant-numeric:tabular-nums;font-size:calc(1rem * var(--ui-scale,1))}.score-sheet h3{font-size:calc(.8125rem * var(--ui-scale,1));color:#a5bdb2;margin:28px 0 12px;font-weight:500}.whists-table th{text-align:center;overflow-wrap:anywhere;border:1px solid #304644;padding:10px 3px}.whists-table td{text-align:center;overflow-wrap:anywhere;font-size:calc(.8125rem * var(--ui-scale,1));border:1px solid #304644;padding:10px 3px}.whists-table th{font-weight:500;font-size:calc(.75rem * var(--ui-scale,1));color:#9fb7ab}@media (width<=760px){.modal .score-sheet{padding:18px 10px}.score-sheet .table-scroll{overflow-x:auto}}.circular-sheet{padding:20px 16px}.circular-sheet .sheet-heading{margin-bottom:12px}.pool-progress{font-size:calc(.8125rem * var(--ui-scale,1));color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.pool-progress strong{color:var(--gold);font-size:calc(1rem * var(--ui-scale,1));overflow-wrap:anywhere}.pool-progress strong span{color:var(--muted);font-weight:400}.circular-sheet progress{margin-bottom:12px}.score-circle{width:100%;height:auto;font-family:var(--app-font);display:block;overflow:visible}.score-outline,.sector-divider{stroke:#78917a;stroke-width:1.5px;fill:none}.pool-value{fill:#efd286}.score-player-key{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.score-player-key li{font-size:calc(.8125rem * var(--ui-scale,1));grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.score-player-key li>span{color:#a9c2af;font-variant-numeric:tabular-nums}.score-player-key li>span.own-key{color:var(--gold)}.score-player-key strong{overflow-wrap:anywhere;min-width:0;font-weight:500}.score-player-key small{font-size:inherit;color:var(--muted)}.modal:has(.circular-sheet){width:min(calc(780px * max(1, var(--ui-scale))), calc(100% - 24px));padding:20px}.modal .circular-sheet{padding:18px 16px}.modal .score-circle{margin:auto}.modal .score-player-key{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.large-score-records{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.large-score-records h3{font-size:calc(1rem * var(--ui-scale,1));overflow-wrap:anywhere;margin:16px 0 8px}.large-score-records p{font-size:calc(.875rem * var(--ui-scale,1))}.large-score-records dl{margin:0}.large-score-records dl>div{font-size:calc(.875rem * var(--ui-scale,1));flex-wrap:wrap;justify-content:space-between;gap:14px;margin:8px 0;display:flex}.large-score-records dt{overflow-wrap:anywhere;flex:120px}.large-score-records dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}@media (width<=600px){.modal:has(.circular-sheet){max-height:92svh;padding:14px}.modal .circular-sheet{padding:12px 8px}.modal .score-player-key{grid-template-columns:1fr;gap:8px}.circular-sheet .sheet-heading h2{font-size:calc(1.4rem * var(--ui-scale,1))}}.score-view-switch{background:#102221;border:1px solid #3b554b;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.score-view-switch button{min-height:38px;color:var(--muted);font-size:calc(.875rem * var(--ui-scale,1));background:0 0;border:0;border-radius:6px;padding:8px 10px}.score-view-switch button:hover{background:#294438}.score-sheet .sheet-heading{gap:8px}.tabular-sheet .sheet-heading{margin-bottom:12px}.tabular-sheet .pool-progress{font-size:calc(.75rem * var(--ui-scale,1))}.modal .score-circle{max-width:clamp(300px,85svh - 300px,620px)}.tabular-sheet .score-table td,.tabular-sheet .whists-table td{overflow-wrap:anywhere}.score-view-switch button{transition:none}.score-view-switch button[aria-pressed=true]{color:#f1e7c4;background:#365344;box-shadow:inset 0 0 0 1px #a5945e}.score-column .score-sheet{padding:16px 12px}.score-column .score-table th,.score-column .score-table td{padding-top:10px;padding-bottom:10px}.score-column .score-sheet h3{margin-top:20px}.mountain-band{fill:#29493c}.pool-band{fill:#1c3b31}.whists-band{fill:#142f2a}.own-score .mountain-band{fill:#40543a}.own-score .pool-band{fill:#304831}.own-score .whists-band{fill:#263c2d}.ring-owner{fill:#cfdbcb;font-size:21px;font-weight:600}.own-score .ring-owner{fill:#f0d58e}.ring-value{fill:#f1f1df;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.ring-value.pool-value{fill:#efd286}.ring-whist-value{fill:#f1f1df;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.whist-divider{fill:none;stroke:#78917a;stroke-width:1.5px}.game-layout .ring-owner,.game-layout .score-player-key{font-family:var(--app-font);font-variant-numeric:lining-nums tabular-nums}.score-sheet .current-score{border:1px solid var(--line);border-radius:10px;padding:12px}.score-sheet .current-score h3{font-size:calc(.875rem * var(--ui-scale,1));color:var(--ink)}.current-score h3 small{font-weight:400;font-size:calc(.75rem * var(--ui-scale,1));color:var(--muted)}.current-score ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.current-score li{font-size:calc(.875rem * var(--ui-scale,1));grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.current-score li>span{overflow-wrap:anywhere}.current-score strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.current-score .self-row>span{color:var(--gold)}.score-positive{color:#a7ddb7}.score-negative{color:#ffb5a5}.current-score p{font-size:calc(.6875rem * var(--ui-scale,1));color:var(--muted);margin:10px 0 0}@media (width>=1440px) and (height>=900px){.score-column .score-sheet{padding:1rem .75rem}}.game-layout.card-first .score-sheet{flex-direction:column;min-height:0;padding:16px 12px;display:flex;overflow:hidden}.game-layout.card-first .score-column .score-sheet{height:100%}.card-first .score-summary{flex:none;min-width:0}.card-first .score-records{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;min-height:0;overflow:auto}.game-layout.card-first .score-sheet .sheet-heading{min-height:50px;margin:0 0 12px}.game-layout.card-first .score-sheet .sheet-heading h2{font-size:calc(24px * var(--ui-scale,1));margin:0;line-height:1.2}.game-layout.card-first .score-sheet .pool-progress{font-size:calc(12px * var(--ui-scale,1));line-height:calc(18px * var(--ui-scale,1));margin-bottom:12px}.game-layout.card-first .score-sheet progress{height:4px;margin:0 0 18px}.game-layout.card-first .score-sheet .current-score{margin:0 0 14px}.game-layout.card-first .score-sheet .current-score h3{margin:0 0 10px}.card-first .score-deal-number{font-size:calc(.8125rem * var(--ui-scale,1));color:var(--muted);margin-top:4px;display:block}.game-layout.card-first .modal:has(.score-sheet){width:min(calc(780px * max(1, var(--ui-scale))), calc(100% - 24px));height:min(calc(860px * max(1, var(--ui-scale))), 90dvh);max-height:90dvh;margin:auto;padding:16px;overflow:hidden;container:score-dialog/inline-size}.game-layout.card-first .modal:has(.score-sheet)[open]{flex-direction:column;gap:0;display:flex}.game-layout.card-first .modal:has(.score-sheet)>.modal-header{flex:none;margin-bottom:12px}.game-layout.card-first .modal>.score-sheet{flex:1;width:100%;min-height:0;padding:16px 12px}.game-layout.card-first .score-records .score-circle{width:var(--score-diameter,100%);max-width:calc(620px * max(1, var(--ui-scale)));margin:auto;display:block}@container score-dialog (width>=600px){.game-layout.card-first .modal>.score-sheet{grid-template-columns:minmax(240px,.85fr) minmax(0,1fr);gap:16px;display:grid}.modal .score-summary{min-height:0;overflow:auto}.modal .score-records{min-width:0}}@media (width<=680px) and (height<=650px){.game-layout.card-first .modal>.score-sheet{overflow:auto}.modal .score-summary{flex:none}.modal .score-records{min-height:calc(280px * var(--ui-scale));flex:none;overflow:visible}}.game-layout.card-first .modal .score-sheet .sheet-heading{min-height:0;margin-bottom:8px}.game-layout.card-first .modal .score-sheet .sheet-heading h2{display:none}.modal .score-deal-number{margin-top:0}