:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}:root{--gold:#c9a14d;--gold-dark:#8a6420;--bg:#14110c;--bg-soft:#1d1810;--fg:#efe6cf;--fg-soft:#b8ab86}.landing{text-align:center;min-height:100svh;color:var(--fg);background:radial-gradient(circle at 50% 28%, var(--bg-soft), var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:2rem;display:flex}.brand h1{letter-spacing:.18em;color:var(--gold);text-shadow:0 2px 30px #c9a14d59;margin:0;font-size:clamp(3rem,13vw,6.5rem);font-weight:700}.tagline{color:var(--fg-soft);margin:.6rem 0 0;font-size:1.15rem;font-style:italic}.actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{font:inherit;cursor:pointer;border:1.5px solid var(--gold-dark);border-radius:8px;padding:.8rem 2.2rem;transition:transform .12s,box-shadow .12s}.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#1a1304;font-weight:700}.btn.ghost{color:var(--fg);background:0 0}.btn.small{padding:.4rem .9rem;font-size:.85rem}.app-home{min-height:100svh;color:var(--fg);background:radial-gradient(circle at 50% 0%, var(--bg-soft), var(--bg) 70%)}.topbar{border-bottom:1px solid #c9a14d40;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.topbar .logo{letter-spacing:.16em;color:var(--gold);font-size:1.3rem;font-weight:700}.topbar-left,.topbar-right{align-items:center;gap:.8rem;display:flex}.user-chip{align-items:center;gap:.7rem;display:flex}.avatar{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#1a1304;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.home-body{text-align:center;padding:4rem 2rem}.modal-backdrop{z-index:10;background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--bg-soft);border:1px solid #c9a14d59;border-radius:12px;width:100%;max-width:380px;padding:1.5rem;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{color:var(--fg-soft);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:.6rem;right:.7rem}.modal-tabs{gap:.5rem;margin-bottom:1.2rem;display:flex}.modal-tabs button{font:inherit;color:var(--fg-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.55rem}.modal-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.auth-form{flex-direction:column;gap:.9rem;display:flex}.auth-form label{color:var(--fg-soft);text-align:left;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.auth-form input{font:inherit;color:var(--fg);background:#00000040;border:1px solid #c9a14d4d;border-radius:6px;padding:.6rem .7rem}.auth-form input:focus{border-color:var(--gold);outline:none}.pw-field{display:flex;position:relative}.pw-field input{flex:1;width:100%;padding-right:2.4rem}.pw-eye{cursor:pointer;opacity:.75;background:0 0;border:none;padding:.2rem;font-size:1.05rem;line-height:1;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.pw-eye:hover{opacity:1}.guest-form{flex-direction:column;gap:.8rem;width:100%;max-width:320px;margin:0 auto;display:flex}.guest-form label{color:var(--fg-soft);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.guest-form input{font:inherit;color:var(--fg);background:#00000040;border:1px solid #c9a14d4d;border-radius:6px;padding:.6rem .7rem}.guest-form input:focus{border-color:var(--gold);outline:none}.guest-alt{text-align:center;color:var(--fg-soft);margin-top:1rem;font-size:.9rem}.link-btn{color:var(--gold);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.form-error{color:#d06a5a;margin:0;font-size:.9rem}.pw-meter{flex-direction:column;gap:.4rem;display:flex}.pw-bars{gap:.3rem;display:flex}.pw-bar{background:#ffffff1f;border-radius:3px;flex:1;height:6px;transition:background .2s}.pw-bars[data-score="1"] .pw-bar.on{background:#d0564a}.pw-bars[data-score="2"] .pw-bar.on{background:#d99a3e}.pw-bars[data-score="3"] .pw-bar.on{background:#c9c04d}.pw-bars[data-score="4"] .pw-bar.on{background:#7bbf6a}.pw-label{color:var(--fg-soft);text-align:left;font-size:.8rem}.pw-issues{color:#d99a3e;text-align:left;margin:0;padding-left:1.1rem;font-size:.8rem}.avatar-img{object-fit:cover;background:0 0;border:1px solid #c9a14d66}.profile-card{flex-direction:column;align-items:center;gap:.8rem;margin:1.5rem auto;display:flex}.profile-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.profile-hint{color:var(--fg-soft);margin:0;font-size:.8rem}.friends-panel{text-align:left;max-width:460px;margin:2rem auto 0}.friends-panel h2{color:var(--gold);letter-spacing:.04em;margin:0 0 .8rem;font-weight:700}.friends-panel h3{color:var(--fg-soft);margin:1.4rem 0 .5rem;font-size:.95rem;font-weight:600}.friends-search{width:100%;font:inherit;color:var(--fg);background:#00000040;border:1px solid #c9a14d4d;border-radius:8px;padding:.6rem .8rem}.friends-search:focus{border-color:var(--gold);outline:none}.friends-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.friends-list li{background:#ffffff0a;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.fp-pseudo{flex:1;font-weight:600}.fp-tag{color:var(--fg-soft);font-size:.8rem;font-style:italic}.fp-empty{color:var(--fg-soft);margin:.4rem 0 0;font-size:.9rem;font-style:italic}.profile-menu{position:relative}.user-chip-btn{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.25rem .6rem .25rem .3rem;transition:background .15s,border-color .15s;display:flex}.user-chip-btn:hover{background:#ffffff0d;border-color:#c9a14d4d}.user-chip-btn .chevron{color:var(--fg-soft);font-size:.8rem}.menu-backdrop{z-index:20;position:fixed;inset:0}.profile-dropdown{z-index:21;background:var(--bg-soft);border:1px solid #c9a14d59;border-radius:12px;width:260px;padding:1rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000080}.dropdown-title{color:var(--gold);margin:0 0 .6rem;font-size:1rem;font-weight:700}.profile-dropdown .profile-card{margin:0}.dropdown-logout{width:100%;margin-top:.9rem}.rt-badge{color:var(--fg-soft);margin:0 0 1.5rem;font-size:.85rem;font-style:italic}.rt-badge.open{color:#7bbf6a}.rt-badge.connecting{color:#d99a3e}.rt-badge.closed{color:#d06a5a}.play-panel{text-align:left;max-width:460px;margin:0 auto 1.5rem}.play-panel h2{color:var(--gold);margin:0 0 .8rem;font-weight:700}.play-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.join-form{gap:.4rem;display:flex}.join-form input{font:inherit;width:7rem;color:var(--fg);letter-spacing:.15em;text-transform:uppercase;background:#00000040;border:1px solid #c9a14d4d;border-radius:8px;padding:.6rem .7rem}.join-form input:focus{border-color:var(--gold);outline:none}.lobby-room{text-align:left;max-width:460px;margin:0 auto}.lobby-head{justify-content:space-between;align-items:flex-start;display:flex}.lobby-head h2{color:var(--gold);margin:0;font-weight:700}.lobby-code{color:var(--fg-soft);margin:.2rem 0 0;font-size:.9rem}.lobby-code strong{color:var(--fg);letter-spacing:.15em}.members{flex-direction:column;gap:.4rem;margin:1rem 0;padding:0;list-style:none;display:flex}.members li{background:#ffffff0a;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.ai-avatar{background:linear-gradient(135deg,#4a5568,#2d3748);width:54px;height:54px;font-size:1.7rem}.empty-seat{color:var(--fg-soft);justify-content:center;font-style:italic;background:0 0!important;border:1px dashed #c9a14d40!important}.add-ai{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.add-ai select{font:inherit;background:var(--bg-soft);color:var(--fg);border:1px solid #c9a14d4d;border-radius:8px;padding:.5rem .6rem}.start-btn{width:100%}.board{--card-w:clamp(44px, calc(1.05vw + 35px), 80px);min-height:100svh;color:var(--fg);background:radial-gradient(circle at 50% 40%,#1c3a2a,#10180f 78%);flex-direction:column;align-items:center;gap:.8rem;padding:.8rem;display:flex}.table{flex:1;width:100%;min-height:0;position:relative}.board-top{border-bottom:1px solid #c9a14d40;justify-content:space-between;align-items:center;width:100%;padding-bottom:.6rem;display:flex}.board-top .logo{color:var(--gold);letter-spacing:.14em;font-weight:700}.board-top-left,.board-top-right{align-items:center;gap:.7rem;display:flex}.turn-indicator{color:#1a1304;background:var(--gold);border-radius:999px;padding:.35rem .9rem;font-size:1.05rem;font-weight:700}.quit-board{white-space:nowrap}.opponents{pointer-events:none;position:absolute;inset:0}.opp{pointer-events:auto;background:#0000004d;border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;min-width:110px;padding:.5rem .9rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.opp.active{border-color:var(--gold);animation:1.1s ease-in-out infinite oppPulse;transform:translate(-50%,-50%)scale(1.1)}@keyframes oppPulse{0%,to{box-shadow:0 0 10px #c9a14d59}50%{box-shadow:0 0 22px #c9a14dd9}}.opp.active:after{content:"🎴 à lui";color:var(--gold);font-size:.9rem}.opp-avatar{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#1a1304;border-radius:50%;place-items:center;width:clamp(34px,3.2vw,52px);height:clamp(34px,3.2vw,52px);font-size:clamp(1rem,1.7vw,1.4rem);font-weight:700;display:grid;overflow:hidden}.opp-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.opp-name{font-size:1.05rem}.opp-count{color:var(--fg-soft);font-size:1rem}.center-area{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.center-cards{gap:.4rem;display:flex}.flyer{pointer-events:none;z-index:40;gap:.4rem;display:flex;position:fixed;transform:translate(-50%,-50%)}.center-empty{color:var(--fg-soft);font-style:italic}.pickup-prompt,.board-actions{flex-direction:column;align-items:center;gap:.6rem;display:flex}.pickup-prompt{border:1px solid var(--gold);background:#0000004d;border-radius:12px;padding:.8rem 1rem}.pickup-cards{gap:.4rem;display:flex}.board-actions{flex-direction:row}.board-error{margin:0}.btn.pari{color:#f3ecff;background:linear-gradient(135deg,#7b4dd1,#4a2a8a);font-weight:700}.pari-badge{color:#d9c7ff;letter-spacing:.02em;background:#7b4dd12e;border:1px solid #9a6cf0;border-radius:999px;align-self:center;margin-bottom:.5rem;padding:.25rem .7rem;font-size:.85rem;font-weight:700}.ambush-hint{text-align:center;color:#d9c7ff;margin:.4rem auto 0;font-size:.9rem}.pari-choice{background:#7b4dd11f;border:1px solid #9a6cf0;border-radius:12px;flex-direction:column;align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex}.pari-choice-title{color:#e7dcff;margin:0;font-weight:700}.pari-choice-cols{flex-wrap:wrap;justify-content:center;gap:1.4rem;display:flex}.pari-choice-col{flex-direction:column;align-items:center;gap:.4rem;display:flex}.pari-choice-col p{color:var(--fg-soft);margin:0;font-size:.85rem}.hand{border:2px solid #c9a14d26;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;max-width:880px;margin:.5rem auto 0;padding:.9rem .8rem;transition:border-color .2s,box-shadow .2s;display:flex}.hand.your-turn{border-color:var(--gold);box-shadow:0 0 22px -4px #c9a14d73}.hand-controls{justify-content:center;margin-top:.4rem;display:flex}.sort-toggle{font:inherit;color:var(--fg-soft);cursor:pointer;background:#00000040;border:1px solid #c9a14d4d;border-radius:999px;padding:.3rem .8rem;font-size:.8rem}.sort-toggle:hover{color:var(--fg);border-color:var(--gold)}.standings{z-index:5;background:#0006;border:1px solid #c9a14d4d;border-radius:12px;width:clamp(180px,18vw,260px);padding:.8rem 1rem;position:fixed;top:64px;right:12px}.standings-head{margin-bottom:.5rem}.standings h3{color:var(--gold);margin:0;font-size:1.15rem;font-weight:700}.manche-badge{color:var(--fg-soft);font-size:.9rem;display:block}.standings ol{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.standings li{border-radius:6px;justify-content:space-between;gap:.5rem;padding:.2rem .45rem;font-size:1.05rem;display:flex}.standings li.me{color:var(--gold);background:#c9a14d2e;font-weight:700}.st-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-score{font-variant-numeric:tabular-nums}.st-hint{color:var(--fg-soft);margin:.5rem 0 0;font-size:.88rem;font-style:italic}.pcard{width:var(--card-w,64px);height:calc(var(--card-w,64px) * 1.4);font-size:var(--card-w,64px);border-radius:calc(var(--card-w,64px) * .1);background:#fdfbf3;border:1px solid #b3a878;flex:none;font-family:Georgia,serif;transition:transform .12s,box-shadow .12s;position:relative}.pcard.small{width:38px;height:54px;font-size:38px}.pcard .r{font-size:.27em;font-weight:700;position:absolute;top:.07em;left:.1em}.pcard .s{font-size:.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pcard.red{color:#b03030}.pcard.black{color:#1a1a1a}.pcard.joker{color:#fff5d6;background:linear-gradient(135deg,#c9a14d,#8a6420);border-color:#6c5424}.pcard.clickable{cursor:pointer}.pcard.clickable:hover{transform:translateY(-.13em)}.pcard.selected{border-color:var(--gold);outline:2px solid var(--gold);transform:translateY(-.24em);box-shadow:0 6px 16px #00000080}.pcard.disabled{opacity:.4;cursor:default}.over-overlay{z-index:30;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.over-card{background:var(--bg-soft);border:1px solid var(--gold);text-align:center;border-radius:14px;min-width:280px;padding:1.6rem 2rem}.over-card h2{color:var(--gold);margin:0 0 .4rem}.over-winner{margin:0 0 1rem}.over-scores{flex-direction:column;gap:.35rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.over-scores li{background:#ffffff0d;border-radius:6px;justify-content:space-between;gap:1.5rem;padding:.3rem .6rem;display:flex}.over-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.chat-dock{z-index:6;width:clamp(190px,19vw,270px);position:fixed;bottom:12px;right:12px}.lobby-chat{margin-top:1.4rem}.chat{background:#0006;border:1px solid #c9a14d4d;border-radius:12px;flex-direction:column;gap:.4rem;padding:.6rem .7rem;display:flex}.chat-title{color:var(--gold);margin:0;font-size:.85rem;font-weight:700}.chat-messages{flex-direction:column;gap:.2rem;min-height:90px;max-height:34vh;padding-right:2px;font-size:.85rem;display:flex;overflow-y:auto}.chat-empty{color:var(--fg-soft);margin:0;font-style:italic}.chat-msg{word-break:break-word;text-align:left;margin:0}.chat-msg.sys{color:var(--gold);font-style:italic}.chat-from{color:var(--fg-soft);font-weight:700}.chat-form{gap:.4rem;display:flex}.chat-form input{min-width:0;font:inherit;color:var(--fg);background:#00000040;border:1px solid #c9a14d4d;border-radius:8px;flex:1;padding:.4rem .5rem;font-size:.85rem}.chat-form input:focus{border-color:var(--gold);outline:none}.rules-btn{white-space:nowrap}.rl-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080603c7;justify-content:center;align-items:center;padding:2.5vh 3vw;display:flex;position:fixed;inset:0}.rl-sheet{background:linear-gradient(180deg, var(--bg-soft), #161009);border:1px solid #c9a14d73;border-radius:14px;flex-direction:column;width:min(820px,100%);max-height:95vh;display:flex;position:relative;box-shadow:0 24px 70px #0009}.rl-close{z-index:2;width:34px;height:34px;color:var(--fg);cursor:pointer;background:#00000073;border:1px solid #c9a14d73;border-radius:50%;font-size:1rem;transition:background .12s,transform .12s;position:absolute;top:10px;right:12px}.rl-close:hover{background:var(--gold);color:#1a1304;transform:rotate(90deg)}.rl-scroll{color:var(--fg);text-align:left;padding:2.2rem clamp(1.2rem,3.5vw,3rem) 2rem;line-height:1.5;overflow-y:auto}.rl-scroll::-webkit-scrollbar{width:10px}.rl-scroll::-webkit-scrollbar-thumb{background:#c9a14d66;border-radius:6px}.rl-title{text-align:center;letter-spacing:.18em;color:var(--gold);text-shadow:0 2px 24px #c9a14d4d;margin:0;font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.rl-subtitle{text-align:center;color:var(--fg-soft);letter-spacing:.18em;margin:.2rem 0 0;font-size:.8rem}.rl-intro{text-align:center;max-width:38rem;color:var(--fg-soft);margin:1rem auto 1.4rem;font-style:italic}.rl-scroll h2.rl-h2{color:var(--gold);letter-spacing:.06em;border-bottom:1px solid #c9a14d66;align-items:center;gap:.6rem;margin:1.8rem 0 .7rem;padding-bottom:.35rem;font-size:1.2rem;font-weight:700;display:flex}.rl-num{border:1.5px solid var(--gold);width:1.7rem;height:1.7rem;color:var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.rl-h3{color:var(--gold-dark);letter-spacing:.07em;text-transform:uppercase;filter:brightness(1.45);margin:1.1rem 0 .3rem;font-size:.92rem;font-weight:700}.rl-scroll p{margin:.45rem 0}.rl-scroll ul,.rl-scroll ol{margin:.45rem 0;padding-left:1.3rem}.rl-scroll li{margin:.3rem 0}.rl-note{color:var(--fg-soft);font-size:.85rem;font-style:italic}.rl-brief{border-left:3px solid var(--gold);background:#c9a14d14;border-radius:0 10px 10px 0;margin:1rem 0 1.4rem;padding:.8rem 1.1rem}.rl-brief h3{color:var(--gold);letter-spacing:.06em;margin:0 0 .4rem}.rl-brief ul{margin:0}.rl-callout{border-left:3px solid var(--gold);color:var(--fg-soft);background:#c9a14d14;border-radius:0 8px 8px 0;margin:.8rem 0;padding:.6rem .9rem;font-size:.9rem}.rl-callout.warn{background:#b0484824;border-left-color:#c96a6a}.rl-callout strong{color:var(--fg)}.rl-card{vertical-align:middle;background:#f7f2e4;border:1px solid #b3a878;border-radius:4px;flex:none;width:1.6rem;height:2.3rem;font-family:Georgia,serif;display:inline-flex;position:relative}.rl-card .rl-rank{font-size:.6rem;font-weight:700;position:absolute;top:1px;left:3px}.rl-card .rl-suit{font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rl-card.red{color:#b03030}.rl-card.black{color:#1a1a1a}.rl-card.joker{color:#fff5d6;background:linear-gradient(135deg,#d9b563,#8a6420);border-color:#6c5424}.rl-ex{vertical-align:middle;gap:3px;margin:0 .2rem;display:inline-flex}.rl-scale{gap:3px;margin:1rem 0 .3rem;display:flex}.rl-scale-cell{flex-direction:column;flex:1 1 0;align-items:center;gap:.2rem;min-width:0;display:flex}.rl-scale-cell .rl-card{width:100%;max-width:2rem;height:2.6rem}.rl-scale-val{color:var(--gold);font-size:.7rem;font-weight:700}.rl-ruler{color:var(--gold);justify-content:space-between;align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:.78rem;font-style:italic;display:flex}.rl-ruler-line{text-align:center;letter-spacing:-.12em;color:#c9a14d99;flex:1;overflow:hidden}.rl-hierarchy{justify-content:center;align-items:center;gap:.7rem;margin:.7rem 0;display:flex}.rl-fam{border:1.5px solid var(--gold);color:var(--gold);letter-spacing:.1em;border-radius:6px;padding:.3rem .9rem;font-size:.85rem;font-weight:700}.rl-arrow{color:var(--gold);font-size:1.1rem}.rl-table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.88rem}.rl-table th{text-align:left;color:var(--gold);letter-spacing:.05em;background:#c9a14d1f;border-bottom:1.5px solid #c9a14d80;padding:.5rem .7rem;font-size:.82rem}.rl-table td{border-bottom:1px solid #c9a14d2e;padding:.45rem .7rem}.rl-num-col{text-align:right;font-variant-numeric:tabular-nums}.rl-mnemo{background:#c9a14d1a;border:1px solid #c9a14d59;border-radius:10px;margin:1.6rem 0 .5rem;padding:1rem 1.2rem}.rl-mnemo h3{color:var(--gold);letter-spacing:.06em;margin:0 0 .5rem}.rl-mnemo p{font-size:.9rem}.rl-footer{text-align:center;color:var(--fg-soft);border-top:1px solid #c9a14d40;margin:1.6rem 0 0;padding-top:.8rem;font-size:.78rem;font-style:italic}