:root{--felt-900: #0e2a22;--felt-800: #123a2e;--felt-700: #18483a;--cream-100: #f5efe1;--cream-200: #e9dfc8;--ink-900: #1a1510;--ink-600: #5c5345;--gold-500: #c9a227;--gold-400: #d9b94a;--danger: #c0584a;--ok: #5fae6b;--radius: 14px;--radius-sm: 9px;--shadow-lg: 0 18px 50px rgba(0, 0, 0, .35);--shadow-md: 0 6px 18px rgba(0, 0, 0, .22);--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--card-w: 78px;--card-h: 112px;--suit-oros: #a9791a;--suit-copas: #b23b3b;--suit-espadas: #2f5f9e;--suit-bastos: #2f7d4f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--cream-100);background:radial-gradient(120% 120% at 50% 0%,var(--felt-700),var(--felt-900) 70%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}input,textarea,.code__value{user-select:text;-webkit-user-select:text}.app{min-height:100%;display:grid;place-items:center;padding:24px}.brand{text-align:center;margin-bottom:28px}.brand--compact{margin-bottom:18px}.brand__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,6vw,3.8rem);letter-spacing:.02em;color:var(--gold-400);line-height:1}.brand--compact .brand__title{font-size:clamp(1.8rem,4vw,2.2rem)}.brand__tagline{margin-top:6px;color:var(--cream-200);font-size:1rem;opacity:.85}.panel{width:min(440px,100%);background:linear-gradient(180deg,var(--cream-100),var(--cream-200));color:var(--ink-900);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px;border:1px solid rgba(201,162,39,.35)}.panel__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:18px;color:var(--ink-900)}.field{display:block;margin-bottom:16px}.field__label{display:block;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-600);margin-bottom:7px}.input{width:100%;font-family:inherit;font-size:1rem;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid rgba(26,21,16,.18);background:#fffdf7;color:var(--ink-900);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #c9a22738}.btn{font-family:inherit;font-size:.98rem;font-weight:600;padding:12px 18px;border-radius:var(--radius-sm);border:1.5px solid rgba(26,21,16,.2);background:#fffdf7;color:var(--ink-900);cursor:pointer;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{width:100%;background:linear-gradient(180deg,var(--gold-400),var(--gold-500));border-color:var(--gold-500);color:var(--ink-900)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-600)}.btn--ghost:hover:not(:disabled){background:#1a15100f;box-shadow:none}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-600);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#1a151026}.join{display:flex;gap:10px}.join .input{flex:1}.hint{font-size:.88rem;color:var(--ink-600);margin-top:8px}.hint--center{text-align:center}.code{background:#1a15100d;border:1px dashed rgba(26,21,16,.25);border-radius:var(--radius-sm);padding:14px;margin-bottom:18px}.code__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-600)}.code__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.code__value{font-family:Courier New,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.04em;color:var(--ink-900);word-break:break-all}.seats{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.seat{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:var(--radius-sm);background:#1a15100a}.seat--empty{opacity:.5;font-style:italic}.seat__name{flex:1;font-weight:500}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot--on{background:var(--ok);box-shadow:0 0 0 3px #5fae6b33}.dot--off{background:var(--danger)}.dot--empty{background:#1a151040}.tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:#c9a22733;color:#8a6d10}.tag--you{background:#18483a26;color:var(--felt-700)}.lobby__actions{display:flex;flex-direction:column;gap:10px}.pcard{position:relative;width:var(--card-w);height:var(--card-h);border-radius:8px;background:#fffdf7;border:1.5px solid rgba(26,21,16,.22);box-shadow:0 2px 6px #0000002e;display:grid;place-items:center;padding:0;color:var(--ink-900);-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button.pcard{cursor:pointer}button.pcard:hover{transform:translateY(-6px);box-shadow:0 10px 20px #00000047}.pcard--sm{width:calc(var(--card-w) * .66);height:calc(var(--card-h) * .66);border-radius:6px}.pcard__suit{width:46%}.pcard__suit svg{width:100%;height:auto;display:block}.pcard__rank{position:absolute;font-weight:700;font-size:.86rem;line-height:1}.pcard__rank--tl{top:5px;left:6px}.pcard__rank--br{bottom:5px;right:6px;transform:rotate(180deg)}.pcard--selected{transform:translateY(-14px);border-color:var(--gold-500);box-shadow:0 14px 26px #00000052,0 0 0 2px var(--gold-500)}button.pcard--selected:hover{transform:translateY(-16px)}.pcard--melded:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:58%;height:3px;border-radius:2px;background:var(--gold-500);opacity:.85}.pcard--back{background:repeating-linear-gradient(45deg,var(--felt-700),var(--felt-700) 6px,var(--felt-800) 6px,var(--felt-800) 12px);border-color:#0000004d}.pcard--empty{background:transparent;border-style:dashed;box-shadow:none}.suit-oros{color:var(--suit-oros)}.suit-copas{color:var(--suit-copas)}.suit-espadas{color:var(--suit-espadas)}.suit-bastos{color:var(--suit-bastos)}.table{width:min(900px,100%);min-height:calc(100vh - 48px);display:flex;flex-direction:column;justify-content:space-between;gap:18px;position:relative}.table__top{display:flex;justify-content:center}.table__opponents{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.table__center{display:flex;flex-direction:column;align-items:center;gap:12px}.table__phase{font-size:.95rem;color:var(--cream-200)}.table__me{background:#0003;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.me__info{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;color:var(--cream-100)}.me__name{font-weight:600;font-size:1.05rem}.me__score,.me__deadwood{font-size:.9rem;color:var(--cream-200)}.hand{display:flex;justify-content:center;align-items:flex-end;gap:8px;flex-wrap:wrap;min-height:calc(var(--card-h) + 16px)}.actionbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:44px;align-items:center}.actionbar .btn{min-width:130px}.actionbar__hint{color:var(--cream-200);font-size:.92rem}.oppo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;transition:background .2s ease,box-shadow .2s ease}.oppo--active{background:#c9a22729;box-shadow:0 0 0 1px #c9a22773}.oppo--elim{opacity:.45}.oppo__backs{display:flex}.oppo__backs .pcard{margin-left:-22px;box-shadow:0 2px 5px #00000040}.oppo__backs .pcard:first-child{margin-left:0}.oppo__meta{display:flex;flex-direction:column;align-items:center}.oppo__name{font-weight:600;color:var(--cream-100)}.oppo__score{font-size:.82rem;color:var(--cream-200)}.pile{display:flex;gap:30px;align-items:flex-start}.pile__slot{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:var(--cream-200)}.pile__slot:disabled{cursor:default}.pile__slot--static{cursor:default}.pile__card{position:relative;display:block}.pile__count{position:absolute;top:-8px;right:-8px;background:var(--ink-900);color:var(--cream-100);font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:999px}.pile__label{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.pile__slot:not(:disabled):hover .pcard{transform:translateY(-5px);box-shadow:0 10px 20px #00000047}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#081410b8;display:grid;place-items:center;padding:24px;z-index:20;animation:toast-in .2s ease}.overlay__panel{width:min(440px,100%)}.overlay__winner{font-size:1.1rem;margin-bottom:14px}.scores{width:100%;border-collapse:collapse;margin:6px 0 18px}.scores th,.scores td{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(26,21,16,.12);font-size:.92rem}.scores th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-600)}.scores td:last-child,.scores th:last-child{text-align:right;font-weight:700}.scores .is-elim{opacity:.5}.scores .tag{margin-left:6px}.tag--elim{background:#c0584a2e;color:#9a3b2e}.overlay__actions{display:flex;justify-content:flex-end}.overlay__actions--split{justify-content:space-between;gap:10px}.table__me--active{box-shadow:0 0 0 1px #c9a22780,0 -6px 30px #c9a22724}.oppo--offline{opacity:.55}.oppo--offline .oppo__score{color:var(--gold-400);font-style:italic}.hand .pcard{animation:dealin .18s ease both}@keyframes dealin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes invite{0%,to{box-shadow:0 2px 6px #0000002e}50%{box-shadow:0 2px 6px #0000002e,0 0 0 3px #d9b94a8c}}.pile__slot:not(:disabled):not(:hover) .pcard,.pile button.pcard:not(:hover){animation:invite 1.7s ease-in-out infinite}@media(max-width:560px){:root{--card-w: 64px;--card-h: 92px}.app{padding:12px}.table{min-height:calc(100vh - 24px)}.table__opponents{gap:12px}.hand{gap:5px}.actionbar .btn{min-width:0;flex:1}.pile{gap:22px}}@media(prefers-reduced-motion:reduce){.hand .pcard,.pile__slot:not(:disabled) .pcard,.pile button.pcard{animation:none}}.pcard__rank{font-size:calc(var(--card-w) * .2)}.pips{position:absolute;inset:calc(var(--card-h) * .15) calc(var(--card-w) * .1);display:flex;justify-content:space-between}.pips__col{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1}.pips__col--center{justify-content:center}.pip{width:calc(var(--card-w) * .2);display:block}.pip svg{width:100%;height:auto;display:block}.pip--flip{transform:rotate(180deg)}.pcard__figure{width:54%}.pcard__figure svg{width:100%;height:auto;display:block}.pcard--figure:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid currentColor;border-radius:5px;opacity:.25;pointer-events:none}.hand .pcard--drawn{border-color:var(--gold-500);box-shadow:0 12px 24px #0000004d,0 0 0 3px var(--gold-400);transform:translateY(-8px);animation:drawn-in .5s ease both;z-index:3}@keyframes drawn-in{0%{transform:translateY(-56px) scale(1.04);opacity:0}45%{opacity:1}65%{transform:translateY(-14px) scale(1.1)}to{transform:translateY(-8px) scale(1);opacity:1}}.discard-drop{display:block;animation:discard-drop .34s cubic-bezier(.2,.8,.3,1.15) both}@keyframes discard-drop{0%{transform:translateY(-46px) rotate(-7deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.roombadge{position:fixed;top:12px;right:12px;z-index:15;display:inline-flex;align-items:center;gap:8px;background:#00000047;color:var(--cream-200);border:1px solid rgba(217,185,74,.3);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease}.roombadge:hover{background:#0000006b}.roombadge__label{text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;opacity:.7}.roombadge__code{font-family:Courier New,monospace;font-weight:700;letter-spacing:.04em;color:var(--cream-100)}.roombadge__copy{opacity:.8}.feed{position:fixed;top:12px;left:12px;z-index:15;display:flex;flex-direction:column;gap:3px;max-width:46vw;pointer-events:none}.feed__line{background:#0000004d;color:var(--cream-200);border-radius:8px;padding:4px 10px;font-size:.78rem;opacity:.5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:feed-in .2s ease}.feed__line--last{opacity:1;color:var(--cream-100)}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}to{transform:translate(0)}}.table__phase--mine{color:var(--cream-100);font-weight:600}.table__turnpill{display:inline-block;background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--ink-900);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:999px;margin-right:8px}.actionbar__warn{align-self:center;color:var(--cream-100);font-weight:600;font-size:.92rem}.sortable{display:flex}.me__sort{margin-left:auto;align-self:center;font-size:.82rem;padding:6px 12px;color:var(--cream-200)}.me__sort:hover:not(:disabled){background:#ffffff14}.pile__slot--drop{position:relative}.pile__slot--drop:after{content:"";position:absolute;top:-8px;right:-8px;bottom:20px;left:-8px;border:2px dashed rgba(217,185,74,.55);border-radius:14px;pointer-events:none;transition:background .12s ease,border-color .12s ease}.pile__slot--over:after{border-color:var(--gold-400);background:#d9b94a29}.pile__slot--drop .pile__label{color:var(--gold-400);font-weight:600}.pile__card--flash .pcard{animation:discard-flash 1.4s ease}@keyframes discard-flash{0%,to{box-shadow:0 2px 6px #0000002e}25%{box-shadow:0 2px 6px #0000002e,0 0 0 4px #d9b94abf}60%{box-shadow:0 2px 6px #0000002e,0 0 0 3px #d9b94a66}}.overlay--layoff{padding:12px}.layoff{width:min(760px,100%);background:linear-gradient(180deg,var(--cream-100),var(--cream-200));color:var(--ink-900);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:18px;max-height:calc(100vh - 24px);display:flex;flex-direction:column;gap:14px}.layoff__head{text-align:center}.layoff__melds{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:8px;background:#1a15100d;border-radius:var(--radius-sm)}.meld{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:var(--radius-sm);border:2px dashed transparent;transition:background .12s ease,border-color .12s ease}.meld--accepts{border-color:#d9b94a99;background:#d9b94a14}.meld--over{border-color:var(--gold-500);background:#d9b94a38}.meld__cards{display:flex}.meld__cards .pcard{margin-left:calc(var(--card-w) * -.58)}.meld__cards .pcard:first-child{margin-left:0}.meld__owner{font-size:.78rem;color:var(--ink-600)}.layoff__foot{display:flex;flex-direction:column;gap:12px}.layoff__loosecards{display:flex;gap:8px;flex-wrap:wrap;min-height:var(--card-h);margin-top:6px}.layoff__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.layoff__actions .btn{min-width:150px}.layoff__status{list-style:none;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:.82rem;color:var(--ink-600)}.layoff__status .is-current{color:var(--ink-900);font-weight:700}.settings{position:fixed;bottom:16px;right:16px;z-index:16;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.settings__gear{width:42px;height:42px;border-radius:50%;border:1px solid rgba(217,185,74,.3);background:#0000004d;color:var(--cream-100);font-size:1.15rem;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease,transform .2s ease}.settings__gear:hover{background:#00000073;transform:rotate(25deg)}.settings__panel{background:var(--cream-100);color:var(--ink-900);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-md);min-width:180px;animation:feed-in .15s ease}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:500}.switch{width:44px;height:26px;border-radius:999px;border:none;background:#1a151040;position:relative;cursor:pointer;padding:0;transition:background .15s ease}.switch--on{background:var(--gold-500)}.switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch--on .switch__knob{transform:translate(18px)}@media(min-width:768px){:root{--card-w: 88px;--card-h: 126px}.table{width:min(1040px,100%)}}@media(orientation:landscape)and (max-height:600px){:root{--card-w: 58px;--card-h: 84px}.table{gap:8px;min-height:calc(100vh - 16px)}.table__me{padding:10px;gap:8px}.table__opponents{gap:14px}}@media(prefers-reduced-motion:reduce){.hand .pcard,.hand .pcard--drawn,.discard-drop,.feed__line,.settings__panel,.pile__card--flash .pcard,.pile button.pcard,.pile__slot:not(:disabled) .pcard{animation:none!important}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:12px 20px;border-radius:999px;font-weight:500;font-size:.92rem;box-shadow:var(--shadow-md);cursor:pointer;animation:toast-in .2s ease;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}