:root{--felt:#1b6b3a;--felt-dark:#14502c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--card-w:clamp(42px, min(8.5vw, 8.5vh), 112px);--card-h:calc(var(--card-w) * 10 / 7)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{color:#fff;background:radial-gradient(circle at center, var(--felt), var(--felt-dark));margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.topbar{background:#00000040;flex-wrap:wrap;flex:none;align-items:center;gap:1rem 1.5rem;padding:.7rem 1.2rem;display:flex}#table{flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-height:0;display:grid;position:relative}.empty-msg{opacity:.85;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.quadrant{border:1px solid #ffffff14;flex-direction:column;gap:.6rem;padding:1.1rem;display:flex;position:relative;overflow:hidden}.corner-tl{grid-area:1/1;justify-content:flex-start;align-items:flex-start}.corner-tr{grid-area:1/2;justify-content:flex-start;align-items:flex-end}.corner-bl{grid-area:2/1;justify-content:flex-end;align-items:flex-start}.corner-br{grid-area:2/2;justify-content:flex-end;align-items:flex-end}.corner-tl,.corner-br{background:#f5c54212}.corner-tr,.corner-bl{background:#78c8ff12}.quadrant.mine{background:#ffffff1f}.quadrant.taker{box-shadow:inset 0 0 0 3px #f5c542}.quadrant.turn{background:#ffffff0f;box-shadow:inset 0 0 0 3px #fff}.quadrant.taker.turn{box-shadow:inset 0 0 0 3px #f5c542,inset 0 0 0 6px #fff}.seat-head{align-items:center;gap:.8rem;display:flex}.seat-head .name{font-size:1.2rem;font-weight:700}.take{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:999px;padding:.35rem .95rem;font-size:.9rem;font-weight:700;transition:filter .15s}.take:hover{filter:brightness(1.2)}.take.active{color:#14502c;background:#f5c542}.pass-tag{text-transform:uppercase;letter-spacing:.04em;color:#fff;opacity:.85;background:#ffffff26;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.bid-controls{flex-wrap:wrap;gap:.4rem;display:flex}.bid{font-size:calc(var(--card-w) * .3);padding:calc(var(--card-w) * .12) calc(var(--card-w) * .26);cursor:pointer;border:none;border-radius:999px;font-weight:700;transition:filter .15s}.bid:hover{filter:brightness(1.1)}.bid.pass{color:#fff;background:#fff3}.bid.take-suit{color:#14502c;background:#f5c542}.bid.take-suit .suit{font-size:calc(var(--card-w) * .38)}.bid.take-suit.red .suit{color:#d4163c}.bid.take-suit.black .suit{color:#14502c}.show-annonces{font-size:calc(var(--card-w) * .3);padding:calc(var(--card-w) * .12) calc(var(--card-w) * .26);color:#14502c;cursor:pointer;background:#f5c542;border:none;border-radius:999px;align-self:flex-start;font-weight:700;transition:filter .15s}.show-annonces:hover{filter:brightness(1.1)}.reveal-annonces{gap:calc(var(--card-w) * .5);flex-wrap:wrap;align-items:flex-start;animation:.2s ease-out reveal-pop;display:flex}.reveal-annonces .annonce-group{gap:calc(var(--card-w) * .14);display:flex}@keyframes reveal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.reveal-annonces{animation:none}}.starter-badge{text-transform:uppercase;letter-spacing:.04em;color:#14502c;background:#ffffffe6;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}#new-match{color:#14502c;cursor:pointer;background:#f5c542;border:none;border-radius:999px;padding:.45rem 1.1rem;font-size:.95rem;font-weight:700;transition:filter .15s}#new-match:hover{filter:brightness(1.07)}.worker-msg{opacity:.8;margin-left:auto;font-size:.9rem;font-style:italic}.hand-area{align-items:inherit;flex-direction:column;gap:.3rem;display:flex}.seat-select{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:absolute;inset:0}.seat-select-prompt{margin:0;font-size:1.6rem;font-weight:700}.seat-buttons{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:44rem;display:grid}.seat-pick{color:#14502c;cursor:pointer;border:2px solid #0000;border-radius:16px;padding:2.4rem 2rem;font-size:2.6rem;font-weight:700;transition:filter .15s}.seat-pick:hover{filter:brightness(1.08)}.seat-pick.gold{background:#f5c542}.seat-pick.blue{background:#7ac8ff}#change-seat{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}#change-seat:hover{opacity:1}.cards{--card-gap:.4rem;gap:var(--card-gap);max-width:calc(4 * var(--card-w) + 3 * var(--card-gap));flex-wrap:wrap;display:flex}.corner-tr .cards,.corner-br .cards{justify-content:flex-end}.card{width:var(--card-w);height:var(--card-h);background:#fff;border:1px solid #d9d9d9;border-radius:10px;flex:none;font-weight:700;position:relative;box-shadow:0 3px 8px #00000059;container-type:size}.card.red{color:#d4163c}.card.black{color:#1a1a1a}.card.trump{border-color:#f5c542;box-shadow:0 0 0 3px #f5c542,0 3px 8px #00000059}.card.playable{cursor:pointer;outline:3px solid #4ade80;transition:transform .1s}.card.playable:hover{transform:translateY(-8px)}.card.illegal{opacity:.4;cursor:not-allowed}.card.premoveable{cursor:pointer}.card.premoved{outline:3px solid #f5c542;transition:transform .1s;transform:translateY(-8px)}.card.back{background:repeating-linear-gradient(45deg,#2a4d8f,#2a4d8f 6px,#3a63b0 6px 12px);border:2px solid #fff}.cards.backs .card.back:not(:first-child){margin-left:calc(var(--card-w) * -.64)}.corner-mark{text-align:center;font-size:19cqw;line-height:.85;position:absolute}.corner-mark.top{top:7cqw;left:8cqw}.corner-mark.bottom{bottom:7cqw;right:8cqw;transform:rotate(180deg)}.pip{justify-content:center;align-items:center;font-size:50cqw;display:flex;position:absolute;inset:0}.title{letter-spacing:.02em;font-size:1.2rem;font-weight:700}.status{font-size:1.05rem;font-weight:600}.status .suit{vertical-align:-.1em;font-size:1.35rem}.status .suit.red{color:#ff6b81}.status .suit.black{color:#cfd8e3}.retourne{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-box{z-index:5;text-align:center;background:#11261a;border:1px solid #ffffff38;border-radius:14px;min-width:15rem;padding:1rem 1.4rem 1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 34px #0000008c}.result-heading{font-size:1.5rem;font-weight:800}.result-sub{opacity:.8;margin-top:.1rem;margin-bottom:.8rem;font-size:.9rem}.result-grid{grid-template-columns:auto 1fr 1fr;align-items:baseline;gap:.4rem 1.2rem;display:grid}.result-grid .rlabel{text-align:left;opacity:.85;font-size:.9rem}.result-grid .gold{color:#f5c542;font-weight:700}.result-grid .blue{color:#7ac8ff;font-weight:700}.result-grid .total{border-top:1px solid #fff3;margin-top:.3rem;padding-top:.5rem;font-size:1.1rem;font-weight:800}.result-grid .outcome{color:#f5c542;margin-top:.2rem;font-size:1.15rem;font-weight:800}.win-grid{grid-template-columns:1fr 1fr;margin-top:.2rem}.result-next{color:#14502c;cursor:pointer;background:#f5c542;border:none;border-radius:999px;margin-top:1rem;padding:.5rem 1.3rem;font-size:1rem;font-weight:700;transition:filter .15s}.result-next:hover{filter:brightness(1.07)}.played{z-index:2;pointer-events:none;position:absolute}.corner-tl .played{--fx:-11vmin;--fy:-15vmin;bottom:.6rem;right:.6rem}.corner-tr .played{--fx:11vmin;--fy:-15vmin;bottom:.6rem;left:.6rem}.corner-bl .played{--fx:-11vmin;--fy:15vmin;top:.6rem;right:.6rem}.corner-br .played{--fx:11vmin;--fy:15vmin;top:.6rem;left:.6rem}.played.takeback{pointer-events:auto;cursor:pointer;transition:transform .1s}.played.takeback:hover{transform:scale(1.05)}.played.deal-in{animation:.3s ease-out play-card}@keyframes play-card{0%{transform:translate(var(--fx,0), var(--fy,0)) scale(.9);opacity:0}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.played.deal-in{animation:none}}.played.sweeping{z-index:4;animation:.42s ease-in forwards trick-sweep}@keyframes trick-sweep{to{transform:translate(var(--swx,0), var(--swy,0)) rotate(var(--swr,0)) scale(.82);opacity:.1}}@media (prefers-reduced-motion:reduce){.played.sweeping{animation:none}}.dealing-card{z-index:4;pointer-events:none;will-change:transform;transition:transform .28s ease-out,opacity .28s ease-out;position:absolute}.dealing-card.retourne-deal{z-index:5}@media (prefers-reduced-motion:reduce){.dealing-card{transition:none}}.card.deal-settle{animation:.42s ease-out both deal-settle}.card.deal-settle.reveal{animation:.42s ease-out both deal-reveal}@keyframes deal-settle{0%{transform:translate(var(--dx,0), var(--dy,0))}to{transform:translate(0)}}@keyframes deal-reveal{0%{transform:translate(var(--dx,0), var(--dy,0)) scaleX(.04)}to{transform:translate(0)scaleX(1)}}@media (prefers-reduced-motion:reduce){.card.deal-settle,.card.deal-settle.reveal{animation:none}}.scoreboard{align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.scoreboard .team.gold{color:#f5c542}.scoreboard .team.blue{color:#7ac8ff}.scoreboard .sep{opacity:.6}@media (width<=760px),(height<=620px){.quadrant{gap:.35rem;padding:.6rem}.cards{--card-gap:.25rem}.seat-head{gap:.5rem}.seat-head .name{font-size:1rem}.status{font-size:.85rem}}.fx{z-index:50;pointer-events:none;transition:opacity .85s;position:fixed;inset:0;overflow:hidden}.fx.fx-fade{opacity:0}.raindrop{background:linear-gradient(#aec8eb00,#aec8eb8c);width:2px;height:12vh;animation:linear infinite rain-fall;position:absolute;top:-12vh}@keyframes rain-fall{to{transform:translateY(124vh)}}.nuke-flash{opacity:0;background:radial-gradient(circle at 50% 78%,#fff 0%,#fff0bf 28%,#ff962800 72%);animation:1.6s ease-out forwards nuke-flash;position:absolute;inset:0}@keyframes nuke-flash{0%{opacity:0}3%{opacity:1}22%{opacity:.45}to{opacity:0}}.nuke-shock{opacity:0;border:.6vmin solid #ffe4a0d9;border-radius:50%;width:22vmin;height:6vmin;margin-left:-11vmin;animation:1.3s ease-out forwards nuke-shock;position:absolute;bottom:7%;left:50%}@keyframes nuke-shock{0%{opacity:0;transform:scale(.1)}10%{opacity:.9}to{opacity:0;transform:scale(14)}}.nuke-column{transform-origin:50% 100%;width:50vmin;height:70vmin;animation:1.6s cubic-bezier(.12,.7,.3,1) forwards nuke-rise;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}@keyframes nuke-rise{0%{opacity:0;transform:translate(-50%)translateY(34%)scale(.18)}10%{opacity:1}to{opacity:1;transform:translate(-50%)translateY(-8%)scale(3)}}.nuke-stem{filter:blur(4px);background:linear-gradient(#ffc660fa 0%,#e88a3cf2 36%,#a86638d9 76%,#784e2e00 100%);border-radius:36% 36% 14% 14%;width:22%;height:76%;margin-left:-11%;position:absolute;bottom:0;left:50%}.nuke-head{filter:blur(4px);width:132%;height:46%;margin-left:-66%;position:absolute;top:0;left:50%}.billow{background:radial-gradient(circle at 50% 62%,#fff3c8 0%,#ffc25a 32%,#e87528 58%,#a23c1d 78%,#46201400 94%);border-radius:50%;position:absolute}.billow.smoke{background:radial-gradient(circle at 50% 58%,#8a6552 0%,#5e4538 52%,#2d211b00 86%)}.b-core{width:40%;height:74%;bottom:0;left:30%}.b-mid{width:48%;height:86%;top:4%;left:26%}.b-left{width:40%;height:64%;bottom:6%;left:0}.b-right{width:40%;height:64%;bottom:6%;right:0}.b-top1{width:36%;height:54%;top:0;left:16%}.b-top2{width:36%;height:54%;top:2%;left:48%}@media (prefers-reduced-motion:reduce){.raindrop,.nuke-flash,.nuke-shock,.nuke-column{animation:none}}