@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2) format("woff2"),url(/assets/alfa-slab-one-latin-400-normal-UIGeWgec.woff) format("woff")}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2) format("woff2"),url(/assets/alfa-slab-one-latin-ext-400-normal-Dg9tQUb7.woff) format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,.table-design-classic{--felt: #0f4a37;--felt-deep: #0a3527;--rail: #2f1d11;--rail-line: #4a3020;--brass: #e2b354;--brass-deep: #a8781f;--brass-ink: #3a2508;--felt-pattern: none;--gold: var(--brass);--accent: var(--brass-deep)}:root{--paper: #f7f0de;--paper-2: #ece2c6;--line: rgba(90, 64, 34, .22);--line-strong: rgba(90, 64, 34, .4);--ink: #2a1c12;--muted: #7a6853;--danger: #b3261e;--won: #1d7a3a;--lost: var(--danger);--on-felt: #f7f0de;--on-felt-muted: rgba(247, 240, 222, .7);--panel: var(--paper);--card-w: 62px;--card-h: 92px;--side-taker: #f39a4a;--side-opp: #5bbde6;--radius: 16px;--piros: #c8312a;--tok: #c47d0c;--zold: #2d7a3a;--makk: #7a4520;--deck-paper: var(--paper);--deck-line: var(--line);--deck-piros: var(--piros);--deck-tok: var(--tok);--deck-zold: var(--zold);--deck-makk: var(--makk);--deck-frame: currentColor;--deck-frame-opacity: .25;--deck-ornament: none;--deck-back: #7a1d23;--deck-back-pattern: none;--deck-back-rim: var(--paper);--deck-back-mark: var(--brass);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-float: 0 12px 32px rgba(0, 0, 0, .35);--font-display: "Alfa Slab One", "Rockwell", Georgia, serif;--font-ui: "Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-ui);font-size:16px;line-height:1.4;color:var(--ink);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0}html{height:100%;background:var(--rail);scrollbar-gutter:stable}body,#root{min-height:100%}body{background:var(--felt);background-image:var(--felt-pattern);background-size:240px 240px;overscroll-behavior:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15;letter-spacing:.01em}:focus-visible{outline:3px solid var(--brass);outline-offset:2px}:where(button){font:inherit;cursor:pointer;touch-action:manipulation;color:inherit}:where(button:not(.card)){border:1px solid var(--line-strong);border-radius:10px;padding:10px 18px;font-weight:650;color:var(--ink);background:#fffaf0;transition:background .12s ease,border-color .12s ease,color .12s ease}:where(button:not(.card):not(:disabled)):hover{background:var(--paper-2)}button.full-width{display:block;width:100%}button:disabled{cursor:default;opacity:.5}button.primary{color:var(--brass-ink);background:var(--brass);border-color:var(--brass);font-weight:750}button.primary:not(:disabled):hover{background:#d9a744;border-color:#d9a744}button.danger{color:#fff;background:var(--danger);border-color:var(--danger);font-weight:750}button.danger:not(:disabled):hover{background:#9c2019}button.link{border:0;background:none;padding:6px 8px;color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px;opacity:.85}button.link:hover{background:none;opacity:1}button.active,button.active:not(:disabled):hover{color:var(--paper);background:var(--felt);border-color:var(--felt)}input{font:inherit;padding:11px 13px;border:1px solid var(--line-strong);border-radius:10px;width:100%;color:var(--ink);background:#fffaf0}input:focus{outline:none;border-color:var(--brass-deep);box-shadow:0 0 0 3px #e2b35459}input::placeholder{color:#b3a385}.app{min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center;color:var(--on-felt);margin-top:40vh}.error{color:var(--danger);font-weight:600;margin:0}.panel{position:relative;border-radius:var(--radius);padding:24px;margin:18px auto;width:min(440px,calc(100% - 32px));color:var(--ink);background:var(--paper)}.panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--line);border-radius:calc(var(--radius) - 5px);pointer-events:none}.panel h2{margin:0 0 12px;font-size:1.55rem;color:var(--felt)}.panel h3{margin:0 0 12px;font-size:1.2rem;color:var(--felt)}.logo{margin:0;font-size:2.6rem;color:var(--felt);display:flex;align-items:center;gap:2px}.page-footer{margin:auto auto 0;padding:28px 16px 18px;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--paper);opacity:.85}.page-footer .logo-mark{width:46px;height:46px;margin:0}.page-footer-name{display:flex;flex-direction:column;font-family:var(--font-display);font-size:1.35rem;line-height:1}.page-footer-name small{margin-top:4px;padding-left:2px;font-family:var(--font-ui);font-size:.62rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--brass)}.logo-mark{display:block;flex:none;width:1.35em;height:1.35em;margin-left:-.12em}.tabs,.segmented,.buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs button,.segmented button{flex:1}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:600}label.inline{display:flex;align-items:center;gap:8px;margin:14px 0;font-weight:600}label.inline input{width:90px;text-align:center;font-family:var(--font-display)}.tag{display:inline-block;font-size:.72rem;font-weight:650;font-family:var(--font-ui);padding:2px 8px;border-radius:999px;background:#2a1c1214;margin-left:6px;white-space:nowrap;vertical-align:middle;letter-spacing:0}.tag.host,.tag.hot{background:var(--brass);color:var(--brass-ink);font-weight:750}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.on{background:#3ddc6f}.dot.off{background:#9a9184}.avatar-token{position:relative;display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--brass-deep);font-family:var(--font-display);font-size:1rem;color:var(--felt);background:var(--paper)}.avatar-token.bot svg{width:84%;height:84%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.avatar-token.bot svg .fill{fill:currentColor;stroke:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.avatar-token .dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;margin:0;box-shadow:0 0 0 2px var(--felt-deep)}.avatar-token.empty{background:none;border:1.5px dashed var(--line-strong)}.banner{background:var(--brass);color:var(--brass-ink);text-align:center;padding:6px;font-size:.85rem;font-weight:650}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;text-align:center;background:var(--danger);color:#fff;font-weight:600;padding:12px 20px;border-radius:12px;z-index:100;max-width:calc(100% - 32px);box-shadow:var(--shadow-float);animation:toast-in .2s ease-out}.app:not(.in-game) .toast{bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom))}.toast.info{color:var(--paper);background:var(--rail)}@keyframes toast-in{0%{opacity:0;translate:0 12px}}.close-warning{background:#a8461f;color:#fff;text-align:center;padding:8px 12px;font-size:.9rem;font-weight:600}.lobby .close-warning{border-radius:10px;margin:12px 0}.notice{background:#e2b35433;padding:10px 12px;border-radius:10px}.countdown{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:22px;border-radius:999px;overflow:hidden;background:#0006;color:#fff;font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}.countdown-bar{position:absolute;inset:0 auto 0 0;background:var(--brass-deep);transition:width .25s linear}.countdown.urgent .countdown-bar{background:var(--danger)}.countdown-text{position:relative}.seat.offline{opacity:.55;filter:grayscale(.8)}.seat.offline .seat-name{text-decoration:line-through}.offline-tag{background:var(--danger)!important;color:#fff;margin:0}.join-form{display:flex;gap:8px}.code-input{text-transform:uppercase;letter-spacing:.25em;font-family:var(--font-display);text-align:center}.code-input::placeholder{font-family:var(--font-ui);font-weight:600;letter-spacing:.12em}.field input[type=range]{width:100%;padding:0;border:0;background:none;accent-color:var(--brass-deep)}.field input[type=range]:focus{box-shadow:none}.field{display:flex;flex-direction:column;gap:5px;margin:14px 0;font-size:.9rem;font-weight:600}.field .segmented{margin:0}.field .muted.small{font-weight:450}.hint{color:var(--danger);font-size:.8rem}.steady{display:grid}.steady>span{grid-area:1 / 1}.steady>.steady-off{visibility:hidden}.public-rooms li>div{flex:1;min-width:0;display:grid;gap:2px}.public-rooms li button{flex:none}.invite-code,.invite-code:not(:disabled):hover{position:relative;display:block;width:100%;margin:6px 0 4px;padding:16px 14px;border:0;border-radius:12px;font-family:var(--font-display);font-size:2.3rem;font-weight:400;letter-spacing:.22em;color:var(--brass-ink);background:var(--brass)}.invite-code:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px dashed rgba(58,37,8,.35);border-radius:7px;pointer-events:none}.member-list,.public-rooms{list-style:none;padding:0;margin:16px 0;display:grid;gap:6px}.member-list li,.public-rooms li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#fffaf0}.member-list li{font-weight:650}.public-rooms{margin:12px 0 0}.member-list li .tag{margin-left:0}.member-list li .kick{margin-left:auto;padding:2px 6px}.member-list li.empty{color:var(--muted);font-weight:500;font-style:italic;background:none;border-style:dashed;border-color:var(--line-strong)}.card{--suit-cut: var(--deck-paper);position:relative;width:var(--card-w);height:var(--card-h);border:0;border-radius:calc(var(--card-w) * .1);padding:0;background:var(--deck-paper);box-shadow:inset 0 0 0 1px var(--deck-line),var(--shadow-card);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);transition:translate .15s ease,rotate .15s ease,box-shadow .15s ease,opacity .15s ease,filter .15s ease;user-select:none;-webkit-user-select:none}.card:before{content:"";position:absolute;inset:calc(var(--card-w) * .055);border-radius:calc(var(--card-w) * .06);border:1px solid var(--deck-frame);opacity:var(--deck-frame-opacity);pointer-events:none}.card:not(.card-back):after{content:"";position:absolute;inset:calc(var(--card-w) * .055);background:var(--deck-ornament);pointer-events:none}.card:disabled{opacity:1}.card.small{--card-w: 42px;--card-h: 62px}.suit-icon{display:block;width:1em;height:1em;flex:none}.card-corner{position:absolute;top:calc(var(--card-w) * .08);left:calc(var(--card-w) * .09);display:flex;flex-direction:column;align-items:center;gap:calc(var(--card-w) * .02);line-height:1}.card-rank{font-size:calc(var(--card-w) * .24);letter-spacing:-.02em}.card-corner .rank-icon{display:block;width:calc(var(--card-w) * .31);height:calc(var(--card-w) * .31);margin-bottom:calc(var(--card-w) * .01)}.card-corner .suit-icon{font-size:calc(var(--card-w) * .17)}.card-center{display:grid;place-items:center;font-size:calc(var(--card-w) * .4);margin-top:calc(var(--card-w) * .06)}.card.rank-A .card-center{font-size:calc(var(--card-w) * .54)}.card.figure .card-center{width:calc(var(--card-w) * .6);height:calc(var(--card-w) * .6);border-radius:50%;font-size:calc(var(--card-w) * .32);background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 55%,transparent)}.card-name{position:absolute;bottom:calc(var(--card-w) * .08);font-family:var(--font-ui);font-size:max(9px,calc(var(--card-w) * .14));font-weight:700;line-height:1}.card.small .card-name{display:none}.card.small .card-center{margin-top:calc(var(--card-w) * .16)}.card.suit-piros{color:var(--deck-piros)}.card.suit-tok{color:var(--deck-tok)}.card.suit-zold{color:var(--deck-zold)}.card.suit-makk{color:var(--deck-makk)}.card.playable{cursor:pointer}@media(hover:hover){.card.playable:hover{translate:0 -10px}}.card.selected{translate:0 -10px;box-shadow:inset 0 0 0 1px var(--deck-line),0 0 0 3px var(--brass),var(--shadow-card)}.card.dimmed{opacity:.5;filter:saturate(.3) brightness(.85)}.card-back{color:var(--deck-back-mark);background:var(--deck-back);background-image:var(--deck-back-pattern);background-size:calc(var(--card-w) * .24) calc(var(--card-w) * .24);background-position:center;box-shadow:inset 0 0 0 calc(var(--card-w) * .07) var(--deck-back-rim),inset 0 0 0 calc(var(--card-w) * .07 + 1px) var(--deck-line),var(--shadow-card)}.card-back:before{inset:calc(var(--card-w) * .13);opacity:.6}.card-back:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--card-w) * .2);height:calc(var(--card-w) * .2);translate:-50% -50%;rotate:45deg;background:var(--deck-back-mark);box-shadow:0 0 0 calc(var(--card-w) * .035) var(--deck-back)}.table-design-kaszino{--felt: #5c1a26;--felt-deep: #43111b;--rail: #1a1210;--rail-line: #35241e;--brass: #e0b65a;--brass-deep: #a6801f;--brass-ink: #3a2508;--gold: var(--brass);--accent: var(--brass-deep)}.table-design-teli{--felt: #1c4a5d;--felt-deep: #133746;--rail: #1f2b33;--rail-line: #374955;--brass: #d6ebf6;--brass-deep: #8db2c6;--brass-ink: #102029;--gold: var(--brass);--accent: var(--brass-deep);--felt-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M30 18v24M18 30h24M21.5 21.5l17 17M38.5 21.5l-17 17M30 22l-3-3M30 22l3-3M30 38l-3 3M30 38l3 3'/%3E%3Cpath d='M88 70v20M78 80h20M81 73l14 14M95 73L81 87'/%3E%3C/g%3E%3C/svg%3E")}.table-design-kiralyi{--felt: #173a6b;--felt-deep: #0f284c;--rail: #16131d;--rail-line: #2e283b;--brass: #cfd6e2;--brass-deep: #8791a5;--brass-ink: #1b2130;--gold: var(--brass);--accent: var(--brass-deep)}.table-design-barsony{--felt: #4b2150;--felt-deep: #33153a;--rail: #140c16;--rail-line: #2e1d33;--brass: #e8c66a;--brass-deep: #a98428;--brass-ink: #2f1f05;--gold: var(--brass);--accent: var(--brass-deep);--felt-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 24 24 0M-6 6 6-6M18 30 30 18' stroke='%23ffffff' stroke-opacity='.035' stroke-width='3'/%3E%3C/svg%3E")}.deck-classic{--deck-paper: var(--paper);--deck-line: var(--line);--deck-piros: var(--piros);--deck-tok: var(--tok);--deck-zold: var(--zold);--deck-makk: var(--makk);--deck-frame: currentColor;--deck-frame-opacity: .25;--deck-ornament: none;--deck-back: #7a1d23;--deck-back-pattern: none;--deck-back-rim: var(--paper);--deck-back-mark: var(--brass)}.deck-kocsma{--deck-paper: #f1e2c0;--deck-line: rgba(80, 50, 20, .32);--deck-piros: #9a3a22;--deck-tok: #a8701c;--deck-zold: #4f6a2c;--deck-makk: #5e3a1c;--deck-frame: #6b4423;--deck-frame-opacity: .4;--deck-back: #5a3a22;--deck-back-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 6 6 0l6 6-6 6z' fill='none' stroke='%237d5534' stroke-width='1.1'/%3E%3Cpath d='M6 3.2 8.8 6 6 8.8 3.2 6z' fill='none' stroke='%233e2614' stroke-width='.7'/%3E%3C/svg%3E");--deck-back-rim: #e8d3a8;--deck-back-mark: #d9a441}.deck-nepi{--deck-paper: #fdfaf2;--deck-line: rgba(140, 20, 24, .25);--deck-piros: #c4161c;--deck-tok: #d98e04;--deck-zold: #1e7b34;--deck-makk: #6b3a18;--deck-frame: #c4161c;--deck-frame-opacity: .45;--deck-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15 5c-2 2-5 3-8 2 1 3 0 6-2 8' fill='none' stroke='%231e7b34' stroke-width='1.2'/%3E%3Cpath d='M9 6.2c1.6-.6 3 .4 2.4 2-.4-1-1.4-1.4-2.4-2zM6 11c.6 1.6-.4 3-2 2.4 1-.4 1.4-1.4 2-2.4z' fill='%231e7b34'/%3E%3Ccircle cx='15.6' cy='4.4' r='2.4' fill='%23c4161c'/%3E%3Ccircle cx='15.6' cy='4.4' r='.9' fill='%23fdfaf2'/%3E%3C/svg%3E") top right / 25% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg transform='matrix(1 0 0 -1 0 20)'%3E%3Cpath d='M15 5c-2 2-5 3-8 2 1 3 0 6-2 8' fill='none' stroke='%231e7b34' stroke-width='1.2'/%3E%3Cpath d='M9 6.2c1.6-.6 3 .4 2.4 2-.4-1-1.4-1.4-2.4-2zM6 11c.6 1.6-.4 3-2 2.4 1-.4 1.4-1.4 2-2.4z' fill='%231e7b34'/%3E%3Ccircle cx='15.6' cy='4.4' r='2.4' fill='%23c4161c'/%3E%3Ccircle cx='15.6' cy='4.4' r='.9' fill='%23fdfaf2'/%3E%3C/g%3E%3C/svg%3E") bottom right / 25% no-repeat;--deck-back: #fdfaf2;--deck-back-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.2c1.4 0 2 1.6 1.2 2.6 1.3-.4 2.4.8 1.8 2-.6 1-2 1-3 .4-1 .6-2.4.6-3-.4-.6-1.2.5-2.4 1.8-2C6 4.8 6.6 3.2 8 3.2z' fill='%23c4161c'/%3E%3Ccircle cx='8' cy='6.6' r='.9' fill='%23fdfaf2'/%3E%3Cpath d='M8 9v4.6M8 12c-1.4-.2-2.4-1-2.8-2.2M8 12c1.4-.2 2.4-1 2.8-2.2' fill='none' stroke='%231e7b34' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E");--deck-back-rim: #c4161c;--deck-back-mark: #1e7b34}.deck-ejjeli{--deck-paper: #1c2433;--deck-line: rgba(255, 255, 255, .16);--deck-piros: #ff7f70;--deck-tok: #f4c152;--deck-zold: #7ad495;--deck-makk: #dcab80;--deck-frame: #a9bbe0;--deck-frame-opacity: .35;--deck-back: #111827;--deck-back-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='3' cy='4' r='.7' fill='%23a9bbe0'/%3E%3Ccircle cx='11' cy='2.5' r='.45' fill='%23a9bbe0'/%3E%3Ccircle cx='13' cy='11' r='.7' fill='%23a9bbe0'/%3E%3Ccircle cx='6' cy='12.5' r='.45' fill='%23a9bbe0'/%3E%3Cpath d='M8.6 6.4l.4 1 1 .4-1 .4-.4 1-.4-1-1-.4 1-.4z' fill='%23e7edf9'/%3E%3C/svg%3E");--deck-back-rim: #2b3852;--deck-back-mark: #e7edf9}.deck-arany{--deck-paper: #15120d;--deck-line: rgba(226, 179, 84, .45);--deck-piros: #ec5b4c;--deck-tok: #f0c050;--deck-zold: #62c477;--deck-makk: #cf9a68;--deck-frame: #e2b354;--deck-frame-opacity: .85;--deck-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0v6M10 0H4M10 2.6C8 2.6 7.4 2 7.4 0' fill='none' stroke='%23e2b354' stroke-width='.8'/%3E%3C/svg%3E") top right / 22% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 10V4M0 10h6M0 7.4c2 0 2.6.6 2.6 2.6' fill='none' stroke='%23e2b354' stroke-width='.8'/%3E%3C/svg%3E") bottom left / 22% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 10V4M10 10H4M10 7.4c-2 0-2.6.6-2.6 2.6' fill='none' stroke='%23e2b354' stroke-width='.8'/%3E%3C/svg%3E") bottom right / 22% no-repeat;--deck-back: #0f0d0a;--deck-back-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 16a8 8 0 0 1 16 0M3 16a5 5 0 0 1 10 0M6 16a2 2 0 0 1 4 0M8 8v8' fill='none' stroke='%23b8902f' stroke-width='.7'/%3E%3C/svg%3E");--deck-back-rim: #b8902f;--deck-back-mark: #f0c96a}.deck-smaragd{--deck-paper: #f6f8f1;--deck-line: rgba(10, 90, 60, .3);--deck-piros: #b3262d;--deck-tok: #c48a12;--deck-zold: #0c7a4b;--deck-makk: #6b4626;--deck-frame: #0c6b45;--deck-frame-opacity: .6;--deck-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0 6 4l4 4M10 2.4 8.4 4 10 5.6' fill='none' stroke='%230c6b45' stroke-width='.8'/%3E%3C/svg%3E") top right / 22% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 10 4 6 0 2M0 7.6 1.6 6 0 4.4' fill='none' stroke='%230c6b45' stroke-width='.8'/%3E%3C/svg%3E") bottom left / 22% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 10 6 6l4-4M10 7.6 8.4 6 10 4.4' fill='none' stroke='%230c6b45' stroke-width='.8'/%3E%3C/svg%3E") bottom right / 22% no-repeat;--deck-back: #0a5236;--deck-back-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0 12 6 6 12 0 6z' fill='none' stroke='%231f8a5e' stroke-width='.9'/%3E%3Cpath d='M6 3.6 8.4 6 6 8.4 3.6 6z' fill='%23137049'/%3E%3C/svg%3E");--deck-back-rim: #d9c27a;--deck-back-mark: #ecd78f}.suit-badge{display:inline-flex;align-items:center;gap:5px;font-weight:750;white-space:nowrap}.suit-badge .suit-icon{font-size:1.15em}.suit-badge.suit-piros{color:var(--piros)}.suit-badge.suit-tok{color:var(--tok)}.suit-badge.suit-zold{color:var(--zold)}.suit-badge.suit-makk{color:var(--makk)}.table{flex:1;min-height:0;display:flex;flex-direction:column;color:var(--on-felt)}.info-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;align-items:center;padding:7px 12px;font-size:.85rem;font-weight:600;background:var(--felt-deep)}.info-bar:empty{display:none}.info-bar .suit-badge{background:var(--paper);padding:2px 10px 2px 8px;border-radius:8px}.info-bar .tag{margin:0;background:#ffffff1f}.info-bar .tag.hot{background:var(--brass)}.felt{position:relative;flex:1;min-height:calc(var(--card-h) * 2.1 + 150px)}.seat{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 9px 8px;border-radius:14px;max-width:45%;background:var(--felt-deep)}.seat-plate{display:flex;align-items:center;gap:8px;max-width:100%}.seat.side-taker .avatar-token,.my-area.side-taker .avatar-token,.avatar-token.side-taker{border:4px solid var(--side-taker)}.seat.side-opp .avatar-token,.my-area.side-opp .avatar-token,.avatar-token.side-opp{border:4px solid var(--side-opp)}.sides{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.side-chip{padding:1px 9px;border:2px solid;border-radius:999px;font-weight:750}.side-chip.side-taker{border-color:var(--side-taker);color:var(--side-taker)}.side-chip.side-opp{border-color:var(--side-opp);color:var(--side-opp)}.seat.speaking{z-index:4}.seat .avatar-token,.legend-swatch .avatar-token{--token-gap: var(--felt-deep)}.my-area .avatar-token{--token-gap: var(--rail)}.seat.active .avatar-token,.my-area.active .avatar-token,.avatar-token.turn{animation:turn-pulse 1.6s ease-in-out infinite}@keyframes turn-pulse{0%,to{box-shadow:0 0 0 2px var(--token-gap),0 0 0 2px #e2b35400}50%{box-shadow:0 0 0 2px var(--token-gap),0 0 0 6px #e2b354d9}}.seat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.seat-foot,.my-foot{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.85rem;font-weight:600;color:var(--on-felt-muted)}.my-foot{margin-top:8px}.foot-secret{color:var(--brass);font-weight:750}.seat-cards{display:flex;min-height:62px}.seat-cards .card+.card{margin-left:-30px}.seat-top{top:14px;left:50%;transform:translate(-50%)}.seat-left{left:14px;top:50%;transform:translateY(-50%)}.seat-right{right:14px;top:50%;transform:translateY(-50%)}.players-3 .seat-left,.players-3 .seat-right{top:24%}.table-tools{position:absolute;right:10px;bottom:calc(100% + 10px);z-index:3;display:flex;flex-direction:column;gap:8px}.tool-button,.tool-button:not(:disabled):hover{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--rail-line);border-radius:50%;color:var(--paper);background:var(--rail)}.tool-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-button:not(:disabled):hover{color:var(--brass)}.table-menu-list{position:absolute;right:0;bottom:calc(100% + 8px);z-index:6;display:grid;min-width:190px;padding:6px;border:1px solid var(--rail-line);border-radius:14px;background:var(--rail);box-shadow:0 10px 28px #00000073;animation:dialog-in .14s ease-out}.table-menu-item,.table-menu-item:not(:disabled):hover{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:none;color:var(--paper);font-weight:600;text-align:left}.table-menu-item:not(:disabled):hover,.table-menu-item:focus-visible{outline:none;background:#ffffff14;color:var(--brass)}.table-menu-item svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.table-menu-list .table-menu-item.separated{margin-top:6px;border-top:1px solid var(--rail-line);border-radius:0 0 10px 10px}.my-area:has(.table-menu.open){z-index:30}.table-menu.open .tool-button{color:var(--brass);border-color:var(--brass-deep)}.trick-area{position:absolute;left:50%;top:50%;width:calc(var(--card-w) * 3.2);height:calc(var(--card-h) * 2.1);transform:translate(-50%,-50%);z-index:2}.trick-area:before{content:"";position:absolute;top:-6%;right:-10%;bottom:-6%;left:-10%;border-radius:50%;border:1.5px dashed rgba(247,240,222,.14);pointer-events:none;transition:border-color .15s,background .15s}.trick-card{position:absolute;--from-x: 0px;--from-y: 40px;animation:card-in .22s cubic-bezier(.2,.8,.3,1)}.trick-card.at-bottom{bottom:0;left:50%;margin-left:calc(var(--card-w) / -2);--from-y: 60px}.trick-card.at-top{top:0;left:50%;margin-left:calc(var(--card-w) / -2);--from-y: -50px}.trick-card.at-left{left:0;top:50%;margin-top:calc(var(--card-h) / -2);--from-x: -60px;--from-y: 0px}.trick-card.at-right{right:0;top:50%;margin-top:calc(var(--card-h) / -2);--from-x: 60px;--from-y: 0px}.trick-card.at-bottom .card{rotate:2deg}.trick-card.at-top .card{rotate:-3deg}.trick-card.at-left .card{rotate:-6deg}.trick-card.at-right .card{rotate:5deg}@keyframes card-in{0%{opacity:0;translate:var(--from-x) var(--from-y);scale:.9}}.trick-card.winner .card{box-shadow:inset 0 0 0 1px var(--line),0 0 0 3px var(--brass),var(--shadow-card)}.phase-panel{text-align:center;padding:4px 60px;min-height:40px;font-size:.9rem;font-weight:550;line-height:1.3}.phase-panel p{margin:2px 0}.phase-panel .buttons{justify-content:center;align-items:center;gap:8px;margin:6px 0}.phase-panel .buttons button{padding:7px 14px;font-size:.9rem}.phase-panel .muted{color:var(--on-felt-muted)}.your-turn{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--brass)}.call-ranks{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding-top:6px}.call-picker button.active,.call-picker button.active:not(:disabled):hover{color:var(--ink);background:#fffaf0;border-color:var(--brass);box-shadow:0 0 0 2px var(--brass),0 4px 10px #00000059;translate:0 -2px}.call-picker .buttons:has(button.active) button:not(.active){opacity:.65}.call-picker .buttons button{transition:background .12s ease,border-color .12s ease,opacity .12s ease,translate .12s ease}.my-area{position:relative;padding:6px 8px calc(12px + env(safe-area-inset-bottom));background:var(--rail)}.my-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:2px}.my-info .avatar-token{width:28px;height:28px;font-size:.85rem}.my-info .avatar-token .dot{box-shadow:0 0 0 2px var(--rail)}.hand{--hand-card-w: min(62px, calc((100vw - 48px)/8) );--hand-pad-top: 18px;min-height:calc(var(--hand-card-w) * 1.48 + var(--hand-pad-top) + 14px);display:flex;justify-content:safe center;padding:var(--hand-pad-top) 10px 14px;margin-bottom:-10px;overflow-x:auto;overflow-y:hidden}.hand .card{--card-w: var(--hand-card-w);--card-h: calc(var(--card-w) * 1.48);--fan: min(1, calc(2.5/max(var(--edge, 2.5), 2.5)) );--arc: calc(var(--i, 0) * var(--i, 0) * var(--fan) * var(--fan) * 1.3px);margin:0 calc(var(--card-w) * -.05);transform-origin:50% 130%;rotate:calc(var(--i, 0) * var(--fan) * 2.4deg);translate:0 var(--arc)}.my-area.active .hand .card.playable{box-shadow:inset 0 0 0 1px var(--deck-line),0 0 0 2px var(--brass),var(--shadow-card)}@media(hover:hover){.hand .card.playable:hover{translate:0 calc(var(--arc) - 16px);z-index:1}}.hand .card.playable:focus-visible{translate:0 calc(var(--arc) - 16px);z-index:1}@media(min-width:700px){.hand{--hand-card-w: 78px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#041610b8;display:flex;align-items:center;justify-content:center;z-index:50;color:var(--ink)}.modal-backdrop>.panel{box-shadow:var(--shadow-float)}.result{text-align:center;animation:dialog-in .25s cubic-bezier(.2,.9,.3,1.1)}.result h2{font-size:1.7rem}.result .buttons{justify-content:center}@keyframes dialog-in{0%{opacity:0;translate:0 30px;scale:.95}}.score-table{margin:14px auto;border-collapse:collapse;min-width:60%}.score-table td{padding:7px 12px;border-bottom:1px solid var(--line);font-weight:600}.score-table td:nth-child(2){font-family:var(--font-display);font-weight:400;font-size:1.15rem}.match-over{display:flex;flex-direction:column;gap:2px;margin:14px 0;padding:12px 14px;border-radius:12px;color:#fff}.match-over strong{font-family:var(--font-display);font-weight:400;font-size:1.4rem}.match-over.won{background:var(--won)}.match-over.lost{background:var(--lost)}.score-table tr.winner th,.score-table tr.winner td{font-weight:800;background:color-mix(in srgb,var(--brass) 30%,transparent)}@media(min-width:700px){:root{--card-w: 78px;--card-h: 116px}}@media(max-width:380px){:root{--card-w: 50px;--card-h: 76px}}@media(max-width:560px){.info-bar{gap:2px 10px;padding:5px 10px;font-size:.78rem}.side-chip{padding:0 6px;font-size:.72rem}.seat{gap:3px;padding:5px 6px 6px;max-width:32%;font-size:.8rem}.seat-plate{flex-direction:column;gap:2px}.seat .avatar-token{width:26px;height:26px;font-size:.8rem}.seat-top,.seat-left,.seat-right,.players-3 .seat-left,.players-3 .seat-right{top:8px;transform:none}.seat-top{left:50%;translate:-50% 0}.seat-left{left:8px}.seat-right{right:8px}.seat-cards .card+.card{margin-left:-34px}.seat.side-taker .avatar-token,.seat.side-opp .avatar-token{border-width:3px}.seat-name{max-width:100%}.seat-foot{font-size:.7rem}.felt{min-height:calc(var(--card-h) * 2.1 + 130px)}.my-area{padding:4px 8px calc(8px + env(safe-area-inset-bottom))}.phase-panel{padding:4px 56px}.your-turn{font-size:1.05rem}.seat .meld-reveal .card{--card-w: 42px;--card-h: 62px}.trick-area{top:auto;bottom:2px;transform:translate(-50%)}.felt .seat .call-bubble.at-left,.felt .seat .call-bubble.at-right{top:calc(100% + 10px);right:auto;left:50%;translate:-50% 0}.felt .seat .call-bubble.at-left:after,.felt .seat .call-bubble.at-right:after{top:auto;right:auto;bottom:100%;left:50%;translate:-50% 0;border-color:transparent;border-bottom-color:var(--bubble-bg)}.panel{padding:22px 20px}}.app.in-game{height:100vh;height:100dvh;padding-bottom:0;min-height:0;overflow:hidden;--card-w: min(62px, 8.5vh);--card-h: calc(var(--card-w) * 1.48)}.app.in-game .felt{min-height:0}.app.in-game .trick-area{top:auto;bottom:12px;transform:translate(-50%)}@media(max-height:500px){.table-tools{top:6px;right:8px;bottom:auto}.table-tools .tool-button{width:36px;height:36px}.table-tools .tool-button svg{width:18px;height:18px}.seat-left,.seat-right,.players-3 .seat-left,.players-3 .seat-right{top:6px;transform:none}.players-4 .seat-top{flex-direction:row;gap:8px;padding:4px 10px}.players-4 .seat-top .seat-cards{display:none}.players-4 .trick-area{top:calc(50% + 16px)}}@media(max-height:600px){.app.in-game{--card-w: min(50px, 7vh)}.app.in-game .hand{--hand-card-w: min(50px, calc((100vw - 48px)/8) , 8vh);--hand-pad-top: 14px}}.app.in-game .hand{--hand-card-w: min(62px, calc((100vw - 48px)/8) , 9vh)}@media(min-width:700px){.app.in-game{--card-w: min(78px, 9vh)}.app.in-game .hand{--hand-card-w: min(84px, 10.5vh)}}@media(max-width:380px){.app.in-game{--card-w: min(50px, 8vh)}}.card.playable{touch-action:none}.card.dragging{opacity:.3}.hand .card.dragging{translate:0 var(--arc)!important}.drag-ghost{position:fixed;z-index:200;pointer-events:none;transform:rotate(-4deg);transform-origin:50% 85%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));transition:transform .12s ease;animation:drag-lift .14s ease-out}.drag-ghost.lifted{transform-origin:50% 100%}.drag-ghost.over{transform:rotate(0)}@keyframes drag-lift{0%{transform:translateY(24px) scale(.72) rotate(0)}}.drag-ghost .card{--card-h: calc(var(--card-w) * 1.48)}.trick-area.drop-target:before{border:2px dashed rgba(226,179,84,.6)}.trick-area.drop-over:before{border-color:var(--brass);background:#e2b35424}.rules{font-size:.9rem;line-height:1.5;text-align:left}.rules h4{margin:16px 0 4px;font-family:var(--font-display);font-weight:400;font-size:1rem;color:var(--felt)}.rules ul{margin:0;padding-left:18px}.rules li::marker{color:var(--brass-deep)}.rules li+li{margin-top:4px}.legend{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;margin:6px 0 0}.legend dt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:180px}.legend dd{margin:0}.legend-swatch{--suit-cut: var(--paper);display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;color:var(--on-felt);background:var(--felt-deep)}.legend-swatch .suit-badge{background:var(--paper);padding:2px 10px 2px 8px;border-radius:8px}.legend-ranks{--card-w: 44px;display:inline-flex;flex-wrap:wrap;gap:4px 10px;padding:6px 8px;border-radius:8px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--piros);font-family:var(--font-display)}.legend-ranks>span{display:inline-flex;align-items:center;gap:4px}.legend-ranks .rank-icon{width:calc(var(--card-w) * .34);height:calc(var(--card-w) * .34)}.legend-ranks small{font-family:var(--font-ui);font-weight:650;font-size:.72rem;color:var(--muted)}.legend .call-bubble{position:relative;z-index:auto;padding:4px 10px;font-size:.85rem;animation:none}.legend .call-bubble:after{display:none}@media(max-width:420px){.legend{grid-template-columns:1fr;gap:4px}.legend dd{margin-bottom:8px}}.rules-room{background:#e2b35433;border-radius:10px;padding:9px 11px;margin:0;font-weight:650}.rules-box{padding:0}.rules-box summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;cursor:pointer;font-family:var(--font-display);font-size:1.55rem;line-height:1.15;color:var(--felt);list-style:none}.rules-box summary::-webkit-details-marker{display:none}.rules-box summary:after{content:"";flex:none;width:10px;height:10px;margin:-5px 4px 0 0;border-right:2.5px solid var(--brass-deep);border-bottom:2.5px solid var(--brass-deep);rotate:45deg;transition:rotate .15s ease,margin .15s ease}.rules-box[open] summary:after{rotate:225deg;margin-top:5px}.rules-box .rules{padding:4px 16px 18px;border-top:1px solid var(--line);margin:0 8px}.rules-backdrop{z-index:150;align-items:flex-start;overflow-y:auto;padding:16px 0}.rules-dialog{width:min(640px,calc(100% - 32px));max-height:none}.result-leave{display:block;margin:10px auto 0}.score-dialog,.language-dialog{width:min(360px,calc(100% - 32px));margin-top:10vh}.score-table{width:100%;margin-top:14px;border-collapse:collapse}.score-table th,.score-table td{padding:8px 4px;border-bottom:1px solid var(--line)}.score-table th{max-width:0;overflow:hidden;text-align:left;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.score-table td{width:4em;text-align:right;font-family:var(--font-display);font-size:1.35rem}.score-table tr.me th,.score-table tr.me td{color:var(--felt)}.score-table tfoot th,.score-table tfoot td{border-bottom:0;color:var(--muted)}.rules-dialog-header{display:flex;justify-content:space-between;align-items:center}.rules-dialog-header h2{margin:0}.design-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;margin-top:10px}.design-option,.design-option:not(:disabled):hover{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:2px solid var(--line);border-radius:12px;background:none;color:var(--ink);text-align:center}.design-option:not(:disabled):hover{border-color:var(--brass-deep)}.design-option.chosen{border-color:var(--brass-deep);background:#e2b3542e}.design-option:disabled{opacity:1;cursor:default}.design-option.locked .design-sample,.design-option.locked .table-sample{filter:grayscale(.85);opacity:.55}.design-sample{--card-w: 44px;--card-h: 65px;display:flex;gap:4px;margin-bottom:4px}.design-option .small{color:var(--muted);line-height:1.25}.table-sample{position:relative;display:grid;grid-template-rows:1fr 14px;width:92px;height:64px;margin-bottom:4px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.table-sample-felt{background:var(--felt)}.table-sample-rail{background:var(--rail);box-shadow:inset 0 2px 0 var(--brass)}.table-sample:after{content:"";position:absolute;left:50%;top:38%;width:14px;height:14px;translate:-50% -50%;rotate:45deg;background:var(--brass)}.big-choices{display:grid;gap:10px;margin:8px 0 14px}.big-choices h2{margin:0 0 4px}.big-choice,.big-choice:not(:disabled):hover{display:grid;gap:2px;padding:12px 16px;text-align:left;border-radius:12px}.big-choice span{font-size:.85rem;font-weight:500;opacity:.85}.panel>button.link{display:block;margin:10px auto 0}.auth-invite{margin:8px 0 4px;padding:10px 12px;border-radius:10px;background:#e2b35433;font-weight:600}.panel .notice p{margin:0 0 10px}.sound-switch{display:grid;grid-template-columns:1fr 1fr}.sound-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sound-switch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.goal-notes{margin:6px 0 0;padding-left:18px;display:grid;gap:2px}.goal-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.goal{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"mark title title" "mark body reward";gap:6px 12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.goal.reached{border-color:var(--brass-deep);background:#e2b35424}.goal-mark{grid-area:mark;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line-strong);font-weight:800;color:var(--paper)}.goal.reached .goal-mark{border-color:var(--brass-deep);background:var(--brass-deep)}.goal-body{grid-area:body;display:grid;gap:4px;min-width:0;align-self:center}.goal-title{grid-area:title;min-width:0;overflow-wrap:anywhere}.goal-count-row{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 8px}.goal-count{font-family:var(--font-display);white-space:nowrap}.goal-progress{height:10px;border-radius:5px;background:#2a1c121a}.goal-progress-bar{height:100%;border-radius:5px;background:var(--brass-deep);transition:width .4s ease}.goal-reward{grid-area:reward;display:grid;justify-items:center;gap:3px;width:76px;text-align:center;line-height:1.2}.goal-sample{--card-w: 30px;--card-h: 44px}.goal-sample .table-sample{width:46px;height:34px;margin:0;grid-template-rows:1fr 8px}.goal-sample .table-sample:after{width:8px;height:8px}.goal.featured{border-left:4px solid var(--brass);padding-left:9px}.goal.plain{grid-template-columns:1fr auto;grid-template-areas:"title title" "body reward"}.subscription-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.subscription-head h2{margin:0}.subscription-head .tag{margin-left:0}.subscription-benefits{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.subscription-benefits li{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px}.subscription-benefits .goal-sample{justify-self:center}.subscription-double{justify-self:center;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;font-weight:800;font-size:1.05rem;background:var(--brass);color:var(--brass-ink)}.subscription-foot{margin:12px 0 0}.subscription-foot:empty{display:none}.subscription-banner.active{background:#f8e9c0;box-shadow:0 0 0 3px var(--brass)}.subscription-banner.active:before{border-color:#a8781f73}.subscriber-line .tag{margin-left:0}.goal-double{margin:0}.featured-goals-foot{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:14px}.featured-goals-foot p{flex:1 1 200px;margin:0}.landing{display:flex;flex-direction:column;min-height:100%;color:var(--on-felt)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 16px 28px;overflow-x:clip}.hero h1{margin:34px 0 10px;font-size:clamp(2.6rem,9vw,4.8rem);color:var(--paper)}.hero-tagline{max-width:32rem;margin:0 0 30px;font-size:1.12rem;line-height:1.5;color:var(--on-felt-muted)}.hero-cards{--hero-card-w: clamp(58px, 19vw, 104px);--hero-card-h: calc(var(--hero-card-w) * 1.48);display:flex;justify-content:center;height:calc(var(--hero-card-h) * 1.2);padding-top:16px}.hero-card{display:block;margin:0 calc(var(--hero-card-w) / -6);transform-origin:50% 160%;transform:rotate(calc(var(--i) * 9deg)) translateY(calc(var(--i) * var(--i) * 3px))}.hero-card .card{--card-w: var(--hero-card-w);--card-h: var(--hero-card-h);animation:deal .55s cubic-bezier(.2,.85,.25,1) both;animation-delay:calc((var(--i) + 2) * 80ms + .12s)}@keyframes deal{0%{opacity:0;translate:calc(var(--i) * -70px) 140px;rotate:calc(var(--i) * -9deg)}}.hero-card .card:disabled{opacity:1;cursor:default}.hero-cta{max-width:100%;font-family:var(--font-display);font-size:clamp(1.05rem,4.6vw,1.35rem);font-weight:400;padding:14px clamp(22px,7vw,40px);border-radius:999px;letter-spacing:.02em;text-wrap:balance}.call-bubble{--bubble-bg: var(--paper);--suit-cut: var(--paper);position:absolute;z-index:5;padding:7px 14px;border-radius:14px;background:var(--bubble-bg);color:var(--ink);font-weight:800;white-space:nowrap;box-shadow:var(--shadow-card);pointer-events:none;animation:bubble-pop 2.6s ease forwards}.call-bubble>span{display:inline-flex;align-items:center;gap:5px}.call-bubble:after{content:"";position:absolute;border:8px solid transparent}.call-bubble.at-top{top:calc(100% + 10px);left:50%;translate:-50% 0}.call-bubble.at-top:after{bottom:100%;left:50%;translate:-50% 0;border-bottom-color:var(--bubble-bg)}.call-bubble.at-left{left:calc(100% + 10px);top:50%;translate:0 -50%}.call-bubble.at-left:after{right:100%;top:50%;translate:0 -50%;border-right-color:var(--bubble-bg)}.call-bubble.at-right{right:calc(100% + 10px);top:50%;translate:0 -50%}.call-bubble.at-right:after{left:100%;top:50%;translate:0 -50%;border-left-color:var(--bubble-bg)}.call-bubble.at-bottom{bottom:calc(100% + 10px);left:50%;translate:-50% 0}.call-bubble.at-bottom:after{top:100%;left:50%;translate:-50% 0;border-top-color:var(--bubble-bg)}.table:has(.phase-panel button) .my-area>.call-bubble{display:none}.call-bubble .bubble-symbol{font-size:1.25em}.call-bubble .suit-piros{color:var(--piros)}.call-bubble .suit-tok{color:var(--tok)}.call-bubble .suit-zold{color:var(--zold)}.call-bubble .suit-makk{color:var(--makk)}.call-bubble.kind-kontra,.call-bubble.kind-rekontra,.call-bubble.kind-snapszer,.call-bubble.kind-durchmars,.call-bubble.kind-kuffervizit,.call-bubble.kind-declare66{--bubble-bg: var(--brass);color:var(--brass-ink);font-family:var(--font-display);font-weight:400;font-size:1.05rem}.meld-reveal{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 11px;border-radius:14px;background:#e2b3542e;box-shadow:inset 0 0 0 2px var(--brass);animation:meld-reveal-in .25s ease-out}.my-area .meld-reveal{width:fit-content;margin:0 auto 8px}.meld-reveal-label{color:var(--brass);font-family:var(--font-display);font-size:1.1rem}.meld-reveal-cards{display:flex;gap:6px}.meld-reveal-cards .card:disabled{opacity:1;cursor:default}@keyframes meld-reveal-in{0%{opacity:0;scale:.8}}@keyframes bubble-pop{0%{opacity:0;scale:.6}8%{opacity:1;scale:1.08}14%{scale:1}80%{opacity:1}to{opacity:0}}.page-title{color:var(--paper);text-align:center;font-size:1.8rem;margin:26px 16px 6px}.page-title .tag{color:var(--paper);background:#00000040}.panel.language-prompt{position:fixed;left:50%;bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));z-index:30;width:min(380px,calc(100% - 32px));margin:0;padding:16px 18px 12px;translate:-50% 0;box-shadow:var(--shadow-float);animation:toast-in .2s ease-out}.language-prompt h2{margin:0;font-size:1.2rem}.language-prompt .language-switcher{margin-top:10px}.language-prompt .segmented{margin:0}.language-prompt p{margin:8px 0 0}:root{--nav-h: 64px}.app:not(.in-game){padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:clamp(8px,10vw,56px);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom);background:var(--rail);border-top:1px solid var(--rail-line)}.bottom-nav-item,.bottom-nav-item:not(:disabled):hover{position:relative;display:grid;place-items:center;flex:0 1 96px;padding:0;border:0;border-radius:0;background:none;color:var(--on-felt-muted)}.bottom-nav-item:not(:disabled):hover{color:var(--paper)}.bottom-nav-item.current{color:var(--brass)}.bottom-nav-item.current:before{content:"";position:absolute;top:-1px;left:50%;width:32px;height:3px;translate:-50% 0;border-radius:0 0 3px 3px;background:var(--brass)}.bottom-nav-icon{position:relative;display:grid;place-items:center;width:44px;height:44px}.bottom-nav-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav-item:focus-visible{outline:none}.bottom-nav-item:focus-visible .bottom-nav-icon{border-radius:50%;outline:3px solid var(--brass)}.bottom-nav-item.main .bottom-nav-icon{width:68px;height:44px;border-radius:22px;background:var(--brass);color:var(--brass-ink);box-shadow:0 2px 8px #00000059;transition:background-color .15s ease,box-shadow .15s ease}.bottom-nav-item.main .bottom-nav-icon svg{width:28px;height:28px;stroke-width:2}.bottom-nav-item.main:not(:disabled):hover .bottom-nav-icon{background:color-mix(in srgb,var(--brass) 82%,white)}.bottom-nav-item.main.current .bottom-nav-icon{box-shadow:0 0 0 2px var(--rail),0 0 0 4px var(--paper),0 2px 8px #00000059}.bottom-nav-item.main:focus-visible .bottom-nav-icon{border-radius:22px}.bottom-nav-item.main .bottom-nav-badge{top:-2px;right:-2px;width:11px;height:11px}.bottom-nav-badge{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:#3ddc6f;box-shadow:0 0 0 2px var(--rail)}.language-switcher{margin-top:18px}.language-switcher .segmented{display:grid;grid-template-columns:repeat(2,1fr)}.language-switcher .segmented button{padding-inline:8px}.account-actions{margin-bottom:0}.account-actions button{flex:1 1 auto}button.danger-outline,button.danger-outline:not(:disabled):hover{color:var(--danger);background:transparent;border-color:#b3261e80}button.danger-outline:not(:disabled):hover{background:#b3261e14}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}.call-bubble{animation:none!important}}.tutorial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.tutorial-spot{position:fixed;border-radius:14px;box-shadow:0 0 0 3px var(--brass),0 0 0 9999px #0000008c}.tutorial-spot.gliding{transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tutorial-note{position:fixed;pointer-events:auto;padding:14px 16px 12px;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 12px 32px #00000073;animation:dialog-in .18s ease-out}.tutorial-note p{margin:0;line-height:1.4}.tutorial-buttons{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.member-list button.member-name{padding:0;font-weight:inherit;text-align:start;min-width:0;overflow:hidden;text-overflow:ellipsis}.player-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.friends h3{margin:18px 0 6px;font-size:1rem}.friend-list{margin:8px 0}.friend-list li{flex-wrap:wrap}.friend-list li .member-name{flex:1 1 auto;min-width:7em}.friend-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto}.friend-actions button.small{padding:6px 10px;font-size:.85rem}.friend-code strong{font-family:var(--font-display);font-weight:400;letter-spacing:.12em}.friend-find{display:flex;gap:8px;margin-top:10px}.friend-find input{flex:1;min-width:0}.friend-find input:not([type=email]){text-transform:uppercase}.friend-status{margin-top:6px}.invite-prompt{position:fixed;z-index:150;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:420px;margin:0 auto;padding:14px 16px;border-radius:14px;color:var(--ink);background:#fffaf0;border:2px solid var(--brass);box-shadow:0 12px 30px #00000059;animation:dialog-in .25s cubic-bezier(.2,.9,.3,1.1)}.invite-prompt .buttons{margin-top:10px}.invite-text{display:grid;gap:2px;margin:0}.invite-open{margin-top:4px}.invite-friends{margin:14px 0;padding:4px 14px 10px;border:1px solid var(--line);border-radius:12px;background:#fffaf0}.invite-friends h3{margin:14px 0 4px;font-size:1rem}.invite-friends .member-list li{background:var(--paper)}.invite-friends>button.link{display:block;margin:8px auto 0}.friend-invite-note p{margin:0 0 8px}.friend-invite-note p:last-child{margin-bottom:0}.auth>.friend-invite-note{margin:10px 0 16px}.home>.friend-invite-note{width:min(440px,calc(100% - 32px));margin:18px auto;padding:14px 16px;border-radius:var(--radius);color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 2px var(--brass)}