select{width:100%;border:1px solid #ffffff26;border-radius:8px;padding:12px;background:#0e281f;color:var(--text);font:inherit;font-size:13px;color-scheme:dark}.mode-label{margin-top:16px}.header-actions{display:flex;align-items:center;gap:2px}.header-actions button{padding:10px;font-size:11px}.header-actions button[aria-pressed=false]{color:#8b9d8e}.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 18px 15px;min-height:110px;align-items:end}.seat{display:flex;align-items:center;flex-direction:column;border:1px solid #ffffff10;border-radius:14px;padding:10px 6px 7px;min-width:0;position:relative;background:#ffffff04;transition:border-color .25s,box-shadow .25s}.seat strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px}.seat small{font-size:9px;margin:3px 0;color:#a3b4a0}.seat .avatar{font-size:13px;padding:6px 10px;line-height:1.2}.seat-r1{grid-column:3;grid-row:1;transform:translateY(20px)}.seat-r2{grid-column:2;grid-row:1}.seat-r3{grid-column:1;grid-row:1;transform:translateY(20px)}.arena:not(.four-players) .seat-r1{grid-column:2;transform:none}.teammate{background:#eac57809}.teammate small{color:var(--gold)}.active-turn{border-color:#eac578b0!important;box-shadow:0 0 0 2px #eac57812,0 0 22px #eac57812}.active-turn:before{content:'SU TURNO';position:absolute;top:-8px;padding:2px 7px;border-radius:10px;background:var(--gold);color:#18382c;font-size:7px;font-weight:700;letter-spacing:1px}.backs{height:24px;display:flex;justify-content:center;padding-right:8px;margin-top:5px}.backs i{display:block;width:17px;height:24px;margin-right:-6px;transform:rotate(-5deg);border:1px solid #c3b883;border-radius:3px;background:repeating-linear-gradient(45deg,#325541,#325541 3px,#537458 3px,#537458 4px);box-shadow:0 2px 3px #0003}.backs i:nth-child(2){transform:translateY(-2px)}.backs i:nth-child(3){transform:rotate(5deg)}.your-side{position:relative;border:1px solid transparent;border-radius:14px;margin-top:20px;padding:15px 6px 10px;transition:border-color .2s}.your-side.active-turn:before{content:'TU TURNO';top:-8px;left:calc(50% - 34px)}.felt{min-height:330px;border-radius:100px;margin-top:22px}.felt-brand{top:20px}.played{top:70px;bottom:46px;left:100px;right:35px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;align-items:center;justify-items:center}.played-slot{min-width:0;text-align:center;animation:card-settle .25s ease-out}.played .card{width:66px;height:92px}.played .card .suit{font-size:29px}.played .card .corner{font-size:14px}.played .card .suitname{font-size:7px;margin-top:4px}.played .card .piece{font-size:6px;bottom:2px}.played-slot small{font-size:8px;margin-top:3px;max-width:85px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.relative-0{grid-area:2/2}.relative-1{grid-area:1/3;transform:rotate(6deg)}.relative-2{grid-area:1/2;transform:rotate(-3deg)}.relative-3{grid-area:1/1;transform:rotate(-6deg)}.arena:not(.four-players) .relative-1{grid-area:1/2}.vira{top:110px;left:23px}.vira .card{transform:rotate(-7deg)}.replaying{visibility:hidden}.event-stage{pointer-events:none;z-index:3}.callout{position:absolute;z-index:6;top:42%;left:50%;transform:translate(-50%,-50%);background:#f3d18b;color:#173c2a;box-shadow:0 8px 35px #0005;border-radius:16px;padding:16px 25px;font-family:'Playfair Display',serif;font-size:22px;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis;animation:canto-in .25s ease-out}.deal-label{position:absolute;z-index:5;bottom:45px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.flying-card{position:fixed!important;z-index:1000;pointer-events:none!important;width:66px!important;height:92px!important;will-change:transform;animation:none!important}.card-back{background:repeating-linear-gradient(45deg,#224a37,#224a37 4px,#365c42 4px,#365c42 5px);border:3px double #ddc68a;color:#e6cc8b;font-family:Georgia,serif;font-size:30px}.dealing{visibility:hidden}.score-pop{animation:score-pop .55s ease-out}.celebrate .felt{box-shadow:inset 0 0 70px #eac57822,0 0 35px #eac57822}.celebrate .felt:after{content:'✦  ✧  ✦  ✧  ✦';pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;letter-spacing:12px;color:#eac57899;animation:confetti 1.4s ease-out both}.hand .card{transition:transform .18s,box-shadow .18s}.hand .card:hover:enabled{box-shadow:0 14px 25px #0005}#status{bottom:15px}.card:disabled{cursor:default}.lobby-card{margin-top:15px;margin-bottom:15px}#error{padding:8px}.header-actions{flex-wrap:wrap;justify-content:flex-end}button[aria-pressed]{min-width:75px} @keyframes card-settle{from{opacity:.2;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes canto-in{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes score-pop{50%{transform:scale(1.06);filter:brightness(1.5)}}@keyframes confetti{from{opacity:0;translate:0 -50px}30%{opacity:1}to{opacity:0;translate:0 90px}}@media(max-width:620px){header{height:92px}.brand{flex-shrink:0}.header-actions{max-width:180px}.header-actions button{font-size:10px;padding:5px 7px;min-width:65px}.header-actions #rulesOpen{font-size:10px}.seats{gap:8px;margin:0 5px 20px;min-height:105px}.seat{padding:9px 4px 5px}.seat strong{font-size:10px}.seat-r1,.seat-r3{transform:translateY(15px)}.seat .avatar{font-size:11px;padding:5px 9px}.felt{min-height:320px;border-radius:65px;margin-top:18px}.played{top:70px;left:68px;right:14px;bottom:45px}.played .card{width:53px;height:80px}.played .card .suit{font-size:25px}.played .card .corner{font-size:12px;left:5px;top:4px}.played-slot small{max-width:62px;font-size:7px}.vira{left:9px;top:125px}.vira .card{width:43px;height:65px}.vira .suit{font-size:20px}.vira .corner{font-size:10px}.vira .suitname{font-size:5px}.callout{font-size:18px;padding:13px 18px}.your-label{flex-direction:column;gap:4px}.your-side{margin-top:18px}.flying-card{width:53px!important;height:80px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebrate .felt:after{display:none}}