:root{--felt-1: #0f5132;--felt-2: #0a3622;--felt-3: #072718;--gold: #c9a227;--gold-soft: #e3c861;--ivory: #fcfaf4;--ink: #1c2128;--red: #b3262e;--panel: rgba(10, 26, 18, .82);--panel-border: rgba(201, 162, 39, .35);--card-w: clamp(70px, 14.5vmin, 124px);--serif: Georgia, "Times New Roman", serif;--sans: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ivory);background:radial-gradient(ellipse 120% 90% at 50% 30%,var(--felt-1),var(--felt-2) 60%,var(--felt-3)),var(--felt-3);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body[data-theme=heritage]{background:radial-gradient(ellipse 130% 100% at 50% 30%,#0000 40%,#00000073),url(/felt/heritage.webp) center / cover no-repeat fixed,var(--felt-2)}body[data-theme=nuit]{--gold: #a9c1d9;--gold-soft: #d3e2f2;--felt-1: #1d3458;--felt-2: #142440;--felt-3: #0b1626;--panel: rgba(8, 16, 28, .84);--panel-border: rgba(169, 193, 217, .35);background:radial-gradient(ellipse 130% 100% at 50% 30%,#0000 40%,#00000080),url(/felt/nuit.webp) center / cover no-repeat fixed,var(--felt-2)}body[data-theme=nuit] .menu-title,body[data-theme=moderne] .menu-title{text-shadow:0 2px 0 rgba(0,0,0,.45),0 6px 26px rgba(0,0,0,.5)}body[data-theme=nuit] .btn-primary,body[data-theme=moderne] .btn-primary{color:#10181c}body[data-theme=moderne]{--gold: #3ddc97;--gold-soft: #7cefc0;--felt-1: #38444c;--felt-2: #272f35;--felt-3: #171c20;--panel: rgba(14, 18, 22, .86);--panel-border: rgba(61, 220, 151, .32);--serif: "Segoe UI", system-ui, sans-serif;background:radial-gradient(ellipse 130% 100% at 50% 30%,#0000 40%,#00000073),url(/felt/moderne.webp) center / cover no-repeat fixed,var(--felt-2)}.theme-picker{display:flex;gap:10px;margin-top:14px}.theme-chip{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.22);color:#ffffffbf;border-radius:999px;padding:8px 16px;font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.theme-chip.on{border-color:var(--gold);color:var(--gold-soft)}.theme-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn{font-family:var(--sans);font-size:17px;font-weight:600;padding:13px 30px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;letter-spacing:.02em}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a2103;box-shadow:0 4px 18px #c9a22759,inset 0 1px #ffffff80}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:#ffffff14;color:var(--ivory);border-color:#ffffff40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-secondary:hover:not(:disabled){background:#ffffff24}.btn-ghost{background:none;color:#fff9;margin-top:18px}.btn-ghost:hover{color:var(--ivory)}.btn-suit{background:var(--ivory);padding:10px 18px;border-radius:12px;box-shadow:0 3px 10px #0000004d}.btn-suit:hover{transform:translateY(-2px)}.icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--ivory);width:38px;height:38px;border-radius:50%;font-size:17px;cursor:pointer;display:grid;place-items:center}.icon-btn.off{opacity:.4}.icon-btn:hover{background:#ffffff29}.menu{justify-content:center;gap:14px}.menu-fan{display:flex;justify-content:center;height:clamp(110px,20vmin,170px);margin-bottom:6px}.menu-fan-card{width:clamp(80px,14vmin,120px);margin:0 -22px;border-radius:10px;box-shadow:0 8px 24px #00000073;transform-origin:50% 120%;animation:fan-in .7s cubic-bezier(.2,.9,.3,1.2) both}@keyframes fan-in{0%{opacity:0;transform:translateY(36px) rotate(0)}}.menu-title{font-family:var(--serif);font-size:clamp(54px,11vmin,92px);font-weight:700;margin:0;color:var(--gold-soft);letter-spacing:.06em;text-shadow:0 2px 0 #7a5e10,0 6px 26px rgba(0,0,0,.5)}.menu-tagline{margin:0 0 14px;color:#ffffffbf;font-size:clamp(14px,2.4vmin,17px)}.menu-name{background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:var(--ivory);font-size:17px;padding:12px 18px;text-align:center;width:min(280px,80vw);outline:none}.menu-name:focus{border-color:var(--gold)}.menu-name::placeholder{color:#fff6}.menu-actions{display:flex;flex-direction:column;gap:12px;width:min(280px,80vw);margin-top:6px}.menu-actions .btn{width:100%}.menu-toggles{display:flex;gap:10px;margin-top:16px}.toggle{background:none;border:1px solid rgba(255,255,255,.22);color:#ffffff80;border-radius:999px;padding:7px 16px;font-size:14px;cursor:pointer}.toggle.on{color:var(--gold-soft);border-color:var(--panel-border)}.menu-footer{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));font-size:12px;color:#ffffff59}.lobby{justify-content:center;gap:16px}.lobby h2{font-family:var(--serif);font-size:34px;color:var(--gold-soft);margin:0;letter-spacing:.08em}.lobby-hint{color:#fff9;font-size:14px;margin:0}.error{color:#ff9d9d;font-size:15px;margin:0}.lobby-players{list-style:none;margin:8px 0;padding:0;width:min(320px,85vw);display:flex;flex-direction:column;gap:8px}.lobby-players li{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 16px;min-height:54px}.lobby-players li.empty{opacity:.5;border-style:dashed}.lobby-empty{color:#ffffff73;font-style:italic}.lobby-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.join-row{display:flex;gap:10px}.code-input{background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:var(--gold-soft);font-size:22px;font-weight:700;letter-spacing:.35em;text-align:center;width:130px;padding:10px 0 10px 8px;outline:none;text-transform:uppercase}.code-input:focus{border-color:var(--gold)}.game{display:flex;flex-direction:column}.hud{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;z-index:30}.hud-right{margin-left:auto;display:flex;gap:8px}.room-pill,.score-pill,.trump-pill{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:7px 16px;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.score-pill .us{color:var(--gold-soft);font-weight:700}.score-pill .them{font-weight:700}.score-pill .sep{margin:0 7px;opacity:.5}.score-pill small{opacity:.55}.trump-pill{display:flex;align-items:center;gap:7px}.suit-icon.red{color:var(--red)}.suit-icon.black{color:var(--ink)}.trump-pill .suit-icon,.bid-bubble .suit-icon{background:var(--ivory);border-radius:6px;padding:1px 5px;line-height:1.2}.table{position:relative;flex:1;width:100%}.zone{position:absolute;display:flex;align-items:center;gap:10px;z-index:10}.zone-bottom{bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);flex-direction:column;width:100%;pointer-events:none}.zone-bottom>*{pointer-events:auto}.zone-top{top:6px;left:50%;transform:translate(-50%);flex-direction:column}.zone-left{left:12px;top:50%;transform:translateY(-50%);flex-direction:column}.zone-right{right:12px;top:50%;transform:translateY(-50%);flex-direction:column-reverse}.badge{position:relative;display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:5px 14px 5px 6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .3s ease}.badge.turn{box-shadow:0 0 0 2px var(--gold),0 0 22px #c9a2278c;animation:turn-pulse 1.6s ease-in-out infinite}@keyframes turn-pulse{50%{box-shadow:0 0 0 2px var(--gold),0 0 34px #c9a227d9}}.badge.away{opacity:.55}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:16px;color:#fff;flex:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.avatar-0{background:linear-gradient(135deg,#c98c27,#8a5a10)}.avatar-1{background:linear-gradient(135deg,#2779c9,#114a85)}.avatar-2{background:linear-gradient(135deg,#c94f27,#85260e)}.avatar-3{background:linear-gradient(135deg,#7a27c9,#471185)}.badge-info{display:flex;flex-direction:column;line-height:1.15}.badge-name{font-size:14px;font-weight:600}.badge-tags{display:flex;gap:5px}.tag{font-style:normal;font-size:10px;font-weight:700;background:#ffffff24;border-radius:5px;padding:1px 6px;letter-spacing:.04em}.tag-dealer{background:var(--ivory);color:var(--ink)}.tag-taker{background:var(--gold);color:#2a2103}.tag-away{background:#ff50504d}.bid-bubble{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);background:var(--ivory);color:var(--ink);font-size:13px;font-weight:700;padding:5px 12px;border-radius:11px;white-space:nowrap;box-shadow:0 4px 14px #00000059;animation:bubble-pop .25s cubic-bezier(.3,1.4,.6,1) both;display:flex;align-items:center;gap:5px;z-index:20}.bid-bubble:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:9px;height:9px;background:var(--ivory)}.zone-bottom .bid-bubble{top:auto;bottom:calc(100% + 7px)}.zone-bottom .bid-bubble:before{top:auto;bottom:-5px}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%) scale(.6)}}.card-img{width:var(--card-w);border-radius:calc(var(--card-w) * .075);display:block}.back-fan{display:flex;justify-content:center}.back-fan .back-card{width:calc(var(--card-w) * .6);box-shadow:0 2px 8px #0006}.back-fan-top{margin-top:2px}.back-fan-top .back-card{margin:0 calc(var(--card-w) * -.21)}.back-fan-left,.back-fan-right{flex-direction:column}.back-fan-left .back-card,.back-fan-right .back-card{margin:calc(var(--card-w) * -.32) 0}.back-fan-left .back-card{transform:rotate(90deg)}.back-fan-right .back-card{transform:rotate(-90deg)}.trick{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:calc(var(--card-w) * 2.6);height:calc(var(--card-w) * 2.6);z-index:5;transition:transform .45s cubic-bezier(.5,0,.8,.4),opacity .45s ease}.trick-card{position:absolute;left:50%;top:50%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.trick-card .card-img{width:calc(var(--card-w) * .95)}.trick-bottom{transform:translate(-50%,-32%) rotate(2deg);animation:fly-bottom .4s cubic-bezier(.2,.8,.3,1) both}.trick-right{transform:translate(-18%,-58%) rotate(86deg);animation:fly-right .4s cubic-bezier(.2,.8,.3,1) both}.trick-top{transform:translate(-50%,-68%) rotate(-3deg);animation:fly-top .4s cubic-bezier(.2,.8,.3,1) both}.trick-left{transform:translate(-82%,-42%) rotate(-94deg);animation:fly-left .4s cubic-bezier(.2,.8,.3,1) both}@keyframes fly-bottom{0%{opacity:0;transform:translate(-50%,160%) rotate(2deg)}}@keyframes fly-right{0%{opacity:0;transform:translate(220%,-58%) rotate(86deg)}}@keyframes fly-top{0%{opacity:0;transform:translate(-50%,-260%) rotate(-3deg)}}@keyframes fly-left{0%{opacity:0;transform:translate(-320%,-42%) rotate(-94deg)}}.collect-bottom{transform:translate(-50%,90%) scale(.5);opacity:0}.collect-right{transform:translate(80%,-50%) scale(.5);opacity:0}.collect-top{transform:translate(-50%,-190%) scale(.5);opacity:0}.collect-left{transform:translate(-180%,-50%) scale(.5);opacity:0}.hand{display:flex;justify-content:center;padding:0 8px;margin-top:4px}.hand-card{background:none;border:none;padding:0;margin:0 calc(var(--card-w) * -.14);cursor:default;transform-origin:50% 130%;position:relative}.hand-card .card-img{box-shadow:0 4px 12px #0006;transition:transform .15s ease,box-shadow .15s ease,filter .2s ease;animation:deal-in .45s ease both;animation-delay:inherit}@keyframes deal-in{0%{opacity:0;transform:translateY(46px) scale(.9)}}.hand.active .hand-card:not(.legal) .card-img{filter:brightness(.75) saturate(.65)}.obligation{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:6px 16px;font-size:13.5px;color:var(--gold-soft);display:flex;align-items:center;gap:6px;margin-bottom:6px;animation:bubble-pop .25s ease both}.obligation .suit-icon{background:var(--ivory);border-radius:6px;padding:0 5px}.hand-card.legal{cursor:pointer}.hand-card.legal .card-img{box-shadow:0 0 0 2px var(--gold-soft),0 6px 18px #00000073}.hand-card.legal:hover .card-img,.hand-card.legal:focus-visible .card-img{transform:translateY(-16px);box-shadow:0 0 0 2.5px var(--gold-soft),0 14px 30px #00000080}.bid-panel{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:22px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000080;z-index:15;animation:panel-in .3s ease both}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}}.turned{display:flex;flex-direction:column;align-items:center;gap:8px}.turned-card{width:calc(var(--card-w) * 1.05);box-shadow:0 8px 24px #00000080}.turned-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.bid-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.bid-suits{display:flex;gap:10px}.bid-waiting{color:#ffffffb3;font-style:italic}.banner{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(28px,6vmin,44px);font-weight:700;color:var(--gold-soft);text-shadow:0 2px 0 #7a5e10,0 8px 30px rgba(0,0,0,.6);background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:16px 38px;z-index:40;animation:banner-pop .4s cubic-bezier(.3,1.5,.5,1) both;white-space:nowrap}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040e09a6;display:grid;place-items:center;z-index:50;animation:fade-in .3s ease both}@keyframes fade-in{0%{opacity:0}}.panel{background:linear-gradient(180deg,#142a1ef7,#0a1810f7);border:1px solid var(--panel-border);border-radius:24px;padding:30px 38px;text-align:center;box-shadow:0 24px 70px #0009;max-width:min(420px,92vw)}.panel h2{font-family:var(--serif);font-size:32px;color:var(--gold-soft);margin:0 0 6px}.summary-sub{color:#ffffffb3;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:6px}.summary-sub .suit-icon{background:var(--ivory);border-radius:6px;padding:1px 5px}.summary-table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:16px}.summary-table th,.summary-table td{padding:7px 14px}.summary-table th{color:#ffffff8c;font-weight:600;font-size:13px}.summary-table td:first-child{text-align:left;color:#ffffffb3}.summary-table td:not(:first-child){text-align:center;font-variant-numeric:tabular-nums}.summary-total td{border-top:1px solid var(--panel-border);font-weight:700;color:var(--gold-soft)}.summary-wait{color:#fff9;font-style:italic}.summary.lost h2{color:#d98f8f}@media (max-width: 720px){:root{--card-w: clamp(58px, 16vmin, 92px)}.hud{flex-wrap:wrap;gap:7px;padding:8px 10px}.room-pill,.score-pill,.trump-pill{font-size:12px;padding:5px 11px}.badge-name{font-size:12px}.avatar{width:28px;height:28px;font-size:13px}.zone-left{left:4px}.zone-right{right:4px}.btn{font-size:15px;padding:11px 22px}}