:root{--felt:#0b3d2c;--felt-dark:#07281d;--felt-light:#145240;--ink:#f4f1e8;--ink-dim:#a8b5ad;--card-bg:#fdfcf7;--card-ink:#1a1a1a;--card-red:#c0272d;--gold:#e0b64a;--danger:#e0654a;--radius:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--felt-dark);-webkit-text-size-adjust:100%}#__nuxt,body{margin:0;min-height:100dvh}body{background:radial-gradient(ellipse at 50% 0,#12503a 0,var(--felt) 45%,var(--felt-dark) 100%) no-repeat;background-color:var(--felt-dark);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;padding:var(--safe-top) 0 var(--safe-bottom)}h1,h2,h3{font-weight:650;letter-spacing:-.01em;margin:0 0 .5em}a{color:var(--gold)}.wrap{margin:0 auto;max-width:720px;min-height:100dvh;padding:1rem}.btn{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.18);border-radius:var(--radius);color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-weight:550;gap:.5rem;justify-content:center;min-height:44px;padding:.6rem 1.1rem;text-decoration:none;transition:background .15s,transform .1s}.btn:hover:not(:disabled){background:#ffffff24}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.45}.btn--primary{background:var(--gold);border-color:var(--gold);color:#2a1e00}.btn--primary:hover:not(:disabled){background:#edc65c}.btn--block{width:100%}input,select{background:#00000040;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius);color:var(--ink);font:inherit;min-height:44px;padding:.5rem .75rem;width:100%}label{color:var(--ink-dim);display:block;font-size:.85rem;margin-bottom:.3rem}.field+.field{margin-top:.85rem}.panel{background:#00000038;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:1rem}.card{align-items:center;background:var(--card-bg);border:none;border-radius:6px;box-shadow:0 2px 6px #0006;color:var(--card-ink);cursor:default;display:flex;flex:0 0 auto;flex-direction:column;font:600 calc(var(--card-w, 46px)*.38) /1 system-ui,sans-serif;gap:.05em;height:calc(var(--card-w, 46px)*1.45);justify-content:flex-start;padding:.18em 0 0;position:relative;transition:transform .12s,box-shadow .12s,opacity .12s;width:var(--card-w,46px)}.card--red{color:var(--card-red)}.card--playable{cursor:pointer}.card--playable:hover{box-shadow:0 6px 14px #00000080;transform:translateY(-8px)}.card--muted{filter:saturate(.55);opacity:.72}.hand__cards .card--playable{transform:translateY(-6px)}.card--selected{box-shadow:0 0 0 3px var(--gold),0 6px 14px #00000080;transform:translateY(-14px)}.card--back{background:repeating-linear-gradient(45deg,#23508f 0 4px,#1b3f73 4px 8px);border:2px solid var(--card-bg)}.card__suit{font-size:.9em;line-height:1}.hand__cards .card{align-items:flex-start;padding-left:.14em}.table{display:grid;gap:.5rem;grid-template-areas:"top" "mid" "bottom";grid-template-rows:auto 1fr auto;min-height:calc(100dvh - 9rem)}.table__top{display:flex;grid-area:top;justify-content:center}.table__mid{align-items:center;display:grid;gap:.5rem;grid-area:mid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.table__mid>.seat{max-width:100%}.table__mid>.seat:first-child{justify-self:start}.table__mid>.seat:last-child{justify-self:end}.table__bottom{grid-area:bottom}.trick{display:grid;grid-template-areas:". n ." "w . e" ". s .";min-height:150px;place-items:center;position:relative;width:100%}.trick__slot{display:grid;min-height:40px;min-width:40px;place-items:center}.trick__slot--n{grid-area:n}.trick__slot--s{grid-area:s}.trick__slot--w{grid-area:w}.trick__slot--e{grid-area:e}.hand{display:flex;justify-content:center;padding:.5rem 0}.hand__cards{display:flex;max-width:100%}.hand__cards>*+*{margin-left:calc(var(--card-overlap, 38px)*-1)}.seat{align-items:center;background:#00000040;border-radius:999px;color:var(--ink-dim);display:flex;font-size:.8rem;gap:.4rem;padding:.25rem .6rem;white-space:nowrap}.seat--turn{background:var(--gold);color:#2a1e00;font-weight:600}.seat--vertical{flex-direction:column;gap:.2rem;text-align:center;white-space:normal}.seat__points{font-variant-numeric:tabular-nums;opacity:.85}.status{color:var(--gold);font-weight:550;min-height:1.5em;text-align:center}.muted{color:var(--ink-dim)}.center{text-align:center}.row{display:flex;flex-wrap:wrap;gap:.5rem}.row--center{justify-content:center}table.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.scores td,table.scores th{padding:.35rem .5rem;text-align:right}table.scores td:first-child,table.scores th:first-child{text-align:left}table.scores thead th{color:var(--ink-dim);font-size:.8rem;font-weight:500}table.scores tbody tr+tr td{border-top:1px solid hsla(0,0%,100%,.08)}.dialog{background:#0009;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:10}.dialog__box{max-width:380px;width:100%}:root{--card-w:62px;--card-overlap:38px}@media(min-width:480px){:root{--card-w:70px;--card-overlap:40px}}@media(min-width:720px){:root{--card-w:84px;--card-overlap:44px}}