#app{pointer-events:none;position:fixed;inset:0}#app button,#app input,#app select,#app a,#app label,.card-panel,.modal-backdrop{pointer-events:auto}.home{background:radial-gradient(#120d0a59,#120d0ae0);flex-direction:column;align-items:center;gap:14px;padding:24px 16px 40px;display:flex;position:absolute;inset:0;overflow-y:auto}.home header{text-align:center;margin-top:8px}.home h1{color:var(--accent);text-shadow:0 3px #5b2a12,0 0 24px #f2b33d59;margin:0;font:italic 900 clamp(34px,7vw,56px)/1 Georgia,serif}.home h1 span{color:var(--ink)}.tagline{color:var(--muted);margin:8px 0 0}.card-panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #f2b33d40;border-radius:14px;flex-direction:column;gap:12px;width:min(520px,100%);padding:16px;display:flex}.card-panel.center{text-align:center;align-items:center}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px}input,select{font:inherit;color:var(--ink);background:#241a12;border:1px solid #6b4e30;border-radius:8px;min-height:44px;padding:10px}.row{flex-wrap:wrap;gap:10px;display:flex}.row>*{flex:1}.segmented{border:1px solid #6b4e30;border-radius:10px;display:flex;overflow:hidden}.segmented button{background:0 0;border:0;border-radius:0;flex:1}.segmented button.on{background:var(--accent);color:#241406;font-weight:700}.segmented.wide{width:100%}.tabs{gap:6px;width:min(520px,100%);display:flex}.tabs button{flex:1}.tabs button.on{border-color:var(--accent);background:#5a3d22}button.primary{background:var(--accent);color:#241406;border-color:#ffd27a;font-weight:700}button.primary:hover{background:#ffc757}button.danger{background:#6b2620;border-color:#a2483e}button.truco{letter-spacing:.5px;background:linear-gradient(#e2574c,#a8322a);border-color:#ffb3a8;font-weight:900}button.big{min-height:52px;font-size:17px}button.link{color:var(--accent);background:0 0;border:0;min-height:32px;text-decoration:underline}button:disabled{opacity:.45;cursor:default}.hint{color:var(--muted);margin:0;font-size:13px}.avatars{flex-wrap:wrap;gap:8px;display:flex}.avatar{border:3px solid;border-radius:50%;width:46px;height:46px;padding:0}.avatar.on{outline:3px solid var(--accent);outline-offset:2px}.code{text-transform:uppercase;letter-spacing:4px;text-align:center;font-weight:700}.links{align-items:center;gap:16px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin:0;font-size:12px}.room-code{letter-spacing:6px;color:var(--accent);margin:0;font:900 42px/1 ui-monospace,monospace}.seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seat{background:#ffffff0a;border-left:4px solid #6cb3e0;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.seat.team-1{border-left-color:#e2574c}.seat-name{flex:1}.seat-team{color:var(--muted);font-size:12px}.seat-actions{gap:6px;display:flex}.spinner{border:4px solid #f2b33d40;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;inset:0}.panel-glass{background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #f2b33d40;border-radius:12px}.scoreboard{flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100vw - 150px);padding:8px 12px;display:flex;position:absolute;top:12px;left:12px}.score{flex-direction:column;align-items:center;min-width:44px;display:flex}.score span{color:var(--muted);letter-spacing:1px;font-size:11px}.score strong{font:900 26px/1 Georgia,serif}.value-pill{background:#5a2a1a;border:1px solid #c75a3c;border-radius:999px;padding:4px 10px;font-weight:700}.vira{align-items:center;gap:6px;font-size:13px;display:flex}.vira img{border-radius:3px;height:44px}.tricks{gap:5px;display:flex}.cap{border:2px dashed #ffffff4d;border-radius:50%;width:14px;height:14px}.cap.won{background:#4caf50;border:2px solid #b6f0b8}.cap.lost{background:#d64535;border:2px solid #ffb3a8}.cap.tie{background:#8a8a8a;border:2px solid #ddd}.top-right{gap:6px;display:flex;position:absolute;top:12px;right:12px}.top-right button{width:44px;padding:0}.turn{background:var(--panel);white-space:nowrap;border:1px solid #f2b33d4d;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.turn.mine{border-color:var(--accent);font-weight:700;box-shadow:0 0 18px #f2b33d73}.timer{font-variant-numeric:tabular-nums;color:var(--accent)}.toasts{flex-direction:column;align-items:center;gap:6px;width:min(520px,100vw - 32px);display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);text-align:center;border:1px solid #ffffff1f;border-radius:10px;padding:8px 14px;animation:.2s ease-out pop}.toast.good{border-color:#6cc070}.toast.bad{border-color:#e2574c}.toast.truco{border-color:#ff7a4c;font-size:17px;font-weight:800}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.caption{color:var(--accent);text-shadow:0 2px 6px #000;text-align:center;font-size:20px;font-weight:700;position:absolute;bottom:220px;left:50%;transform:translate(-50%)}.bottom{flex-direction:column;align-items:center;gap:8px;padding:0 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.actions button{min-width:110px}.actions .cover-toggle{background:var(--panel);color:var(--muted);letter-spacing:.3px;border:1px solid #f2b33d73;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:6px 16px 6px 10px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.actions .cover-toggle:hover{border-color:var(--accent);color:var(--ink)}.actions .cover-toggle.on{border-color:var(--accent);color:var(--accent);background:linear-gradient(#f2b33d3d,#f2b33d1a);box-shadow:0 0 0 3px #f2b33d29,0 0 18px #f2b33d38}.cover-card{background:repeating-linear-gradient(45deg,#0000 0 3px,#f2b33d59 3px 4px);border:1.5px solid;border-radius:3px;flex:none;width:16px;height:22px;transition:transform .25s;transform:rotate(-8deg)}.cover-toggle.on .cover-card{background-color:#7a2a22;transform:rotate(8deg)scale(1.05)}.my-hand.covering .card-slot.playable img{outline:2px dashed var(--accent);outline-offset:3px;filter:brightness(.82)saturate(.7)}.my-hand{justify-content:center;gap:10px;display:flex}.card-slot{background:0 0;border:0;border-radius:8px;width:96px;height:134px;padding:0;transition:transform .15s;position:relative}.my-hand.large .card-slot{width:124px;height:173px}.card-slot img{border-radius:6px;width:100%;height:100%;box-shadow:0 6px 14px #00000080}.card-slot.empty{visibility:hidden}.card-slot.playable:hover,.card-slot.playable:focus-visible{transform:translateY(-14px)}.card-slot.playable img{box-shadow:0 0 0 3px var(--accent), 0 8px 18px #0009}.card-slot kbd{position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.card-slot:disabled{opacity:1}.bottom-tools{gap:8px;display:flex}.bottom-tools button.on{border-color:var(--accent);background:#5a3d22}.signal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(720px,100%);display:grid}.signal-grid button{font-size:13px}.pov-hint{color:var(--muted);font-size:13px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.hud.in-pov .turn{top:112px}.partner-cards{flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:70px;right:12px}.partner-cards img{border-radius:4px;height:64px;margin-right:4px}.partner-cards span{color:var(--muted);font-size:12px}.bubbles{flex-direction:column;gap:6px;max-width:60vw;display:flex;position:absolute;bottom:170px;left:12px}.bubble{color:#241406;background:#fff6e4;border-radius:12px;padding:6px 10px;font-size:14px}.chat-menu{flex-direction:column;gap:4px;max-width:80vw;padding:8px;display:flex;position:absolute;bottom:170px;right:12px}.chat-menu button:disabled{opacity:.45;cursor:not-allowed}.chat-wait{color:var(--accent);padding:2px 4px 4px;font-size:13px}.bottom-tools button.cooling{opacity:.75;position:relative}.bottom-tools button.cooling:after{content:"";background:var(--accent);transform-origin:0;height:3px;transform:scaleX(var(--left,0));border-radius:2px;transition:transform .25s linear;position:absolute;bottom:3px;left:6px;right:6px}.modal-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{max-height:calc(100vh - 32px);overflow-y:auto}.modal h3{color:var(--accent);margin:6px 0 0;font-size:15px}.modal p,.modal ul{margin:0}.signal-list{padding-left:18px}.check{align-items:center;gap:8px;display:flex}.results .final{margin:0;font:900 46px/1 Georgia,serif}@media (max-width:900px){.turn{top:64px}}@media (max-width:640px){.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-slot{width:74px;height:103px}.turn{top:auto;bottom:200px}.scoreboard{gap:8px}.vira img{height:34px}}.pov-hint.peek{color:#ffb3a8}@media (max-height:500px) and (orientation:landscape){.card-slot,.my-hand.large .card-slot{width:60px;height:84px}.actions{flex-direction:column;align-items:stretch;position:absolute;bottom:12px;left:12px}.actions button{min-width:0;padding:6px 10px}.bottom-tools{flex-direction:column;align-items:stretch;position:absolute;bottom:12px;right:12px}.turn{top:12px;left:auto;right:170px;transform:none}.toasts{top:96px}}