@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.l0Gm9G_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.l0Gm9G_variable{--font-heading:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.19g-lkcx7iw64.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.CV22ZG_className{font-family:Figtree,Figtree Fallback;font-style:normal}.CV22ZG_variable{--font-body:"Figtree", "Figtree Fallback"}
:root{--background:#eef1f5;--foreground:#12202e;--card:#fff;--muted:#e4e9ef;--muted-foreground:#576777;--border:#d6dde5;--primary:#0b72a8;--primary-foreground:#fff;--destructive:#c4202a;--ring:#0b72a8;--rule:#12202e;--brand-red:#d31c1b;--brand-wine:#782137;--brand-blue:#0074af;--brand-green:#2f7f58;--brand-teal:#05668a;--brand-orange:#d9650b;--side:#101c28;--side-foreground:#c9d4df;--table:#124a6a;--table-edge:#0a3249;--table-text:#e8f1f7;--shadow-card:0 0 0 1px #12202e0a, 0 1px 2px #12202e0d, 0 6px 16px -8px #12202e1a;--shadow-lift:0 0 0 1px #12202e0d, 0 2px 4px #12202e0f, 0 14px 28px -12px #12202e2e;--card-w:clamp(3.4rem, 10.5vw, 5.4rem);--radius:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#0c141d;--foreground:#e6edf4;--card:#142130;--muted:#1b2b3c;--muted-foreground:#92a3b4;--border:#243649;--primary:#3d9fd3;--primary-foreground:#08121b;--destructive:#f0646b;--ring:#3d9fd3;--rule:#5a7089;--brand-red:#ef4f55;--brand-wine:#b8436a;--brand-blue:#3d9fd3;--brand-green:#4fb383;--brand-teal:#4aa3c2;--brand-orange:#f08a3c;--side:#08101a;--side-foreground:#aebccb;--table:#0d3248;--table-edge:#071f2e;--shadow-card:0 0 0 1px #ffffff0a, 0 1px 2px #0006, 0 8px 20px -10px #00000080;--shadow-lift:0 0 0 1px #ffffff0f, 0 2px 4px #0006, 0 18px 32px -14px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--background:#0c141d;--foreground:#e6edf4;--card:#142130;--muted:#1b2b3c;--muted-foreground:#92a3b4;--border:#243649;--primary:#3d9fd3;--primary-foreground:#08121b;--destructive:#f0646b;--ring:#3d9fd3;--rule:#5a7089;--brand-red:#ef4f55;--brand-wine:#b8436a;--brand-blue:#3d9fd3;--brand-green:#4fb383;--brand-teal:#4aa3c2;--brand-orange:#f08a3c;--side:#08101a;--side-foreground:#aebccb;--table:#0d3248;--table-edge:#071f2e;--shadow-card:0 0 0 1px #ffffff0a, 0 1px 2px #0006, 0 8px 20px -10px #00000080;--shadow-lift:0 0 0 1px #ffffff0f, 0 2px 4px #0006, 0 18px 32px -14px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;border-color:var(--border)}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font:16px/1.5 var(--font-body), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;margin:0}h1,h2,h3{font-family:var(--font-heading), var(--font-body), ui-sans-serif, sans-serif;letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}a{color:var(--primary)}.muted{color:var(--muted-foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@keyframes block-in{0%{opacity:0;transform:translate(var(--from-x,0), var(--from-y,0))}to{opacity:1;transform:translate(0)}}.block-in{animation:.7s cubic-bezier(.2,.8,.2,1) both block-in}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal{animation:.32s both reveal;animation-delay:calc(var(--i,0) * 60ms)}@media (prefers-reduced-motion:reduce){.block-in,.reveal{animation:none}}.topbar{background:var(--card);z-index:40;padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar__main{border-bottom:1px solid var(--border);align-items:center;gap:.25rem;height:3.5rem;padding:0 1rem;display:flex}@media (min-width:48rem){.topbar__main,.subbar{padding-left:2rem;padding-right:2rem}}@media (min-width:80rem){.topbar__main,.subbar{padding-left:3rem;padding-right:3rem}}.topbar__brand{color:var(--foreground);align-items:center;gap:.75rem;margin-right:.75rem;text-decoration:none;display:flex}.logo{background:#fff;border-radius:2px;width:36px;height:36px;display:block}.topbar__title{font-family:var(--font-heading), sans-serif;font-size:1rem;font-weight:600}.topbar__nav{align-items:stretch;height:100%;display:flex}.topbar__link{color:var(--muted-foreground);align-items:center;padding:0 .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;position:relative}.topbar__link:hover{background:var(--muted);color:var(--foreground)}.topbar__link--active{color:var(--foreground)}.topbar__link--active:after{background:var(--marker,var(--brand-blue));content:"";height:3px;position:absolute;bottom:0;left:0;right:0}.topbar__spacer{flex:1}.topbar__user{align-items:center;gap:.6rem;margin-left:.5rem;display:flex}.topbar__user form{margin:0}.topbar__name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.9rem;font-weight:600;overflow:hidden}.avatar{background:var(--brand-blue);color:#fff;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:600;display:grid}.icon-btn{color:var(--foreground);cursor:pointer;background:0 0;border:0;width:2.25rem;height:2.25rem;font-size:1.1rem}.icon-btn:hover{background:var(--muted)}.link-button{color:var(--muted-foreground);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.link-button:hover{color:var(--foreground)}.subbar{background:var(--background);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;height:2.5rem;padding:0 1rem;font-size:.875rem;display:flex}.subbar__marker{width:.75rem;height:.75rem;display:block}.subbar__crumbs{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.subbar__crumbs li+li:before{color:var(--muted-foreground);content:"›";margin-right:.5rem}.page{width:100%;margin:0;padding:1.5rem 1rem 3rem}@media (min-width:48rem){.page{padding-left:2rem;padding-right:2rem}}@media (min-width:80rem){.page{padding-left:3rem;padding-right:3rem}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1.5rem;display:flex}.page-header__text{gap:1rem;min-width:0;display:flex}.page-header__bar{background:var(--accent,var(--brand-blue));flex-shrink:0;width:.375rem}.page-header h1{overflow-wrap:anywhere;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600}.page-header p{max-width:40rem;margin-top:.25rem}.section{margin-top:1.5rem}.section__head{border-top:2px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;padding-top:.75rem;display:flex}.section__head h2{align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;display:flex}.section__marker{background:var(--accent,var(--brand-blue));width:.75rem;height:.75rem;display:block}.section__head p{font-size:.875rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-content:start;gap:.85rem;padding:1.1rem 1.25rem;display:grid}.panel h2{font-size:1.05rem}.btn{background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary-foreground);cursor:pointer;font:inherit;text-align:center;padding:.6rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--ghost{border-color:var(--border);color:var(--foreground);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--muted);filter:none}.btn--danger{background:var(--destructive);border-color:var(--destructive);color:#fff}.btn--small{padding:.35rem .8rem;font-size:.85rem}.btn--block{width:100%;display:block}input,select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font:inherit;padding:.55rem .75rem}input[type=range]{flex:1;padding:0}input[type=checkbox]{accent-color:var(--primary);width:1.1rem;height:1.1rem}.field{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}.check{align-items:center;gap:.6rem;display:flex}.join-form{gap:.5rem;width:100%;display:flex}.join-form input{width:100%;font-family:var(--font-heading), sans-serif;letter-spacing:.25em;text-align:center;text-transform:uppercase;flex:1;min-width:0;font-size:1.1rem}.banner{border-radius:var(--radius);border:1px solid;border-left-width:4px;margin:.75rem 0;padding:.6rem .9rem}.banner--error{background:color-mix(in srgb, var(--destructive) 10%, var(--card));border-color:var(--destructive)}.banner--warn{background:color-mix(in srgb, var(--brand-orange) 12%, var(--card));border-color:var(--brand-orange)}.tag{background:var(--muted);border:1px solid var(--border);margin-left:.4rem;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.tag--you{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.dot{background:var(--muted-foreground);opacity:.5;border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.dot--on{background:var(--brand-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-green) 25%, transparent);opacity:1}.auth{min-height:100dvh;display:grid}.auth__side{background:var(--side);color:#fff;flex-direction:column;justify-content:space-between;padding:3rem;display:none}.auth__brand{font-family:var(--font-heading), sans-serif;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:600;display:flex}.auth__mark{color:#ffffffe6;width:16rem;margin-bottom:2.5rem}.auth__claim{color:var(--side-foreground);max-width:26rem;font-size:1.1rem}.auth__foot{color:var(--side-foreground);font-size:.875rem}.auth__main{justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.auth__box{text-align:center;width:100%;max-width:26rem}.auth__box .logo{width:48px;height:48px;margin:0 auto 1rem}.auth__box h1{font-size:1.75rem;font-weight:600}.auth__box>p{margin:.5rem 0 1.5rem}.auth__box .panel{text-align:left;margin-top:1.5rem}@media (min-width:64rem){.auth{grid-template-columns:1.05fr 1fr}.auth__side{display:flex}}.lobby{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.panel--join{grid-template-rows:auto auto 1fr}.panel--join .join-form{align-self:end}.stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stat{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:var(--shadow-card);padding:.8rem 1rem}.stat strong{font-family:var(--font-heading), sans-serif;font-size:1.8rem;font-weight:600;line-height:1.1;display:block}.stat span{color:var(--muted-foreground);font-size:.8rem;font-weight:600}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:.65rem 0;display:flex}.history li:last-child{border-bottom:0}.room__bar{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-bottom:1rem;display:flex}.room__code{align-items:baseline;gap:.5rem;display:flex}.room__code span{color:var(--muted-foreground);font-size:.85rem;font-weight:600}.room__code strong{font-family:var(--font-heading), sans-serif;letter-spacing:.2em;font-size:1.5rem}.room__tags{gap:.4rem;margin-left:auto;display:flex}.room__tags .tag{margin-left:0}.result{background:var(--card);border:1px solid var(--border);border-top:4px solid var(--brand-orange);box-shadow:var(--shadow-lift);text-align:center;gap:.75rem;max-width:32rem;margin:1rem auto;padding:1rem 1.4rem;display:grid}.result h2{font-size:1.5rem}.result__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.card{aspect-ratio:167/243;filter:drop-shadow(0 2px 3px #00000059);width:var(--card-w);padding:0;display:block}.card img,.card svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.card--small{width:calc(var(--card-w) * .72)}.card--tiny{width:calc(var(--card-w) * .5)}.card--button{cursor:pointer;background:0 0;border:0;transition:transform .12s,filter .12s}.card--button:disabled{cursor:default}.card--playable{filter:drop-shadow(0 0 0 var(--brand-orange)) drop-shadow(0 0 5px var(--brand-orange)) drop-shadow(0 2px 3px #00000059)}.card--playable:hover:not(:disabled),.card--selected{transform:translateY(-.7rem)}.card--target{filter:drop-shadow(0 0 7px var(--brand-green));outline:2px dashed var(--brand-green);outline-offset:2px}.game{gap:.85rem;display:grid}.felt{background:radial-gradient(ellipse at center, var(--table), var(--table-edge));border:2px solid var(--rule);box-shadow:var(--shadow-lift), inset 0 0 2.5rem #00000059;color:var(--table-text);min-height:calc(var(--card-w) * 1.5 + 4rem);border-radius:2.5rem;align-items:center;gap:1.2rem;padding:1.25rem 1.5rem;display:flex;position:relative}.stock{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.stock__pile{height:calc(var(--card-w) * .72 * 1.47);width:calc(var(--card-w) * .72 * 1.42);position:relative}.stock__trump{position:absolute;top:0;left:0}.stock__deck{left:calc(var(--card-w) * .72 * .42);z-index:1;position:absolute;top:0}.stock__count{color:#fff;bottom:.25rem;left:calc(var(--card-w) * .72 * .42 + .3rem);z-index:2;background:#000000b3;padding:0 .45rem;font-size:.8rem;font-weight:600;position:absolute}.stock__label{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.stock__trumpsuit{background:#fff;place-items:center;width:1.7rem;height:1.7rem;font-size:1.2rem;line-height:1;display:grid}.pairs{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:1rem .9rem;display:flex}.pairs__empty{opacity:.6}.pair{position:relative}.pair__defense{position:absolute;top:14%;left:28%;transform:rotate(8deg)}.pair__drop{outline:2px dashed var(--brand-orange);z-index:3;position:absolute;inset:-.3rem}.chooser{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.hand{flex-wrap:wrap;justify-content:center;padding-top:.9rem;display:flex}.hand .card{margin:0 -.9rem 0 0}.hand .card:last-child{margin-right:0}.hand--static{gap:.15rem;padding-top:0}.hand--static .card{margin:0}.replay{gap:.9rem;display:grid}.replay__controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.replay__hands{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.8rem;display:grid}.replay__hand{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--border);box-shadow:var(--shadow-card);padding:.6rem .8rem}.replay__hand--attacker{border-top-color:var(--brand-blue)}.replay__hand--defender{border-top-color:var(--brand-orange)}.replay__hand h3{margin-bottom:.4rem;font-size:1rem}.replay__hand small{color:var(--muted-foreground);font-weight:400}.result-line{font-family:var(--font-heading), sans-serif;text-align:center;font-size:1.3rem;font-weight:600}@media (max-width:40rem){.topbar__title,.topbar__name{display:none}.felt{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.hand .card{margin-right:-1.4rem}.page{padding-bottom:calc(3rem + env(safe-area-inset-bottom))}}@media (pointer:coarse){.btn,input,select{min-height:2.75rem}}.waiting{padding-bottom:5.5rem}.waiting__grid{grid-template-columns:1fr;align-items:start;gap:0 2rem;display:grid}@media (min-width:56rem){.waiting__grid{grid-template-columns:minmax(18rem,22rem) 1fr}}.invite{text-align:center;justify-items:center}.invite__code{background:var(--background);border:2px dashed var(--rule);border-radius:var(--radius);color:var(--foreground);cursor:pointer;font-family:var(--font-heading), sans-serif;gap:.35rem;padding:.8rem 1rem;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700;display:flex}.invite__code:hover{background:var(--muted)}.invite__code span{text-align:center;min-width:1.1ch}.invite__hint{font-size:.8rem}.invite__qr{border-top:1px solid var(--border);justify-items:center;gap:.4rem;width:100%;padding-top:1rem;display:grid}.invite__qr p{font-size:.8rem}.qr{border:1px solid var(--border);background:#fff;width:9.5rem;height:auto;padding:.25rem;display:block}.seats{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.seat{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--brand-blue);box-shadow:var(--shadow-card);align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.seat--you{border-left-color:var(--brand-orange)}.seat--free{border:1px dashed var(--border);border-left:4px dashed var(--border);box-shadow:none;color:var(--muted-foreground);background:0 0}.seat__body{gap:.1rem;min-width:0;display:grid}.seat__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.seat__meta{color:var(--muted-foreground);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.avatar--lg{width:2.6rem;height:2.6rem;font-size:1.15rem}.avatar--empty{background:var(--muted);color:var(--muted-foreground);font-size:1.4rem}.options{gap:.9rem}.options small{display:block}.startbar{background:var(--card);border-top:1px solid var(--border);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));z-index:30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 16px -10px #12202e40}.startbar__text{font-weight:600}.startbar__actions{gap:.6rem;margin-left:auto;display:flex}.arena{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top top top""left felt right";gap:.9rem;display:grid}.arena--1{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""felt"}.arena__top{flex-wrap:wrap;grid-area:top;justify-content:center;gap:.75rem;display:flex}.arena__left{grid-area:left;align-self:center}.arena__right{grid-area:right;align-self:center}.arena .felt{grid-area:felt}.arena--2{grid-template-areas:"left felt right"}.seat-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--border);box-shadow:var(--shadow-card);grid-template-columns:auto 1fr;align-items:center;gap:.2rem .65rem;min-width:10.5rem;padding:.55rem .75rem;display:grid;position:relative}.seat-card--attacker{border-top-color:var(--brand-blue)}.seat-card--defender{border-top-color:var(--brand-orange)}.seat-card--out{opacity:.45}.seat-card--active{outline:2px solid var(--brand-green);outline-offset:2px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{outline-color:#0000}}.seat-card__name{align-items:center;gap:.4rem;font-weight:600;display:flex}.seat-card__role{color:var(--muted-foreground);font-size:.75rem;font-weight:600}.seat-card__hand{grid-column:1/-1;align-items:center;min-height:2.8rem;padding-left:.1rem;display:flex}.seat-card__count{background:var(--brand-blue);color:#fff;margin-left:.55rem;padding:0 .45rem;font-size:.8rem;font-weight:600}.turn{background:var(--card);border:1px solid var(--border);border-left:6px solid var(--border);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:baseline;gap:.15rem .9rem;padding:.7rem 1rem;display:flex}.turn strong{font-family:var(--font-heading), sans-serif;font-size:1.25rem;font-weight:600}.turn span{color:var(--muted-foreground)}.turn--attack{border-left-color:var(--brand-blue)}.turn--defend{border-left-color:var(--brand-orange)}.handzone{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);gap:.5rem;padding:.8rem 1rem 1rem;display:grid}.handzone__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;display:flex}.handzone__me{align-items:center;gap:.7rem;display:flex}@media (max-width:56rem){.arena,.arena--2{grid-template-columns:1fr 1fr;grid-template-areas:"top top""left right""felt felt"}.arena--1{grid-template-columns:1fr;grid-template-areas:"top""felt"}.arena__left,.arena__right{align-self:stretch}.arena__left .seat-card,.arena__right .seat-card{width:100%}.felt{border-radius:1.5rem}}@media (max-width:40rem){.seat-card{grid-template-columns:1fr;min-width:0;padding:.45rem .6rem}.seat-card>.avatar{display:none}.seat-card__hand{min-height:2.2rem}.invite__code{font-size:1.7rem}.startbar__actions{width:100%;margin-left:0}.startbar__actions .btn{flex:1}}