:root{--felt: #10513a;--felt-dark: #0a3728;--ink: #f4f1e8;--muted: #a9bdb2;--accent: #e8b84b;--danger: #e5484d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,var(--felt) 0%,var(--felt-dark) 70%);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--ink);cursor:pointer}button:hover:not(:disabled){background:#ffffff29}button:disabled{cursor:default}button.secondary{background:transparent}button.link{border:none;background:none;text-decoration:underline;padding:0 .3rem}.muted{color:var(--muted)}.error{color:var(--danger)}.error--banner{background:#e5484d26;padding:.6rem 1rem;cursor:pointer}.app{max-width:1100px;margin:0 auto;padding:1rem}.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.15)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.tab{border-radius:999px}.tab--on{background:var(--accent);color:#22160a;border-color:var(--accent)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot--open{background:#46c46b}.dot--connecting{background:var(--accent)}.dot--closed{background:var(--danger)}.panel{background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1.2rem;margin:1rem 0}.panel--centered{max-width:520px;margin:3rem auto;text-align:center}.panel--inline{margin:.6rem 0}.panel--result{border-color:var(--accent)}.player-grid{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1rem 0}.player-chip{border-width:2px;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem}.player-chip--on{background:#e8b84b40}.seat-badge{font-size:.75rem;color:var(--accent)}.seat-picker{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0}.pin-form{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-top:1rem}.pin-form input{font:inherit;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#0000004d;color:var(--ink);text-align:center;letter-spacing:.4em;width:9rem}.card{--larghezza: 3.6rem;width:var(--larghezza);aspect-ratio:351 / 600;border-radius:7px;overflow:hidden;padding:0;border:1px solid rgba(0,0,0,.35);background:#fdfaf1;box-shadow:0 2px 6px #00000073;display:inline-block;flex:none;transition:transform .14s ease,box-shadow .14s ease}.card--sm{--larghezza: 2.5rem}.card--md{--larghezza: 3.6rem}.card--lg{--larghezza: 5.2rem}.card__face{width:100%;height:100%;display:block;object-fit:cover}.card--clickable:hover:not(:disabled){transform:translateY(-10px);box-shadow:0 10px 18px #00000080}.card--selected{outline:3px solid var(--accent);transform:translateY(-10px)}.card--disabled{filter:brightness(.82) saturate(.9)}.tavolo{display:grid;grid-template-columns:minmax(5rem,1fr) minmax(0,3fr) minmax(5rem,1fr);grid-template-rows:auto minmax(14rem,1fr) auto;grid-template-areas:".    alto    ." "sinistra centro destra" ".    mano    .";gap:1rem;align-items:center;min-height:70vh;margin-top:1rem}.giocatore{text-align:center}.giocatore--top{grid-area:alto}.giocatore--left{grid-area:sinistra}.giocatore--right{grid-area:destra}.giocatore--attivo .giocatore__nome{color:var(--accent)!important}.giocatore--attivo .giocatore__nome:after{content:" ●";color:var(--accent)}.giocatore__nome{display:block;font-weight:600;margin-bottom:.4rem}.giocatore__carte{display:inline-flex}.giocatore__carte .card{margin-left:-1.4rem}.giocatore__carte .card:first-child{margin-left:0}.giocatore--left .giocatore__carte,.giocatore--right .giocatore__carte{flex-direction:column}.giocatore--left .giocatore__carte .card,.giocatore--right .giocatore__carte .card{margin:-2.6rem 0 0}.giocatore--left .giocatore__carte .card:first-child,.giocatore--right .giocatore__carte .card:first-child{margin-top:0}.badge{font-size:.7rem;margin-left:.4rem;padding:0 .35rem;border-radius:4px;background:#fff3;color:var(--ink)}.badge--caller{background:var(--accent);color:#22160a}.tavolo__centro{grid-area:centro;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:.8rem;padding:1rem;border-radius:16px;background:#00000038;box-shadow:inset 0 0 60px #00000059}.carte-in-tavola{position:relative;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;min-height:6rem}.punteggio{display:flex;gap:1.2rem;justify-content:center;margin:0;font-size:.9rem;color:var(--muted)}.squadra--mia{color:var(--accent)}.tavolo__mano{grid-area:mano;text-align:center}.mano{display:flex;justify-content:center;padding-top:.6rem}.mano .card{margin-left:-.8rem}.mano .card:first-child{margin-left:0}.turno{margin:.6rem 0 0;color:var(--muted)}.turno--mio{color:var(--accent);font-weight:600}@keyframes entra-carta{0%{transform:translate(var(--da-x, 0),var(--da-y, 0)) scale(.7) rotate(6deg);opacity:0}to{transform:none;opacity:1}}.card--entra{animation:entra-carta .45s cubic-bezier(.2,.7,.3,1)}@keyframes presa-via{0%{transform:translate(calc(-50% + var(--da-x, 0px)),calc(-50% + var(--da-y, 0px))) scale(.7);opacity:0}22%{transform:translate(-50%,-50%) scale(1);opacity:1}65%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,calc(-50% + var(--verso-y))) scale(.4);opacity:0}}.presa{position:absolute;left:50%;top:50%;display:flex;gap:.2rem;pointer-events:none;animation:presa-via 1.1s ease-in-out forwards}.presa--verso-bottom{--verso-y: 45vh}.presa--verso-top{--verso-y: -45vh}@keyframes scopa-lampo{0%{transform:scale(.6);opacity:0}25%{transform:scale(1.1);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.scopa-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;margin:0;font-size:clamp(1.6rem,6vw,3rem);font-weight:800;letter-spacing:.08em;color:var(--accent);text-shadow:0 3px 12px rgba(0,0,0,.7);animation:scopa-lampo 1.6s ease-out forwards;pointer-events:none}@media (prefers-reduced-motion: reduce){.card--entra,.presa,.scopa-flash{animation-duration:1ms}.card{transition:none}}.scelta-presa{background:#0000008c;border:1px solid var(--accent);border-radius:12px;padding:.8rem;margin-bottom:.6rem}.scelta-presa h3{margin:0 0 .6rem;font-size:1rem}.scelta-presa__opzioni{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.scelta-presa__opzione{display:inline-flex;gap:.25rem;padding:.4rem}.board{display:flex;flex-direction:column;gap:1rem}.opponents{display:flex;flex-wrap:wrap;gap:1rem}.opponent{padding:.5rem .8rem;border-radius:10px;border:1px solid transparent;background:#0003}.opponent--active{border-color:var(--accent)}.opponent__name{display:block;font-weight:600}.opponent__cards{display:inline-flex;gap:2px;margin-top:.3rem}.table-area,.hand-area{background:#0003;border-radius:14px;padding:1rem}.card-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:5rem}.trick-card{margin:0;text-align:center;font-size:.8rem}.bid-picker,.suit-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.turn{margin:.6rem 0 0;color:var(--muted)}.turn--mine{color:var(--accent);font-weight:600}