:root{--felt-1: #1c5440;--felt-2: #133b2d;--felt-edge: #0c271d;--rail: #6b4a2a;--rail-hi: #8a6238;--face: #f6f1e7;--ink: #26313c;--red: #b23130;--gold: #d9a441;--gold-soft: rgba(217, 164, 65, .25);--danger: #8a2d2d;--paper: #efe9dc;--text: #f3eee4;--muted: rgba(243, 238, 228, .66);--display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:var(--text);background:radial-gradient(120% 120% at 50% 0%,#1a3a30,#0e221b 70%,#081712);-webkit-font-smoothing:antialiased}.setup{min-height:100%;display:grid;place-items:center;padding:24px}.setup__card{width:min(460px,100%);background:#0817128c;border:1px solid rgba(217,164,65,.28);border-radius:18px;padding:36px 32px 28px;box-shadow:0 24px 60px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.setup__eyebrow{margin:0 0 6px;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;color:var(--gold)}.setup__title{margin:0 0 12px;font-family:var(--display);font-size:clamp(3rem,12vw,4.4rem);font-weight:600;letter-spacing:.01em;line-height:.95}.setup__lead{margin:0 0 24px;color:var(--muted);line-height:1.5;font-size:.95rem}.setup__lead strong{color:var(--gold)}.setup__label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.setup__input{width:100%;font-size:1.05rem;font-family:var(--body);padding:12px 14px;border-radius:10px;border:1px solid rgba(243,238,228,.2);background:#00000040;color:var(--text);margin-bottom:20px}.setup__input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.setup__note{margin:14px 0 0;text-align:center;font-size:.78rem;color:var(--muted)}.game{height:100%;display:flex;flex-direction:column}.quit{position:fixed;top:12px;right:12px;z-index:20;width:34px;height:34px;border-radius:50%;border:1px solid rgba(243,238,228,.25);background:#00000059;color:var(--text);cursor:pointer;font-size:.9rem}.peekbtn{position:fixed;bottom:14px;left:14px;z-index:18;cursor:pointer;background:#081712cc;color:var(--text);border:1px solid rgba(217,164,65,.35);border-radius:999px;padding:9px 15px;font-size:.85rem;box-shadow:0 8px 22px #0006;transition:background .15s}.peekbtn:hover{background:#143226e6}.peekbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.status{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 60px 10px 16px;flex-wrap:wrap}.status__msg{font-family:var(--display);font-size:clamp(1rem,3.4vw,1.4rem);color:var(--gold)}.status__meta{font-size:.78rem;color:var(--muted)}.table{position:relative;flex:1;width:min(960px,100%);margin:0 auto;aspect-ratio:16 / 11;max-height:70vh}.table__felt{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:46%/50%;background:radial-gradient(60% 60% at 50% 42%,var(--felt-1),var(--felt-2) 78%,var(--felt-edge));border:10px solid var(--rail);box-shadow:inset 0 0 60px #00000080,0 18px 40px #0006}.table__felt:after{content:"♠";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:7rem;color:#ffffff0a}.seat{position:absolute;z-index:5;min-width:78px;text-align:center;padding:6px 10px;border-radius:12px;background:#00000052;border:1px solid transparent;transition:border-color .2s,box-shadow .2s,transform .2s}.seat--current{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft),0 0 18px var(--gold-soft)}.seat--winner{border-color:#7fd6a8;box-shadow:0 0 16px #7fd6a866}.seat__name{font-weight:600;font-size:.92rem}.seat__score{font-size:.78rem;color:var(--muted)}.seat__hand{color:var(--red)}.seat__backs{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px}.seat__count{font-size:.72rem;color:var(--muted)}.trickcard{position:absolute;z-index:4;text-align:center}.trickcard__won{display:block;margin-top:2px;font-size:.66rem;color:#7fd6a8;text-transform:uppercase;letter-spacing:.08em}.card{--cw: 58px;position:relative;width:var(--cw);height:calc(var(--cw) * 1.45);border-radius:calc(var(--cw) * .12);background:var(--face);color:var(--ink);border:1px solid rgba(0,0,0,.18);box-shadow:0 2px 6px #0000004d;display:block;flex:none;font-family:var(--body)}.card--sm{--cw: 34px}.card--md{--cw: 54px}.card--lg{--cw: 64px}.card--red{color:var(--red)}.card--dark{color:var(--ink)}.card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}.card__corner--tl{top:5%;left:8%}.card__corner--br{bottom:5%;right:8%;transform:rotate(180deg)}.card__rank{font-weight:700;font-size:calc(var(--cw) * .3)}.card__suit{font-size:calc(var(--cw) * .26)}.card__pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--cw) * .7)}.card__tag{position:absolute;bottom:30%;left:50%;transform:translate(-50%);font-size:calc(var(--cw) * .16);letter-spacing:.1em;text-transform:uppercase;color:var(--danger);font-weight:700}.card--salema{box-shadow:0 0 0 2px var(--danger),0 2px 6px #0000004d}.card--back{background:repeating-linear-gradient(45deg,#7b1f24 0,#7b1f24 6px,#5e171b 6px,#5e171b 12px);border-color:#0006}.card--button{cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.card--playable{box-shadow:0 0 0 2px var(--gold),0 6px 14px #0006}.card--playable:hover,.card--button:focus-visible{transform:translateY(-10px);outline:none}.card--dimmed{opacity:.45;filter:saturate(.7)}.hand{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:10px 12px 18px;min-height:110px}.review{position:relative;z-index:8;margin:-6px auto 2px;width:min(620px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;background:#081712d1;border:1px solid rgba(217,164,65,.35);border-radius:14px;box-shadow:0 12px 30px #0006}.review__info{font-size:.86rem;color:var(--muted)}.review__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#f3eee40f;color:var(--text);border:1px solid rgba(243,238,228,.25);border-radius:999px;padding:8px 14px;font-size:.85rem;transition:background .15s,opacity .15s}.btn-ghost:hover:not(:disabled){background:#f3eee424}.btn-ghost:disabled{opacity:.32;cursor:not-allowed}.btn-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--gold);color:#2a1d05;border:none;border-radius:999px;padding:8px 18px;font-size:.88rem;font-weight:700;transition:filter .15s,transform .1s}.btn-pill:hover{filter:brightness(1.06)}.btn-pill:active{transform:translateY(1px)}.btn-ghost:focus-visible,.btn-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#040e0ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{width:min(420px,100%);background:var(--paper);color:#20262e;border-radius:16px;padding:26px 24px;box-shadow:0 24px 60px #00000080;text-align:center}.panel__title{margin:0 0 14px;font-family:var(--display);font-size:1.7rem}.panel__moon{margin:0 0 14px;font-weight:600;color:#6b4a14}.panel__losers{margin:0 0 16px;font-size:1.05rem;color:var(--danger);font-weight:600}.scoretable{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:.92rem}.scoretable th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7480;padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.12)}.scoretable td{padding:6px 8px;border-bottom:1px solid rgba(0,0,0,.06)}.scoretable th:last-child,.scoretable td:last-child{text-align:right}.row--loser td{color:var(--danger);font-weight:700}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--gold);color:#2a1d05;font-weight:700;font-size:.98rem;padding:12px 20px;border-radius:10px;width:100%;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--big{font-size:1.05rem;padding:14px 20px}.btn:focus-visible{outline:2px solid #2a1d05;outline-offset:2px}@media (max-width: 560px){.card--lg{--cw: 50px}.card--md{--cw: 44px}.seat{min-width:64px;padding:4px 7px}.seat__name{font-size:.82rem}.table{max-height:60vh}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.btn--alt{background:transparent;color:var(--text);border:1px solid rgba(217,164,65,.5)}.btn--alt:hover:not(:disabled){background:#d9a4411f}.btn-link{display:inline-block;margin-top:14px;background:none;border:none;color:#f3eee4b3;cursor:pointer;font-size:.9rem}.btn-link:hover{color:var(--text);text-decoration:underline}.setup__error{margin:10px 0 0;color:#f3b0a6;font-size:.9rem}.lobby__list{list-style:none;padding:0;margin:6px 0 16px;text-align:left}.lobby__list li{padding:9px 14px;border:1px solid rgba(243,238,228,.12);border-radius:10px;margin-bottom:8px;background:#0000002e}.lobby__me{border-color:#d9a4418c!important;color:var(--gold)}.lobby__bot{opacity:.55;font-style:italic}.seat__tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.panel__hint{margin-top:14px;font-size:.85rem;opacity:.7}