:root{--felt:#1d6b49;--felt-dark:#0c3a26;--bg:#171009;--panel:#2a1f13;--panel-light:#3c2d1b;--text:#f3ecdc;--muted:#b5a385;--accent:#f5b342;--danger:#d9534f;--card-bg:#faf5e6;--card-red:#c0392b;--card-black:#262115;--glow:#ffc6696b;--radius:10px;--space-2:2px;--space-4:4px;--space-8:8px;--space-16:16px;--space-32:32px;--space-48:48px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--card-w:78px;--card-h:113px;--card-r:9px;--hand-overlap:calc(var(--card-w) * .36);--table-scale:.72;--rank-k:.2;--suit-k:.31;--back-scale:.5;--back-w:calc(var(--card-w) * var(--back-scale));--back-h:calc(var(--card-h) * var(--back-scale));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height:100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,.trump-intro-label,.result-card h2{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif}.card:focus,.pair:focus,.trump-intro:focus{outline:none}.card:focus-visible,.pair:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit;background:var(--panel-light);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.6em 1.1em;transition:background .15s,transform 50ms}button:hover:not(:disabled){background:#4d3a23}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#2a1c00;background:linear-gradient(#ffcb63,#eda32e);font-weight:600;box-shadow:0 2px 8px #00000059}button.primary:hover:not(:disabled){background:linear-gradient(#ffd67d,#f5ad38)}button.danger{border-color:var(--danger);color:#ffb3b1;background:0 0}button.danger:hover:not(:disabled){background:#d9534f2e}input,select{font:inherit;color:inherit;border-radius:var(--radius);background:#1d1409;border:1px solid #4a3820;width:100%;padding:.6em .8em}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{margin-bottom:var(--space-16);display:block}label>span{color:var(--muted);margin-bottom:var(--space-4);font-size:.85rem;display:block}.screen{flex-direction:column;height:100%;display:flex}.center-screen{height:100%;padding:calc(var(--space-16) + var(--safe-top)) calc(var(--space-16) + var(--safe-right)) calc(var(--space-16) + var(--safe-bottom)) calc(var(--space-16) + var(--safe-left));place-items:center;display:grid;overflow-y:auto}.panel{background:var(--panel);padding:var(--space-16);border-radius:14px;width:100%;max-width:380px}.panel h1{margin:0 0 var(--space-16);font-size:1.5rem}.error-box{border:1px solid var(--danger);border-radius:var(--radius);padding:var(--space-8) var(--space-16);margin-bottom:var(--space-16);background:#d9534f29;font-size:.9rem}.link-button{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.topbar{align-items:center;gap:var(--space-8);padding:calc(var(--space-8) + var(--safe-top)) calc(var(--space-16) + var(--safe-right)) var(--space-8) calc(var(--space-16) + var(--safe-left));background:var(--panel);grid-template-columns:1fr auto 1fr;display:grid}.topbar h2{text-align:center;white-space:nowrap;margin:0;font-size:1.1rem}.topbar-side{align-items:center;gap:var(--space-8);justify-self:start;min-width:0;display:flex}.topbar-side.right{justify-self:end}.content{padding:var(--space-16) calc(var(--space-16) + var(--safe-right)) calc(var(--space-16) + var(--safe-bottom)) calc(var(--space-16) + var(--safe-left));flex:1;overflow-y:auto}.room-list{gap:var(--space-8);max-width:640px;margin:0 auto;display:grid}.room-card{background:var(--panel);border-radius:var(--radius);padding:var(--space-16);align-items:center;gap:var(--space-16);display:flex}.room-card .code{letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:1.2rem;font-weight:600}.room-card .meta{color:var(--muted);flex:1;font-size:.85rem}.empty-hint{text-align:center;color:var(--muted);padding:var(--space-32) var(--space-16)}.table-screen{background:radial-gradient(ellipse 120% 80% at 50% 26%, #ffc7762b, #ffc77600 62%), repeating-linear-gradient(45deg, #ffffff03 0 2px, #00000003 2px 4px), radial-gradient(ellipse 140% 110% at 50% 42%, var(--felt) 0%, #155038 46%, var(--felt-dark) 74%, #051d12 100%);height:100%;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.opponents{justify-content:center;gap:var(--space-8);padding:var(--space-8);flex-wrap:wrap;display:flex}.opponent{border-radius:var(--radius);padding:var(--space-4) var(--space-8);text-align:center;background:#0c060266;border:2px solid #0000;min-width:96px;font-size:.8rem}.opponent.attacker{border-color:var(--accent);box-shadow:0 0 14px #f5b34252}.opponent.defender{border-color:#5ba8dd;box-shadow:0 0 14px #5ba8dd47}.opponent.offline{opacity:.45}.opponent.out{opacity:.3;text-decoration:line-through}.opponent .name{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-weight:600;overflow:hidden}.opponent .cards{color:var(--muted);font-size:.75rem}.opp-hand{margin:var(--space-4) 0 var(--space-2);min-height:calc(var(--back-h) * 1.22);justify-content:center;align-items:flex-start;display:flex}.opp-card{width:var(--back-w);height:var(--back-h);border-radius:calc(var(--back-w) * .12);--fan-angle:0deg;--fan-drop:0;transform-origin:50%;transform:translateY(calc(var(--fan-drop) * var(--back-h))) rotate(var(--fan-angle));background:repeating-linear-gradient(45deg,#f0d69c33 0 1.5px,#0000 1.5px 6px),repeating-linear-gradient(-45deg,#f0d69c33 0 1.5px,#0000 1.5px 6px),linear-gradient(160deg,#7e2f36,#5c1f26);flex:none;box-shadow:0 0 0 1.5px #f0e3c8cc,0 2px 4px #00000059}.opp-card+.opp-card{margin-left:calc(var(--back-w) * -.36)}.opp-hand.crowded{--back-scale:.34}.opp-hand.crowded .opp-card+.opp-card{margin-left:calc(var(--back-w) * -.5)}.opp-hand.empty{color:var(--muted);font-size:.7rem;font-style:italic}.opp-more{color:var(--muted);margin-left:var(--space-4);font-size:.65rem}.table-center{gap:var(--space-8);padding:0 var(--space-8);grid-template-columns:82px 1fr;align-items:center;min-height:0;display:grid;overflow:visible clip}.deck-zone{gap:var(--space-8);margin-top:calc(var(--card-h) * .08);color:#f3ecdccc;border-radius:var(--radius);padding:var(--space-8) var(--space-4);text-align:center;--scale:var(--table-scale);background:#0c060252;border:1px solid #ffcd821f;align-content:center;align-self:start;justify-items:center;font-size:.75rem;display:grid}.deck-zone-stacks{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.discard-stack{width:calc(var(--card-w) * var(--table-scale));height:calc(var(--card-h) * var(--table-scale));position:relative}.discard-stack .card{width:100%;height:100%;position:absolute;inset:0}.discard-stack .card:first-child{transform:rotate(-9deg)}.discard-stack .card:last-child{transform:rotate(6deg)translate(3px,-2px)}.deck-stack{width:calc(var(--card-w) * var(--table-scale));height:calc(var(--card-h) * var(--table-scale) + var(--card-w) * var(--table-scale) * .62);justify-content:center;align-items:flex-end;display:flex;position:relative}.deck-stack .trump-card,.trump-placeholder{z-index:1;position:absolute;bottom:0;left:0}.deck-stack .deck-pile{z-index:2}.trump-placeholder{width:calc(var(--card-w) * var(--table-scale));height:calc(var(--card-h) * var(--table-scale));border-radius:var(--card-r);font-size:calc(var(--card-w) * var(--table-scale) * .42);border:2px dashed #f3ecdc4d;place-items:center;display:grid}.deck-pile{transform-origin:50%;filter:drop-shadow(0 3px 7px #00000080);position:absolute;top:0;left:50%;transform:translate(-50%)rotate(90deg)}.deck-label{white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;display:flex}.trump-suit{font-size:1.15em;line-height:1}@media (width<=420px){.table-center{gap:var(--space-8);padding-left:var(--space-8);padding-right:var(--space-8);grid-template-columns:66px 1fr}}.pairs{gap:var(--space-8);margin-top:calc(var(--card-h) * .08);min-height:0;max-height:100%;padding-bottom:var(--space-8);--scale:var(--table-scale);flex-wrap:wrap;place-content:flex-start center;align-self:start;display:flex;position:relative;overflow:visible clip}.pair{width:calc(var(--card-w) * var(--table-scale) * 1.22);height:calc(var(--card-h) * var(--table-scale) * 1.2);position:relative}.pair .defense{left:calc(var(--card-w) * var(--table-scale) * .22);top:calc(var(--card-h) * var(--table-scale) * .2);position:absolute}.pair.targetable{cursor:pointer}.pair.targetable:after{content:"";border:2px dashed var(--accent);pointer-events:none;border-radius:8px;animation:1.2s ease-in-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{50%{opacity:.45}}@keyframes draw-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes flip-trump{0%{opacity:0;transform:rotateY(90deg)scale(.9)}55%{opacity:1}to{opacity:1;transform:none}}.hand .card{animation:.24s ease-out both draw-in}.opp-card{animation:.2s ease-out both fade-in}.flight{z-index:7;pointer-events:none;will-change:transform;position:fixed}.flight-inner{will-change:transform;width:100%;height:100%}.flight .card{width:100%;height:100%}@keyframes land-reveal{0%{opacity:0}to{opacity:1}}.hand .card.landing,.pairs .card.landing,.opp-card.landing{animation:.12s ease-out backwards land-reveal}@media (prefers-reduced-motion:reduce){.hand .card,.opp-card,.pair.targetable:after{animation:none}.flight{display:none}}.hand-zone{padding:var(--space-4) var(--space-8) calc(var(--card-h) * .09 + var(--safe-bottom));background:linear-gradient(#0a05021f,#0a050280);flex-direction:column;display:flex}.hand-zone .hand-hint{padding-bottom:var(--space-8);order:1}.hand-zone .actions{padding:0 0 var(--space-16);min-height:calc(2.9rem + var(--space-16));order:2;align-items:center}.hand-zone .actions button{height:2.9rem;padding-top:0;padding-bottom:0}.hand-zone .hand{order:3}.hand-hint{text-align:center;color:#f3ecdcc7;min-height:1.2em;font-size:.85rem}.table-screen.intro-open .hand-hint,.table-screen.intro-open .actions{visibility:hidden}.hand{padding:0 var(--space-8);min-height:calc(var(--card-h) * 1.16);justify-content:center;align-items:flex-start;display:flex;overflow:visible}.hand .card{flex:0 0 var(--card-w);--fan-angle:0deg;--fan-drop:0;transform-origin:50%;transform:translateY(calc(var(--fan-drop) * var(--card-h))) rotate(var(--fan-angle));transition:transform .16s ease-out}.hand .card+.card{margin-left:calc(-1 * var(--hand-overlap))}.hand .card{z-index:1;position:relative}.hand .card.playable{cursor:pointer;box-shadow:0 0 0 1px #00000059, 0 0 13px 2px var(--glow), 0 2px 6px #00000073}.hand .card.playable:hover{transform:translateY(calc(var(--fan-drop) * var(--card-h) - 16px)) rotate(var(--fan-angle))}.hand .card.selected{transform:translateY(calc(var(--fan-drop) * var(--card-h) - 26px)) rotate(var(--fan-angle));box-shadow:0 0 0 1px #00000059, 0 0 0 3px var(--accent), 0 8px 18px #0000008c}.actions{gap:var(--space-8);padding-top:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.actions button{padding:.55em 1.2em}.card{width:calc(var(--card-w) * var(--scale,1));height:calc(var(--card-h) * var(--scale,1));border-radius:var(--card-r);background:var(--card-bg);color:var(--card-black);-webkit-user-select:none;user-select:none;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059,0 2px 6px #00000073}.card.red{color:var(--card-red)}.card .corner{padding:calc(var(--card-w) * var(--scale,1) * .07) calc(var(--card-w) * var(--scale,1) * .08);grid-template-rows:auto 1fr;display:grid;position:absolute;inset:0}.card .rank{font-size:calc(var(--card-w) * var(--scale,1) * var(--rank-k));line-height:1}.card .suit{font-size:calc(var(--card-w) * var(--scale,1) * var(--suit-k));place-self:center;line-height:1}.card.illustrated .art{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card.illustrated .corner{width:auto;height:auto;padding:calc(var(--card-w) * var(--scale,1) * .07) calc(var(--card-w) * var(--scale,1) * .08);grid-template-rows:auto;inset:0 auto auto 0}.card.illustrated .rank{font-size:calc(var(--card-w) * var(--scale,1) * .15);line-height:1.05}.card.illustrated .suit{font-size:calc(var(--card-w) * var(--scale,1) * .13);place-self:start;line-height:1}.card.back{background:radial-gradient(at 50% 38%,#ffd88c29,#0000 72%),repeating-linear-gradient(45deg,#f0d69c2e 0 2px,#0000 2px 9px),repeating-linear-gradient(-45deg,#f0d69c2e 0 2px,#0000 2px 9px),linear-gradient(160deg,#7e2f36,#5c1f26);border:2px solid #f0e3c8}.card.small{width:calc(var(--card-w) * .72);height:calc(var(--card-h) * .72)}.card.small .rank{font-size:.75rem}.card.small .suit{font-size:1.1rem}.card.small.illustrated .rank{font-size:.7rem}.card.small.illustrated .suit{font-size:.65rem}.banner{text-align:center;padding:var(--space-8) var(--space-16);background:#0006;font-size:.9rem}.banner.warn{color:var(--accent);background:#f0b42933}.banner.error{background:#d9534f40}.chat-panel{z-index:8;right:calc(var(--space-8) + var(--safe-right));bottom:calc(var(--space-8) + var(--safe-bottom));width:min(320px, calc(100vw - var(--space-16)));background:var(--panel);padding:var(--space-8);gap:var(--space-8);border-radius:12px;flex-direction:column;max-height:45dvh;display:flex;position:fixed;box-shadow:0 6px 20px #00000073}.chat-lines{gap:var(--space-4);font-size:.85rem;display:grid;overflow-y:auto}.chat-lines .who{color:var(--accent);font-weight:600}.chat-toggle{z-index:8;right:calc(var(--space-8) + var(--safe-right));bottom:calc(var(--space-8) + var(--safe-bottom));border-radius:999px;padding:.6em 1em;position:fixed}.icon-button{justify-content:center;align-items:center;padding:.45em .65em;line-height:1;display:inline-flex}.trump-intro{place-content:center;justify-items:center;gap:var(--space-16);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9;cursor:pointer;background:#110a04ed;animation:.25s ease-out both fade-in;display:grid;position:fixed;inset:0}.trump-intro-card{--card-w:132px;--card-h:191px;filter:drop-shadow(0 10px 26px #0009);animation:.5s cubic-bezier(.2,.8,.3,1.1) both flip-trump}.trump-intro-label{font-size:1.35rem;font-weight:600;animation:.35s ease-out .2s both zoom-in}.trump-intro-hint{color:#f3ecdcb8;margin-top:var(--space-4);font-size:.85rem;animation:.4s ease-out .7s both fade-in}@media (width<=420px){.trump-intro-card{--card-w:104px;--card-h:150px}.trump-intro-label{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.trump-intro,.trump-intro-card,.trump-intro-label{animation:none}}.result-overlay{padding:var(--space-16);z-index:10;background:#000000bf;place-items:center;display:grid;position:fixed;inset:0}.result-card{background:var(--panel);padding:var(--space-16);text-align:center;border-radius:14px;max-width:340px}.result-card h2{margin:0 0 var(--space-8)}.players-list{gap:var(--space-4);margin:var(--space-16) 0;display:grid}.player-row{align-items:center;gap:var(--space-8);background:var(--panel-light);border-radius:var(--radius);padding:var(--space-8);font-size:.9rem;display:flex}.player-row .grow{flex:1}.badge{background:#ffffff1f;border-radius:999px;padding:.15em .5em;font-size:.72rem}.badge.ready{color:#9be8c2;background:#40b4784d}.badge.host{color:var(--accent);background:#f0b42940}.badge.offline{color:#ffb3b1;background:#d9534f40}.settings-grid{gap:var(--space-8) var(--space-16);grid-template-columns:1fr 1fr;display:grid}.row{gap:var(--space-8);align-items:center;display:flex}.row .grow{flex:1}.checkbox-row{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.checkbox-row input{width:auto}@media (width<=560px){:root{--card-w:74px;--card-h:107px;--card-r:9px;--table-scale:.88;--back-scale:.34}.card .suit{font-size:calc(var(--card-w) * var(--scale,1) * .37)}.opponent{min-width:0;padding:var(--space-4) var(--space-8) var(--space-2);font-size:.75rem}.opponent .name{max-width:84px}.opponents{padding:var(--space-4);gap:var(--space-4)}.table-center{align-content:start;gap:var(--space-4);padding:var(--space-4) var(--space-4) 0;grid-template-rows:auto auto;grid-template-columns:1fr;align-items:start}.deck-zone{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);flex-flow:wrap;grid-row:1;font-size:.78rem;display:flex}.deck-zone-stacks{gap:var(--space-8);flex-direction:row}.deck-stack{height:calc(var(--card-h) * var(--table-scale));width:calc(var(--card-w) * var(--table-scale) + var(--card-h) * var(--table-scale) + .9rem)}.deck-stack .trump-card,.trump-placeholder{inset:0 auto auto 0}.deck-pile{transform:translate(calc((var(--card-w) - var(--card-h)) * var(--table-scale) / 2), -50%) rotate(90deg);margin-left:0;top:50%;left:auto;right:0}.pairs{padding:var(--space-8) 0 var(--space-4);align-content:flex-start;align-self:start;gap:var(--space-4);grid-row:2;margin-bottom:0}.hand-zone{padding:var(--space-4) var(--space-4) calc(var(--card-h) * .2 + var(--safe-bottom))}.deck-label{white-space:normal;flex-wrap:wrap;justify-content:center;row-gap:.1rem}.chat-toggle{top:calc(50% - 1.2em);bottom:auto}.room-card{gap:var(--space-8) var(--space-8);flex-wrap:wrap}.room-card .meta{flex:100%;order:1}.hand-zone .actions{padding-bottom:var(--space-8);min-height:calc(2.6rem + var(--space-8))}.hand-zone .actions button{height:2.6rem}.hand-hint{font-size:.8rem}.table-screen{grid-template-rows:auto auto 1fr}.hand-zone{align-self:end}.settings-grid{grid-template-columns:1fr}.chat-toggle{padding:.45em .8em;font-size:.85rem}}@media (height<=560px){:root{--card-w:62px;--card-h:90px;--card-r:7px;--table-scale:.66;--back-scale:.3}.opponents{padding:var(--space-4);gap:var(--space-4)}.opponent{min-width:0;padding:var(--space-2) var(--space-8) var(--space-2);font-size:.7rem}.table-screen{grid-template-rows:auto auto 1fr}.table-center{align-content:start;gap:var(--space-4);padding:var(--space-4) var(--space-4) 0;grid-template-rows:auto auto;grid-template-columns:1fr}.deck-zone{top:var(--space-2);left:var(--space-4);z-index:2;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);flex-direction:row;font-size:.7rem;position:absolute}.deck-zone-stacks{gap:var(--space-4);flex-direction:row}.discard-stack{width:calc(var(--card-w) * var(--table-scale) * .7);height:calc(var(--card-h) * var(--table-scale) * .7)}.deck-stack{height:calc(var(--card-h) * var(--table-scale) * .7);width:calc((var(--card-w) + var(--card-h)) * var(--table-scale) * .7 + 1.1rem)}.deck-zone{--scale:calc(var(--table-scale) * .7)}.deck-pile{transform:translate(calc((var(--card-w) - var(--card-h)) * var(--table-scale) * .35 - 4px), -50%) rotate(90deg);margin-left:0;top:50%;left:auto;right:0}.table-center{grid-template-rows:1fr;position:relative}.deck-stack .trump-card,.trump-placeholder{inset:0 0 auto auto}.deck-pile{top:50%;left:calc(var(--card-h) * var(--table-scale) / 2);transform:translate(-50%,-50%)rotate(90deg)}.pairs{padding:var(--space-4) 0 0;align-content:flex-start;align-self:start;gap:var(--space-4);margin-bottom:0;overflow-y:clip}.hand-zone{padding:var(--space-2) var(--space-4) calc(var(--card-h) * .16 + var(--safe-bottom));align-self:end}.hand-zone .actions{padding-bottom:var(--space-4);min-height:calc(2.3rem + var(--space-4))}.hand-zone .actions button{height:2.3rem;font-size:.9rem}.hand-hint{font-size:.75rem}}.opponents.crowded .opponent{min-width:60px;padding:var(--space-4);font-size:.72rem}.opponents.crowded .opponent .name{max-width:62px}@media (width>=900px){:root{--card-w:144px;--card-h:209px;--card-r:16px}.content{padding:var(--space-32) calc(var(--space-32) + var(--safe-right)) calc(var(--space-32) + var(--safe-bottom)) calc(var(--space-32) + var(--safe-left))}.pairs{gap:var(--space-8)}:root{--rank-k:.14;--suit-k:.23}.hand-hint{font-size:.95rem}.opponent{min-width:128px;padding:var(--space-8) var(--space-8) var(--space-4);font-size:.95rem}.opponent .name{max-width:140px}.opponent .cards{font-size:.85rem}.opponents.crowded .opponent{min-width:92px;padding:var(--space-4) var(--space-8);font-size:.82rem}.opponents.crowded .opponent .name{max-width:96px}.opp-hand.crowded{--back-scale:.26}.table-center{grid-template-columns:calc((var(--card-h) + var(--card-w)) * var(--table-scale) + 3.5rem) 1fr;gap:var(--space-16);padding-left:var(--space-16);padding-right:var(--space-16)}.deck-zone{padding:var(--space-16) var(--space-8);font-size:.9rem}.deck-zone-stacks{align-items:center;gap:var(--space-16);padding-left:calc((var(--card-h) - var(--card-w)) * var(--table-scale) / 2);flex-direction:row}.deck-zone-stacks .discard-stack{margin-left:calc((var(--card-h) - var(--card-w)) * var(--table-scale) / 2)}.actions button{padding:.65em 1.5em;font-size:1.05rem}}@media (width>=900px) and (height<=860px){:root{--card-w:116px;--card-h:168px;--card-r:13px}}@media (width>=900px) and (height<=700px){:root{--card-w:92px;--card-h:133px;--card-r:11px}}@media (width>=1500px) and (height>=990px){:root{--card-w:174px;--card-h:252px;--card-r:19px;--rank-k:.14;--suit-k:.28}.pairs{gap:var(--space-16)}.deck-zone{font-size:.95rem}}