:root{--felt: #4A1E25;--felt-light: #5E2830;--felt-dark: #2A1014;--ivory: #F3ECD9;--ink: #252B38;--garance: #A93226;--gold: #C9A24B;--gold-soft: #B08A2E;--cream: #EFE4CC;--cream-dim: rgba(239, 228, 204, .62);--card-w: clamp(64px, 8.5vw, 108px);--serif: "Bodoni Moda", "Didot", serif;--sans: "Archivo", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);color:var(--cream);background:radial-gradient(120% 90% at 50% 30%,var(--felt-light) 0%,var(--felt) 45%,var(--felt-dark) 100%),var(--felt-dark);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column}.screen[hidden]{display:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:var(--serif)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.btn{border:none;border-radius:8px;padding:14px 26px;font-size:16px;font-weight:600;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-gold{background:linear-gradient(180deg,#D8B45E,var(--gold-soft));color:#2a1014;box-shadow:0 2px #7d621f,0 8px 24px #00000059}.btn-gold:hover{box-shadow:0 2px #7d621f,0 10px 30px #d8b45e59;transform:translateY(-1px)}.btn-gold:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--cream);border:1px solid rgba(239,228,204,.35)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}:is(button,input,a):focus-visible{outline:2px solid var(--gold);outline-offset:2px}#screen-home{align-items:center;text-align:center;overflow-y:auto}.home-layout{display:flex;gap:56px;align-items:center;justify-content:center;max-width:1080px;margin:auto;padding:72px 28px 40px;width:100%}.home-main{max-width:560px;flex:1}.home-side{width:380px;flex:none;display:flex;flex-direction:column;gap:16px;text-align:left}.home-side .home-profile,.home-side .home-challenges{margin:0;max-width:none}@media (max-width: 980px){.home-layout{flex-direction:column;gap:26px;padding-top:84px}.home-main{max-width:560px}.home-side{width:min(460px,100%)}}.home-cards{position:relative;height:190px;margin-bottom:18px}.float-card{position:absolute;left:50%;top:10px;width:92px;aspect-ratio:200/360;border-radius:8px;box-shadow:0 14px 34px #00000080;animation:float 7s ease-in-out infinite}.float-card svg{width:100%;height:100%;display:block;border-radius:8px}.fc-1{transform:translate(-135%) rotate(-14deg);animation-delay:0s}.fc-2{transform:translate(-50%) translateY(-14px) rotate(-1deg);z-index:2;animation-delay:.9s}.fc-3{transform:translate(32%) rotate(13deg);animation-delay:1.8s}@keyframes float{0%,to{margin-top:0}50%{margin-top:-10px}}.home-mascot{position:absolute;right:4%;bottom:-26px;width:clamp(96px,11vw,140px);z-index:3;transform:rotate(3deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));animation:float 7s ease-in-out 1.2s infinite}@media (max-width: 640px){.home-mascot{width:84px;right:0;bottom:-14px}}.home-title{font-size:clamp(48px,8vw,84px);font-weight:850;font-style:italic;line-height:.98;color:var(--ivory);text-shadow:0 3px 0 rgba(0,0,0,.25),0 16px 40px rgba(0,0,0,.4)}.home-sub{margin:18px 0 34px;font-size:16px;line-height:1.65;color:var(--cream-dim)}.home-form{display:flex;flex-direction:column;gap:18px;align-items:center}.field{display:flex;flex-direction:column;gap:8px;width:min(340px,100%);text-align:left}.field span{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim)}.field input,.join-group input{background:#00000047;border:1px solid rgba(239,228,204,.28);border-radius:8px;padding:13px 16px;font-size:17px;color:var(--ivory);font-family:var(--sans)}.field input:focus,.join-group input:focus{border-color:var(--gold);outline:none}.home-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:stretch}.join-group{display:flex;gap:8px}.join-group input{width:92px;text-align:center;font-family:var(--mono);font-size:18px;letter-spacing:.2em;text-transform:uppercase}.link-rules{margin-top:26px;background:none;border:none;color:var(--cream-dim);font-size:14px;text-decoration:underline;text-underline-offset:4px}.link-rules:hover{color:var(--gold)}#screen-lobby{align-items:center;text-align:center;overflow-y:auto}.lobby-inner{max-width:620px;padding:32px 24px;margin:auto}.lobby-title{font-size:30px;font-weight:700;font-style:italic;color:var(--ivory)}.lobby-code{display:inline-block;margin:18px 0 10px;padding:12px 30px;font-family:var(--mono);font-size:44px;font-weight:600;letter-spacing:.35em;text-indent:.35em;color:var(--gold);background:#0000004d;border:1px dashed rgba(201,162,75,.55);border-radius:10px}.lobby-code:hover{border-style:solid}.lobby-hint{font-size:14px;line-height:1.6;color:var(--cream-dim)}.lobby-countdown{margin:4px 0 10px;font-size:15px;color:var(--cream)}.lobby-countdown b{color:var(--gold);font-family:var(--mono);font-size:18px}.lobby-seats{display:flex;gap:16px;justify-content:center;margin:34px 0;flex-wrap:wrap}.lobby-seat{width:128px;padding:18px 10px 14px;border-radius:12px;background:#00000038;border:1px solid rgba(239,228,204,.14)}.lobby-seat .avatar{margin:0 auto 10px}.lobby-seat .seat-name{font-weight:600;font-size:15px;color:var(--ivory)}.lobby-seat .seat-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);margin-top:4px}.lobby-seat.empty{border-style:dashed;opacity:.55}.lobby-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:24px;background:var(--ivory);color:var(--felt);border:2px solid var(--gold-soft);box-shadow:0 4px 12px #0006}.avatar.bot{background:var(--ink);color:var(--cream);border-color:#efe4cc4d}.table-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;z-index:30;background:linear-gradient(180deg,#14080aa6,#14080a00)}.bar-left,.bar-right{display:flex;align-items:center;gap:12px;flex:1}.bar-right{justify-content:flex-end}.bar-brand{font-family:var(--serif);font-style:italic;font-weight:800;font-size:20px;color:var(--ivory)}.bar-code{font-family:var(--mono);font-size:13px;color:var(--cream-dim);letter-spacing:.15em}.bar-center{display:flex;align-items:center;gap:10px;justify-content:center}.contract-chip{padding:5px 14px;border-radius:999px;font-size:13px;font-weight:600;background:#00000059;border:1px solid rgba(201,162,75,.5);color:var(--gold)}.donne-chip{font-size:13px;color:var(--cream-dim)}.bar-btn{background:#00000040;border:1px solid rgba(239,228,204,.2);color:var(--cream);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500}.bar-btn:hover{border-color:var(--gold);color:var(--gold)}.bar-btn.muted{text-decoration:line-through;opacity:.6}.bar-btn-quit:hover{border-color:var(--garance);color:#e8907f}body[data-tapis=vert-casino]{--felt: #1E4D3B;--felt-light: #2A6B52;--felt-dark: #0F2A20}body[data-tapis=bleu-nuit]{--felt: #1B2A4A;--felt-light: #2A4165;--felt-dark: #0D1526}body[data-tapis=noir-or]{--felt: #1C1A22;--felt-light: #2E2B36;--felt-dark: #0D0C10}body{background:radial-gradient(120% 90% at 50% 30%,var(--felt-light) 0%,var(--felt) 45%,var(--felt-dark) 100%),var(--felt-dark)}.shop-section-title{font-size:26px;font-weight:800;font-style:italic;color:var(--ivory);margin:34px 0 18px}.shop-guest-banner{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;max-width:620px;margin:0 auto 22px;padding:12px 18px;font-size:13.5px;color:var(--cream);line-height:1.5;background:#c9a24b1a;border:1px solid rgba(201,162,75,.45);border-radius:12px}.shop-guest-banner[hidden]{display:none}.shop-offline{border-style:dashed;animation:offline-pulse 2.2s ease-in-out infinite}@keyframes offline-pulse{0%,to{opacity:1}50%{opacity:.55}}.tapis-swatch{width:120px;height:84px;border-radius:12px;border:2px solid rgba(201,162,75,.5);box-shadow:0 8px 20px #00000080,inset 0 0 18px #00000059}.table-felt{position:relative;flex:1;z-index:2}.felt-ring{position:absolute;top:12px;right:18px;bottom:8px;left:18px;border:1.5px solid rgba(201,162,75,.28);border-radius:34px;box-shadow:inset 0 0 90px #00000059;pointer-events:none}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:5;width:150px}.pos-4-1{right:1.5%;top:40%;transform:translateY(-50%)}.pos-4-2{top:3%;left:50%;transform:translate(-50%)}.pos-4-3{left:1.5%;top:40%;transform:translateY(-50%)}.pos-3-1{right:12%;top:5%}.pos-3-2{left:12%;top:5%}.pos-5-1{right:1%;top:46%;transform:translateY(-50%)}.pos-5-2{right:14%;top:3%}.pos-5-3{left:14%;top:3%}.pos-5-4{left:1%;top:46%;transform:translateY(-50%)}.seat-head{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.seat .name{font-size:14px;font-weight:600;color:var(--ivory);white-space:nowrap}.seat .sub{font-size:11px;color:var(--cream-dim);min-height:14px}.seat .avatar{position:relative}.seat.turn .avatar{box-shadow:0 0 0 3px var(--gold),0 0 26px #d8b45ea6}.seat.turn .name{color:var(--gold)}.seat .backs{display:flex;margin-top:2px;height:34px}.seat .backs .mini{width:22px;aspect-ratio:200/360;border-radius:3px;margin-left:-14px;background-color:#4a1e25;border:1px solid var(--gold-soft);background-image:var(--mini-back, repeating-linear-gradient(45deg, transparent 0 4px, rgba(176,138,46,.35) 4px 5px));background-size:cover;background-position:center}.seat .backs .mini:first-child{margin-left:0}.seat .count{font-family:var(--mono);font-size:11px;color:var(--cream-dim)}.badge{position:absolute;border-radius:999px;font-size:10px;font-weight:700;padding:3px 8px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge-dealer{background:var(--ink);color:var(--cream);bottom:-6px;right:-18px;border:1px solid rgba(239,228,204,.3)}.badge-taker{background:linear-gradient(180deg,#D8B45E,var(--gold-soft));color:#2a1014;top:-8px;right:-24px}.badge-disconnected{background:var(--garance);color:var(--ivory);top:-8px;left:-20px}.badge.badge-flat{position:static}.bid-chip{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--ivory);color:var(--felt);box-shadow:0 3px 10px #0006;animation:pop-in .3s cubic-bezier(.2,1.6,.4,1)}.bid-chip.passe{background:#0006;color:var(--cream-dim)}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.trick-zone{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:0;height:0;z-index:4}.trick-card{position:absolute;width:var(--card-w);left:calc(var(--card-w) / -2);top:calc(var(--card-w) * -.9);filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s ease}.trick-card svg{width:100%;display:block;border-radius:7px}.center-message{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:3;text-align:center;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--cream-dim);pointer-events:none;max-width:400px}.chien-zone{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;gap:12px;z-index:6}.chien-zone[hidden]{display:none}.chien-zone .card{width:calc(var(--card-w) * 1.02);animation:chien-flip .7s cubic-bezier(.2,1,.4,1) backwards}.chien-zone .card:nth-child(2){animation-delay:.1s}.chien-zone .card:nth-child(3){animation-delay:.2s}.chien-zone .card:nth-child(4){animation-delay:.3s}.chien-zone .card:nth-child(5){animation-delay:.4s}.chien-zone .card:nth-child(6){animation-delay:.5s}@keyframes chien-flip{0%{transform:rotateY(90deg) translateY(-20px);opacity:0}to{transform:rotateY(0) translateY(0);opacity:1}}.chien-label{position:absolute;top:-34px;left:50%;transform:translate(-50%);font-family:var(--serif);font-style:italic;font-size:18px;color:var(--gold);white-space:nowrap}.card{position:relative;border-radius:7px}.card svg{width:100%;height:auto;display:block;border-radius:7px}:is(.card,.trick-card,.float-card) img{width:100%;aspect-ratio:200 / 360;object-fit:cover;display:block;border-radius:7px;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 2px #b08a2e8c}:is(.card,.trick-card,.float-card) .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.trick-card{border-radius:7px}.home-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.me-zone{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:center}.me-info{display:flex;align-items:center;gap:12px;margin-bottom:6px;z-index:12}.me-info .avatar{width:40px;height:40px;font-size:18px;position:relative}.me-info .name{font-weight:600;font-size:15px}.me-info.turn .name{color:var(--gold)}.me-info.turn .avatar{box-shadow:0 0 0 3px var(--gold),0 0 26px #d8b45e99}.me-score{font-family:var(--mono);font-size:13px;color:var(--cream-dim)}.hand{display:flex;justify-content:center;align-items:flex-end;height:calc(var(--card-w) * 1.98);padding-bottom:30px;width:100%}.hand .card{width:var(--card-w);margin:0 calc(var(--card-w) * -.28);transform:rotate(var(--rot)) translateY(var(--lift));transform-origin:50% 120%;transition:transform .22s ease,filter .22s ease,margin .22s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.hand .card.playable{cursor:pointer}.hand .card.playable:hover,.hand .card.playable:focus-visible{transform:rotate(var(--rot)) translateY(calc(var(--lift) - 26px)) scale(1.06);z-index:20;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(216,180,94,.35))}.hand .card.dim{filter:drop-shadow(0 6px 12px rgba(0,0,0,.45)) brightness(.55) saturate(.7);cursor:not-allowed}.hand .card.selected{transform:rotate(var(--rot)) translateY(calc(var(--lift) - 34px));filter:drop-shadow(0 12px 22px rgba(0,0,0,.5)) drop-shadow(0 0 0 rgba(0,0,0,0))}.hand .card.selected :is(svg,img){outline:3px solid var(--gold);outline-offset:-3px;border-radius:7px}.hand .card.locked{filter:drop-shadow(0 6px 12px rgba(0,0,0,.45)) brightness(.5) saturate(.4);cursor:not-allowed}.hand .card.shake{animation:shake .35s ease}.hand .card.armed{transform:rotate(var(--rot)) translateY(calc(var(--lift) - 30px)) scale(1.06);z-index:21;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(216,180,94,.5))}.appel-card{background:none;border:none;padding:0;width:calc(var(--card-w) * .85);border-radius:7px;transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.appel-card:hover{transform:translateY(-8px) scale(1.06);filter:drop-shadow(0 14px 26px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(216,180,94,.4))}.appel-card svg,.appel-card img{width:100%;display:block;border-radius:7px}.create-group{display:flex;flex-direction:column;gap:8px;align-items:center}.size-picker{display:flex;gap:6px}.size-btn{padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:#00000047;color:var(--cream-dim);border:1px solid rgba(239,228,204,.2)}.size-btn.active{color:var(--gold);border-color:var(--gold)}@keyframes shake{0%,to{translate:0 0}25%{translate:-6px 0}50%{translate:6px 0}75%{translate:-4px 0}}.action-bar{display:flex;gap:10px;align-items:center;justify-content:center;min-height:54px;margin-bottom:4px;z-index:12;flex-wrap:wrap;padding:0 12px}.bid-btn{border:1px solid rgba(239,228,204,.35);background:#0f0608b8;color:var(--ivory);border-radius:10px;padding:9px 16px;font-size:15px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.2;transition:transform .12s ease,border-color .12s ease,background .12s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bid-btn small{font-size:10px;font-weight:500;color:var(--cream-dim);letter-spacing:.08em}.bid-btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px);background:#1e0c10d9}.bid-btn:disabled{opacity:.32;cursor:not-allowed}.bid-btn.pass{border-style:dashed}.action-note{font-size:14px;color:var(--cream);background:#0f0608b8;border:1px solid rgba(201,162,75,.4);padding:9px 18px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-note.pulse{animation:note-pulse 1.6s ease-in-out infinite}.turn-count{color:var(--gold);font-family:var(--mono);font-weight:700}.turn-count.urgent{color:#e8907f;animation:count-blink 1s steps(2) infinite}@keyframes count-blink{50%{opacity:.45}}@keyframes note-pulse{0%,to{border-color:#c9a24b66}50%{border-color:var(--gold)}}.poignee-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gold);background:#0f0608b8;border:1px solid rgba(201,162,75,.5);border-radius:10px;padding:8px 14px}.poignee-toggle input{accent-color:var(--gold);width:16px;height:16px}.mascot{position:absolute;z-index:44;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45));transition:opacity .4s ease}.mascot.bye{opacity:0}.mascot-chien{width:clamp(100px,15vw,180px);left:min(80vw,calc(50% + 320px));top:27%;transform-origin:50% 95%;animation:mascot-pop .55s cubic-bezier(.2,1.5,.4,1) backwards,mascot-wag .8s ease-in-out .6s 4 alternate}@keyframes mascot-pop{0%{transform:scale(0) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes mascot-wag{0%{rotate:-4deg}to{rotate:5deg}}.mascot-petit{width:clamp(80px,11vw,130px);left:0;bottom:36%;animation:petit-run 2.6s cubic-bezier(.35,0,.7,1) both}@keyframes petit-run{0%{transform:translate(-18vw) rotate(-3deg)}30%{transform:translate(28vw) rotate(4deg)}60%{transform:translate(62vw) rotate(-3deg)}to{transform:translate(115vw) rotate(4deg)}}.mascot-dodo{width:clamp(120px,17vw,200px);left:50%;top:55%;transform:translate(-50%);animation:mascot-pop .5s cubic-bezier(.2,1.5,.4,1) backwards,dodo-bob 1.4s ease-in-out .5s 2 alternate}@keyframes dodo-bob{0%{translate:0 0}to{translate:0 -7px}}.mascot-chelem{width:clamp(140px,20vw,240px);left:50%;top:24%;transform:translate(-50%);animation:chelem-in .9s cubic-bezier(.2,1.3,.4,1) backwards}@keyframes chelem-in{0%{transform:translate(-50%) translateY(-60vh) rotate(-8deg)}to{transform:translate(-50%) translateY(0) rotate(0)}}.stamp-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center}.stamp{font-family:var(--serif);font-weight:900;font-style:italic;font-size:clamp(44px,8vw,92px);color:var(--ivory);text-align:center;line-height:1;padding:18px 42px 26px;border:5px double var(--ivory);border-radius:14px;background:#1e0a0e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:rotate(-7deg);box-shadow:0 30px 80px #00000080;animation:stamp-in 1.9s cubic-bezier(.2,1.4,.3,1) forwards}.stamp small{display:block;font-family:var(--sans);font-style:normal;font-weight:600;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-top:10px}.stamp.gold{color:var(--gold);border-color:var(--gold)}@keyframes stamp-in{0%{opacity:0;transform:rotate(-7deg) scale(2.6)}14%{opacity:1;transform:rotate(-7deg) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(-7deg) scale(.98) translateY(-8px)}}.coach-bubble{position:fixed;bottom:calc(var(--card-w) * 2.1);right:18px;z-index:58;display:flex;align-items:center;gap:12px;max-width:380px;padding:14px 16px;border-radius:16px 16px 4px;background:var(--ivory);color:#2a1014;box-shadow:0 18px 44px #0000008c;animation:pop-in .35s cubic-bezier(.2,1.5,.4,1)}.coach-face{width:54px;height:54px;object-fit:contain;flex:none}.coach-text{font-size:13.5px;line-height:1.5}.coach-bubble .btn{padding:7px 12px;font-size:12.5px;flex:none}@media (max-width: 640px){.coach-bubble{right:8px;left:8px;max-width:none}}.chat-toggle{position:absolute;left:16px;bottom:16px;z-index:46;width:46px;height:46px;border-radius:50%;font-size:20px;background:#0f0608cc;border:1px solid rgba(201,162,75,.5);color:var(--cream);box-shadow:0 8px 22px #00000073}.chat-toggle:hover{border-color:var(--gold)}.chat-unread{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:var(--garance);color:var(--ivory);font-size:11px;font-weight:700;line-height:18px;font-family:var(--sans)}.chat-drawer{position:absolute;left:16px;bottom:72px;z-index:46;width:min(300px,calc(100vw - 32px));height:320px;display:flex;flex-direction:column;background:#120709f0;border:1px solid rgba(201,162,75,.45);border-radius:14px;box-shadow:0 20px 50px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-drawer[hidden]{display:none}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-family:var(--serif);font-style:italic;font-weight:700;font-size:16px;color:var(--gold);border-bottom:1px solid rgba(239,228,204,.12)}.chat-close{background:none;border:none;color:var(--cream-dim);font-size:20px;line-height:1}.chat-close:hover{color:var(--ivory)}.chat-msgs{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.chat-msg{font-size:13px;line-height:1.4}.chat-msg .chat-who{color:var(--gold);font-weight:600;margin-right:6px}.chat-msg.mine .chat-who{color:var(--cream-dim)}.chat-msg .chat-text{color:var(--cream);overflow-wrap:anywhere}.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(239,228,204,.12)}.chat-form input{flex:1;background:#00000059;border:1px solid rgba(239,228,204,.25);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--ivory);font-family:var(--sans)}.chat-form input:focus{border-color:var(--gold);outline:none}.chat-form .btn{padding:8px 14px}.chat-bubble{font-size:13px;font-family:var(--sans);color:var(--felt-dark);max-width:190px;white-space:normal}.toast{position:fixed;bottom:calc(var(--card-w) * 2.2);left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--ivory);font-size:14px;padding:11px 20px;border-radius:10px;border:1px solid rgba(239,228,204,.25);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:60;box-shadow:0 10px 30px #00000080;max-width:min(480px,90vw);text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.error{border-color:var(--garance)}.modal{margin:auto;border:1px solid rgba(201,162,75,.4);border-radius:16px;background:linear-gradient(180deg,#241014,#1a0a0d);color:var(--cream);padding:30px 34px;max-width:min(560px,92vw);box-shadow:0 40px 120px #000000b3}.modal::backdrop{background:#0a0405b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal h3{font-size:27px;font-style:italic;font-weight:800;color:var(--ivory);margin-bottom:16px}.rules-body p{font-size:14.5px;line-height:1.65;margin-bottom:12px;color:var(--cream-dim)}.rules-body strong{color:var(--cream)}.rules-body em{color:var(--gold);font-style:normal}.modal form{margin-top:18px;text-align:center}.modal-result{text-align:center;min-width:min(480px,92vw)}.result-verdict{font-family:var(--serif);font-style:italic;font-weight:900;font-size:40px;line-height:1.1;margin-bottom:2px}.result-verdict.win{color:var(--gold)}.result-verdict.lose{color:var(--garance)}.result-contract{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:20px}.result-count{display:flex;justify-content:center;align-items:baseline;gap:14px;font-family:var(--mono);margin-bottom:6px}.result-count .big{font-size:44px;font-weight:600;color:var(--ivory)}.result-count .vs{font-size:14px;color:var(--cream-dim)}.result-detail{font-size:13.5px;color:var(--cream-dim);line-height:1.7;margin-bottom:18px}.result-detail .bonus{color:var(--gold)}.result-deltas{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.delta-chip{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:10px;background:#0000004d;border:1px solid rgba(239,228,204,.15);min-width:86px}.delta-chip .who{font-size:12px;color:var(--cream-dim)}.delta-chip .val{font-family:var(--mono);font-size:18px;font-weight:600}.delta-chip .val.pos{color:#7fb069}.delta-chip .val.neg{color:#d9705f}.delta-chip .total{font-family:var(--mono);font-size:11px;color:var(--cream-dim)}.modal-scores table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13.5px}.modal-scores th,.modal-scores td{padding:7px 12px;text-align:right;border-bottom:1px solid rgba(239,228,204,.12)}.modal-scores th{font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim)}.modal-scores td:first-child,.modal-scores th:first-child{text-align:left}.modal-scores .pos{color:#7fb069}.modal-scores .neg{color:#d9705f}.modal-scores tfoot td{font-weight:700;color:var(--ivory);border-top:2px solid rgba(201,162,75,.5);border-bottom:none}.modal-lasttrick .lt-cards{display:flex;gap:12px;justify-content:center;margin:8px 0 4px}.modal-lasttrick .lt-card{display:flex;flex-direction:column;align-items:center;gap:6px}.modal-lasttrick .lt-card .card{width:84px}.modal-lasttrick .lt-card span{font-size:12px;color:var(--cream-dim)}.modal-lasttrick .lt-card.winner span{color:var(--gold);font-weight:700}.modal-lasttrick .lt-card.winner .card :is(svg,img){outline:3px solid var(--gold);outline-offset:-3px;border-radius:7px}.hand .card.deal-in{animation:deal-in .5s cubic-bezier(.2,1.2,.35,1) backwards}@keyframes deal-in{0%{transform:translateY(180px) rotate(0) scale(.85);opacity:0}to{transform:rotate(var(--rot)) translateY(var(--lift)) scale(1);opacity:1}}.seat.turn .avatar:after,.me-info.turn .avatar:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,transparent 12%,var(--gold) 50%,transparent 88%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:turn-spin 2.4s linear infinite}@keyframes turn-spin{to{rotate:360deg}}.home-profile{display:flex;flex-direction:column;gap:10px;margin-bottom:26px;padding:12px 20px;border-radius:14px;background:#00000040;border:1px solid rgba(201,162,75,.3);max-width:460px;margin-inline:auto}.home-profile-main{display:flex;align-items:center;gap:14px;justify-content:center}.home-profile-account{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--cream-dim);border-top:1px solid rgba(239,228,204,.12);padding-top:9px}.home-profile-account b{color:var(--gold);font-weight:600}.link-mini{background:none;border:none;color:var(--cream-dim);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:0}.link-mini:hover{color:var(--gold)}.home-challenges{max-width:460px;margin:-12px auto 26px;padding:14px 20px 12px;border-radius:14px;background:#00000040;border:1px solid rgba(201,162,75,.3);text-align:left}.ch-title{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;text-align:center}.ch-row{display:flex;align-items:center;gap:12px;padding:6px 0}.ch-row+.ch-row{border-top:1px solid rgba(239,228,204,.08)}.ch-main{flex:1;display:flex;flex-direction:column;gap:4px}.ch-label{font-size:13px;color:var(--cream)}.ch-bar{display:block;height:4px;border-radius:99px;background:#00000073;overflow:hidden}.ch-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-soft),#D8B45E);border-radius:99px;transition:width .5s ease}.ch-count{font-family:var(--mono);font-size:12px;color:var(--cream-dim);min-width:30px;text-align:right}.ch-reward{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--gold);min-width:62px;text-align:right;white-space:nowrap}.ch-row.done .ch-label{color:var(--cream-dim);text-decoration:line-through}.ch-row.done .ch-reward{color:#7fb069;font-size:15px}.home-season{padding-bottom:14px}.season-row{display:flex;align-items:center;gap:12px}.season-tier{font-size:13px;font-weight:600;color:var(--cream);white-space:nowrap}.season-bar{flex:1}.ch-row[role=button]{cursor:pointer;border-radius:8px}.ch-row[role=button]:hover .ch-label{color:var(--gold)}.avatar{overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatar .badge{z-index:2}.seat-title,.me-title{font-size:10.5px;font-style:italic;color:var(--gold);letter-spacing:.04em}.me-title{font-size:12px;font-weight:400}.shop-grid-avatars{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.shop-card-avatar{padding:14px 10px}.shop-avatar-img{width:84px;height:84px;border-radius:50%;overflow:hidden;margin:0 auto;background:radial-gradient(circle at 50% 30%,#3a1a20,#241014);border:2px solid var(--gold-soft);box-shadow:0 6px 16px #00000073}.shop-avatar-img img{width:100%;height:100%;object-fit:cover}.shop-name-small{font-size:15px}.shop-titles{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.title-row{display:flex;align-items:center;gap:16px;padding:10px 16px;border-radius:12px;background:#00000047;border:1px solid rgba(239,228,204,.14);text-align:left}.title-row.is-active{border-color:var(--gold)}.title-main{flex:1;display:flex;flex-direction:column;gap:2px}.title-name{font-family:var(--serif);font-style:italic;font-weight:800;font-size:17px;color:var(--ivory)}.title-desc{font-size:12px;color:var(--cream-dim)}.title-locked{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim)}.title-row .btn{padding:8px 16px;font-size:13px}.emote-preview{display:flex;gap:6px;font-size:26px;justify-content:center;flex-wrap:wrap}#btn-emotes{padding:5px 10px;font-size:15px}.emote-tray{position:absolute;bottom:46px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px 10px;border-radius:12px;z-index:30;background:#0f0608eb;border:1px solid rgba(201,162,75,.5);box-shadow:0 14px 34px #00000080}.emote-btn{font-size:22px;background:none;border:none;border-radius:8px;padding:4px 6px;transition:transform .12s ease}.emote-btn:hover{transform:scale(1.25)}.emote-btn.locked{opacity:.35;filter:grayscale(1)}.emote-bubble{position:absolute;top:-44px;left:50%;transform:translate(-50%);font-size:30px;z-index:40;background:var(--ivory);border-radius:14px 14px 14px 3px;padding:5px 9px;box-shadow:0 8px 22px #00000073;animation:emote-pop 2.4s cubic-bezier(.2,1.5,.4,1) both}@keyframes emote-pop{0%{transform:translate(-50%) scale(0);opacity:0}10%{transform:translate(-50%) scale(1.1);opacity:1}16%{transform:translate(-50%) scale(1)}82%{opacity:1}to{transform:translate(-50%) scale(.9) translateY(-10px);opacity:0}}.me-info,.shop-card{position:relative}.seasonal-ribbon{position:absolute;top:12px;right:-8px;z-index:2;background:var(--garance);color:var(--ivory);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px 4px 0;box-shadow:0 4px 10px #0006}.shop-card.is-seasonal .shop-fan{filter:saturate(.5) brightness(.75)}.shop-state.seasonal{font-size:12px;color:var(--cream-dim);padding:10px 0}.home-topbar{position:absolute;top:16px;right:20px;z-index:6;display:flex;align-items:center;gap:10px}.topbar-pseudo{font-size:13px;color:var(--cream-dim)}.topbar-pseudo b{color:var(--gold);font-weight:600}.btn-small{padding:9px 16px;font-size:13.5px;border-radius:8px}.shop-page-scroll{flex:1;overflow-y:auto}.shop-page-inner{max-width:900px;margin:0 auto;padding:30px 24px 60px;text-align:center}.shop-title{font-size:40px;font-weight:800;font-style:italic;color:var(--ivory);margin-bottom:10px}.shop-fan{position:relative;height:150px;width:170px;margin:4px auto 10px}.fan-card{position:absolute;width:82px;left:50%;top:4px;border-radius:6px;box-shadow:0 10px 24px #00000080;transition:transform .3s ease}.fan-card :is(svg,img){width:100%;display:block;border-radius:6px;aspect-ratio:200/360;object-fit:cover}.fan-card .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fan-card.f1{transform:translate(-88%) rotate(-12deg)}.fan-card.f2{transform:translate(-50%) translateY(-8px);z-index:2}.fan-card.f3{transform:translate(-8%) rotate(12deg);z-index:3}.shop-card:hover .fan-card.f1{transform:translate(-98%) rotate(-16deg)}.shop-card:hover .fan-card.f2{transform:translate(-50%) translateY(-16px)}.shop-card:hover .fan-card.f3{transform:translate(2%) rotate(16deg)}.modal-account{max-width:min(400px,92vw)}.account-form{display:flex;flex-direction:column;gap:14px;align-items:stretch}.account-form .field{width:100%}.account-form .btn{margin-top:4px}.account-switch{text-align:center;font-size:13px;color:var(--cream-dim);margin:14px 0 4px}.rank-medal{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:900;font-size:20px;background:linear-gradient(160deg,#D8B45E,var(--gold-soft));color:#2a1014;box-shadow:0 3px 10px #00000073,inset 0 1px #fff6}.rank-medal.small{width:22px;height:22px;font-size:12px;display:inline-flex;vertical-align:-5px}.rank-text{display:flex;flex-direction:column;gap:4px;text-align:left;min-width:190px}.rank-name{font-family:var(--serif);font-style:italic;font-weight:800;font-size:18px;color:var(--ivory);line-height:1}.rank-bar{display:block;height:5px;border-radius:99px;background:#00000073;overflow:hidden}.rank-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-soft),#D8B45E);border-radius:99px;transition:width .6s ease}.rank-xp{font-size:11px;color:var(--cream-dim)}.jetons{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--gold);white-space:nowrap}.jeton-ic{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.18em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.bar-profile{display:flex;align-items:center;gap:7px;background:#00000040;border:1px solid rgba(201,162,75,.35);color:var(--gold);border-radius:999px;padding:4px 12px 4px 5px;font-family:var(--mono);font-size:13px;font-weight:600}.bar-profile:hover{border-color:var(--gold)}.modal-shop{max-width:min(760px,94vw)}.shop-sub{font-size:13.5px;color:var(--cream-dim);margin-bottom:14px;line-height:1.5}.shop-wallet{font-size:14px;color:var(--cream);margin-bottom:18px}.shop-wallet strong{color:var(--gold);font-family:var(--mono)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:16px}.shop-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px;border-radius:14px;text-align:center;background:#00000047;border:1px solid rgba(239,228,204,.14)}.shop-card.is-active{border-color:var(--gold);box-shadow:0 0 24px #c9a24b2e}.shop-preview{width:96px;border-radius:7px;overflow:hidden;box-shadow:0 8px 20px #00000080}.shop-preview img,.shop-preview-svg svg{width:100%;display:block;aspect-ratio:200/360;object-fit:cover}.shop-name{font-family:var(--serif);font-style:italic;font-weight:800;font-size:19px;color:var(--ivory)}.shop-desc{font-size:12.5px;color:var(--cream-dim);line-height:1.45;min-height:36px}.shop-state.active{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:10px 0}.shop-card .btn{padding:9px 20px;font-size:14px}.shop-stats{font-size:12px;color:var(--cream-dim);text-align:center;margin-bottom:4px}.result-earn{margin:0 auto 20px;padding:14px 18px;border-radius:12px;max-width:340px;background:#c9a24b14;border:1px solid rgba(201,162,75,.35)}.earn-lines{display:grid;grid-template-columns:1fr auto;gap:4px 18px;font-size:13px;color:var(--cream-dim);margin-bottom:10px}.earn-lines .earn-val{color:var(--gold);font-family:var(--mono)}.earn-total{font-size:20px;color:var(--gold);font-family:var(--mono);font-weight:600}.earn-total .earn-xp{font-size:13px;color:var(--cream-dim)}@media (max-width: 900px){:root{--card-w: clamp(52px, 10vw, 84px)}.seat{width:110px}.pos-4-3,.pos-5-4{left:0}.pos-4-1,.pos-5-1{right:0}.pos-3-2,.pos-5-3{left:4%}.pos-3-1,.pos-5-2{right:4%}.hand .card{margin:0 calc(var(--card-w) * -.32)}}@media (max-width: 640px){:root{--card-w: 58px}.home-title{font-size:64px}.home-cards{height:150px}.bar-brand,.seat .backs{display:none}.trick-card[data-ds="1"]{transform:translate(46px,-2px) rotate(7deg)}.trick-card[data-ds="3"]{transform:translate(-48px,4px) rotate(-8deg)}}@media (max-height: 480px){:root{--card-w: 46px}.hand{padding-bottom:12px}.table-bar{padding:4px 12px}.pos-4-2{top:1%}.me-info{margin-bottom:2px}.action-bar{min-height:40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 640px){.home-layout{padding:54px 18px 12px;gap:10px}#screen-home .eyebrow{display:none}.home-cards{height:84px;margin-bottom:4px}.float-card{width:52px;top:2px}.home-mascot{width:62px;right:2%;bottom:-6px}.home-title{font-size:clamp(34px,10vw,40px)}.home-sub{margin:8px 0 10px;font-size:13.5px;line-height:1.5}.home-sub-2{display:none}.home-form{gap:8px}.field{gap:5px}.field input,.join-group input{padding:9px 14px;font-size:16px}.home-actions{gap:8px}.home-actions .btn{padding:11px 20px;font-size:15px}.create-group{gap:5px}.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px}.link-rules{margin-top:8px;font-size:12.5px}.home-side{width:100%;flex-direction:row;align-items:flex-start;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.home-side>div{flex:0 0 min(300px,84vw);scroll-snap-align:start}.home-side .home-profile,.home-side .home-challenges{padding:8px 12px;margin:0}.home-side .ch-row{padding:3px 0}.home-side .ch-title{margin-bottom:6px}}@media (max-width: 640px) and (max-height: 760px){.home-cards,.home-sub{display:none}.home-title{font-size:32px}.home-layout{padding-top:50px}}.conn-pill{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:60;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ivory);background:#7a211beb;border:1px solid rgba(239,228,204,.35);box-shadow:0 6px 18px #00000073;animation:offline-pulse 2.2s ease-in-out infinite;max-width:calc(100vw - 24px);text-align:center}.conn-pill[hidden]{display:none}