:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-width:320px;min-height:100%}#root{width:100%;min-height:100vh}:root{--cream: #fff8e7;--muted: #b8c8bf;--felt: #08704d;--felt-dark: #034631;--night: #061914;--panel: rgba(4, 29, 23, .91);--panel-soft: rgba(255, 255, 255, .075);--gold: #f2c557;--gold-bright: #ffe294;--red: #ff7b70;color:var(--cream);background:var(--night)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,rgba(28,111,80,.48),transparent 42%),linear-gradient(145deg,#071c17,#020b09 75%)}button,select{font:inherit}button{color:var(--cream);border:1px solid rgba(255,255,255,.16);background:#ffffff13;border-radius:9px;padding:.58rem .78rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}button:hover:not(:disabled){border-color:var(--gold);background:#ffffff21}button:focus-visible,select:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}select{color:var(--cream);background:#174d3d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem}.app-shell{width:100%;min-height:100vh;margin:0;padding:.45rem}.topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .8rem}h1,h2,p{margin-top:0}h1{margin:0;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,2.8rem);line-height:.85;letter-spacing:-.055em;text-shadow:0 2px 14px rgba(242,197,87,.2)}h2{margin-bottom:0;font-size:1rem}.eyebrow{margin-bottom:.22rem;color:var(--muted);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.new-game-controls,.button-row,.sort-controls{display:flex;align-items:end;gap:.45rem;flex-wrap:wrap}.new-game-controls label{display:grid;gap:.12rem;color:var(--muted);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.gold-button{color:#2c2100;background:linear-gradient(#ffe18a,var(--gold));border-color:#ffeeb1;font-weight:900;box-shadow:0 4px 14px #0003}.gold-button:hover:not(:disabled){color:#201800;background:linear-gradient(#ffedb1,#ffd35f);transform:translateY(-1px)}.home-shell{position:relative;isolation:isolate;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 1.4rem;display:flex;flex-direction:column}.home-shell:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 50% 18%,rgba(17,119,82,.3),transparent 34%),radial-gradient(circle at 8% 80%,rgba(242,197,87,.08),transparent 25%);pointer-events:none}.home-nav{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-brand{display:flex;align-items:center;gap:.65rem;padding:.25rem;border:0;background:transparent}.home-brand:hover:not(:disabled){border-color:transparent;background:transparent}.home-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#2d2200;background:var(--gold);box-shadow:0 5px 18px #f2c55742;font:900 .8rem/1 Georgia,serif}.home-brand strong{color:var(--gold);font:800 1.35rem/1 Georgia,serif;letter-spacing:-.035em}.settings-button{display:flex;align-items:center;gap:.42rem;color:var(--muted)}.settings-button>span{color:var(--gold);font-size:1rem}.home-content{flex:1;display:grid;align-content:center;gap:clamp(2.1rem,6vh,4.3rem);padding:clamp(2rem,7vh,5rem) 0 3rem}.home-hero{position:relative;width:min(730px,100%);margin:0 auto;text-align:center}.home-hero h1{font-size:clamp(4.8rem,13vw,8.8rem);line-height:.78;text-shadow:0 5px 35px rgba(242,197,87,.2)}.home-tagline{width:min(560px,100%);margin:1.6rem auto 0;color:#d3ded8;font-size:clamp(.95rem,2vw,1.12rem);line-height:1.55}.home-suits{position:absolute;inset:-26px -10px auto;height:130px;opacity:.2;pointer-events:none}.home-suits i{position:absolute;display:block;width:18px;height:24px;border-radius:5px;border:1px solid var(--gold);transform:rotate(14deg)}.home-suits i:nth-child(1){left:4%;top:46%;transform:rotate(-24deg)}.home-suits i:nth-child(2){left:22%;top:3%;transform:rotate(13deg)}.home-suits i:nth-child(3){right:21%;top:7%;transform:rotate(-12deg)}.home-suits i:nth-child(4){right:3%;top:52%;transform:rotate(27deg)}.mode-section{width:100%}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.home-section-heading h2{font:700 clamp(1.25rem,3vw,1.65rem)/1.1 Georgia,serif}.home-section-heading>span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.mode-card{position:relative;min-height:174px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.9rem;padding:1.15rem;overflow:hidden;border-color:#ffffff21;border-radius:20px;text-align:left;background:linear-gradient(145deg,#0a4231ed,#032019f2);box-shadow:0 16px 42px #00000040}.mode-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:125px;height:125px;border-radius:50%;background:#f2c5570f;transition:transform .25s ease}.mode-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 22px 48px #00000057}.mode-card:hover:not(:disabled):after{transform:scale(1.3)}.mode-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#302300;background:var(--gold);font-size:1.3rem;font-weight:950;box-shadow:0 8px 20px #f2c55729}.mode-icon svg{width:24px;height:24px}.mode-copy{display:grid;gap:.36rem}.mode-copy small{color:var(--gold-bright);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.mode-copy strong{font:750 1.13rem/1.15 Georgia,serif}.mode-copy>span{color:var(--muted);font-size:.76rem;line-height:1.45}.mode-arrow{align-self:center;color:var(--gold);font-size:1.3rem;transition:transform .18s ease}.mode-card:hover .mode-arrow{transform:translate(4px)}.home-footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);color:#b8c8bf8f;font-size:.65rem;letter-spacing:.06em}.setup-shell{flex:1;display:grid;place-items:center;align-content:center;gap:1.2rem;padding:2.5rem 0 4rem}.back-button{justify-self:start;border-color:transparent;color:var(--muted);background:transparent}.setup-card{width:min(570px,100%);padding:clamp(1.5rem,5vw,2.7rem);border:1px solid rgba(242,197,87,.24);border-radius:28px;text-align:center;background:linear-gradient(145deg,#084532f7,#031f18fa);box-shadow:0 28px 80px #00000061}.setup-card h1{margin:.35rem 0 1rem;font-size:clamp(2.5rem,8vw,4rem);line-height:.9}.setup-card>p:not(.eyebrow){width:min(440px,100%);margin:0 auto 1.6rem;color:var(--muted);line-height:1.55}.setup-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto .85rem;border-radius:17px;color:#302300;background:var(--gold);font-size:1.45rem;font-weight:950;box-shadow:0 10px 24px #f2c55733}.setup-icon svg{width:28px;height:28px}.bot-picker{margin:0 0 1.3rem;padding:0;border:0}.bot-picker legend{margin:0 auto .65rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.bot-picker{display:flex;justify-content:center;gap:.55rem}.bot-picker button{min-width:78px;display:grid;gap:.1rem;padding:.65rem .8rem}.bot-picker button strong{font-size:1.25rem}.bot-picker button span{color:var(--muted);font-size:.65rem}.bot-picker button[aria-pressed=true]{color:#302300;border-color:var(--gold-bright);background:var(--gold);transform:translateY(-2px);box-shadow:0 7px 20px #f2c55733}.bot-picker button[aria-pressed=true] span{color:#57440e}.table-preview{position:relative;width:min(300px,100%);height:165px;margin:0 auto 1.4rem;border:6px solid #624225;border-radius:70px;background:radial-gradient(circle,rgba(27,145,99,.52),transparent 68%),#074c36;box-shadow:inset 0 0 30px #00000038}.table-preview>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f2c55766;font:900 1.35rem/1 Georgia,serif}.preview-seat{position:absolute;display:grid;place-items:center;width:42px;height:30px;border-radius:999px;color:#2d2200;background:var(--gold);font-size:.62rem;font-weight:950;box-shadow:0 5px 12px #0000004d}.preview-seat.you{left:50%;bottom:-10px;transform:translate(-50%)}.bots-1 .bot-1{left:50%;top:-10px;transform:translate(-50%)}.bots-2 .bot-1{left:21%;top:-9px}.bots-2 .bot-2{right:21%;top:-9px}.bots-3 .bot-1{left:50%;top:-10px;transform:translate(-50%)}.bots-3 .bot-2{left:-12px;top:50%;transform:translateY(-50%)}.bots-3 .bot-3{right:-12px;top:50%;transform:translateY(-50%)}.friend-table-preview{width:min(360px,calc(100% - 64px));height:178px;margin:.7rem auto 1.25rem}.friend-table-preview .preview-count{position:absolute;left:50%;top:calc(50% + 24px);transform:translate(-50%);color:#e1ece69e;font-size:.58rem;font-weight:800;letter-spacing:.05em;white-space:nowrap}.friend-preview-seat{position:absolute;z-index:2;min-width:98px;max-width:138px;min-height:44px;display:flex;align-items:center;gap:.38rem;padding:.3rem .48rem .3rem .32rem;border:1px solid rgba(242,197,87,.72);border-radius:999px;color:var(--cream);background:#073426;box-shadow:0 6px 16px #00000052}.friend-preview-seat>b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;color:#302300;background:var(--gold);font-size:.64rem}.friend-preview-seat>span{min-width:0;display:grid;gap:.05rem;text-align:left}.friend-preview-seat strong{overflow:hidden;color:inherit;font-size:.66rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.friend-preview-seat small{overflow:hidden;color:var(--muted);font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.friend-preview-seat.you{left:50%;bottom:-17px;transform:translate(-50%);color:#302300;border-color:var(--gold-bright);background:var(--gold)}.friend-preview-seat.you>b{border:1px solid rgba(48,35,0,.28);background:#ffe18a}.friend-preview-seat.you small{color:#665118}.friend-preview-seat.empty{opacity:.68;border-style:dashed}.friend-preview-seat.empty>b{color:var(--muted);background:#ffffff1a}.preview-seat-remove{position:absolute;right:-7px;top:-8px;width:22px;height:22px;display:grid;place-items:center;padding:0;border-color:#ffffffb3;border-radius:50%;color:#fff;background:#a83a2f;font:900 .85rem/1 system-ui,sans-serif;box-shadow:0 4px 9px #00000059}.preview-seat-remove:hover:not(:disabled){color:#fff;background:#d14b3d;transform:scale(1.08)}.lobby-size-2 .preview-position-1,.lobby-size-4 .preview-position-1{left:50%;top:-17px;transform:translate(-50%)}.lobby-size-3 .preview-position-1{left:12%;top:-15px}.lobby-size-3 .preview-position-2{right:12%;top:-15px}.lobby-size-4 .preview-position-2{left:-38px;top:50%;transform:translateY(-50%)}.lobby-size-4 .preview-position-3{right:-38px;top:50%;transform:translateY(-50%)}.start-game-button{width:100%;min-height:50px;font-size:.95rem}.future-status{display:flex;justify-content:space-between;gap:1rem;margin:1.2rem 0;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:13px;color:var(--muted);background:#00000029;font-size:.75rem}.future-status strong{color:var(--gold)}.friend-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.friends-lobby{width:min(680px,100%)}.friend-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.friend-choice-grid button{min-height:105px;display:grid;place-content:center;gap:.35rem;padding:1rem;border-radius:16px}.friend-choice-grid button strong{color:var(--gold-bright);font:750 1.03rem/1.1 Georgia,serif}.friend-choice-grid button span{color:var(--muted);font-size:.69rem}.friend-choice-name{display:grid;gap:.35rem;margin-bottom:.75rem;color:var(--muted);font-size:.68rem;font-weight:850;text-align:left;text-transform:uppercase;letter-spacing:.09em}.friend-choice-name input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:var(--cream);background:#092c22;font:inherit;outline:none;text-transform:none;letter-spacing:normal;transition:border-color .15s ease,box-shadow .15s ease}.friend-choice-name input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2c55721}.friend-choice-name input::placeholder{color:#b8c8bf7a}.friend-form{display:grid;gap:.9rem;text-align:left}.friend-form h1{margin-bottom:0;text-align:center}.friend-form>p{margin:0 auto .45rem;color:var(--muted);text-align:center;line-height:1.5}.friend-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.friend-form input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:var(--cream);background:#092c22;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.friend-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2c55721}.friend-form input::placeholder{color:#b8c8bf7a}.invite-code-input{text-align:center;font-weight:950!important;letter-spacing:.22em;text-transform:uppercase}.friend-size-picker{display:flex;justify-content:center;gap:.5rem;margin:0;padding:0;border:0}.friend-size-picker legend{width:100%;margin-bottom:.4rem;color:var(--muted);font-size:.68rem;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.09em}.friend-size-picker button{min-width:60px}.friend-size-picker button[aria-pressed=true]{color:#302300;border-color:var(--gold-bright);background:var(--gold);box-shadow:0 7px 18px #f2c5572e}.turn-time-field{min-width:0;margin:0;padding:0;border:0}.turn-time-field>legend{margin-bottom:.35rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.turn-time-picker{position:relative;z-index:5}.turn-time-picker summary{display:flex;min-height:49px;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:var(--cream);background:linear-gradient(145deg,#0b3529,#07291f);box-shadow:inset 0 1px #ffffff09;cursor:pointer;list-style:none;font-size:.82rem;font-weight:800;transition:border-color .16s ease,box-shadow .16s ease,border-radius .16s ease}.turn-time-picker summary::-webkit-details-marker{display:none}.turn-time-picker summary span{width:9px;height:9px;border-right:2px solid var(--gold-bright);border-bottom:2px solid var(--gold-bright);transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.turn-time-picker[open] summary{border-color:var(--gold);border-radius:12px 12px 5px 5px;box-shadow:0 0 0 3px #f2c5571c,inset 0 1px #ffffff0d}.turn-time-picker[open] summary span{transform:rotate(225deg) translate(-2px,-2px)}.turn-time-picker summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.turn-time-options{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;display:grid;gap:3px;padding:.38rem;border:1px solid rgba(242,197,87,.42);border-radius:10px;background:#05251cfb;box-shadow:0 18px 35px #0000006b;animation:turn-options-in .14s ease-out}.turn-time-options button{display:flex;min-height:39px;align-items:center;justify-content:space-between;width:100%;padding:.55rem .65rem;border:0;border-radius:7px;color:var(--cream);background:transparent;box-shadow:none;text-align:left}.turn-time-options button:hover,.turn-time-options button:focus-visible{color:var(--cream);background:#f2c55721;transform:none}.turn-time-options button[aria-selected=true]{color:#2f2506;background:linear-gradient(135deg,var(--gold-bright),var(--gold))}.turn-time-options button i{font-style:normal;font-size:.9rem}@keyframes turn-options-in{0%{opacity:0;transform:translateY(-5px) scale(.99)}}.scoring-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;border:0}.scoring-mode-picker legend{width:100%;margin-bottom:.35rem;color:var(--muted);font-size:.68rem;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.09em}.scoring-mode-picker button{display:grid;gap:.2rem;padding:.7rem;text-align:left}.scoring-mode-picker button strong{font-size:.78rem}.scoring-mode-picker button span{color:var(--muted);font-size:.6rem;line-height:1.35}.scoring-mode-picker button[aria-pressed=true]{color:#302300;border-color:var(--gold-bright);background:var(--gold)}.scoring-mode-picker button[aria-pressed=true] span{color:#58440e}.friend-error{margin:0!important;padding:.7rem .8rem;border:1px solid rgba(255,123,112,.45);border-radius:10px;color:#ffd1cc!important;background:#7318158c;text-align:center!important;font-size:.72rem}.friend-lobby h1{margin-bottom:1.1rem}.invite-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .8rem;margin-bottom:1rem;padding:.9rem 1rem;border:1px solid rgba(242,197,87,.22);border-radius:15px;text-align:left;background:#0003}.invite-panel>span{color:var(--muted);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.invite-panel>strong{grid-column:1;color:var(--gold-bright);font:900 1.65rem/1 monospace;letter-spacing:.16em}.invite-panel>button{grid-column:2;grid-row:1 / 3}.lobby-heading{display:flex;justify-content:space-between;gap:1rem;margin:.8rem .15rem .5rem;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.lobby-heading strong{color:var(--gold)}.lobby-rule{display:flex;justify-content:space-between;gap:1rem;margin:-.35rem 0 .9rem;padding:.55rem .75rem;border-radius:10px;color:var(--muted);background:#00000024;font-size:.72rem}.lobby-rule strong{color:var(--cream)}.lobby-settings-editor{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:.65rem;margin:-.2rem 0 .9rem;padding:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#00000021}.lobby-settings-editor legend{text-align:left}.lobby-scoring-picker{gap:.35rem}.lobby-scoring-picker button{min-height:49px;padding:.5rem .58rem}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.lobby-seat{min-height:68px;display:flex;align-items:center;gap:.65rem;padding:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:13px;text-align:left;background:#ffffff0d}.lobby-seat>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;color:#302300;background:var(--gold);font-size:.72rem;font-weight:950}.lobby-seat>div{display:grid;gap:.14rem;min-width:0}.lobby-seat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-seat small{color:var(--muted);font-size:.63rem}.lobby-seat em{color:var(--gold-bright);font-size:.64rem;font-style:normal;font-weight:850}.lobby-seat.empty{opacity:.58;border-style:dashed}.lobby-seat.empty>span{color:var(--muted);background:#ffffff14}.lobby-controls{display:grid;grid-template-columns:1fr 1.45fr;gap:.55rem;margin-top:1rem}.waiting-host{margin:1rem 0 0!important;padding:.8rem;border-radius:11px;color:var(--muted)!important;background:#00000029;font-size:.74rem}.multiplayer-next{display:grid;gap:.28rem;margin-top:1rem;padding:.9rem;border:1px solid rgba(242,197,87,.22);border-radius:12px;color:var(--gold-bright);background:#f2c55714}.multiplayer-next span{color:var(--muted);font-size:.69rem;line-height:1.4}.friends-playing{width:min(1180px,100%);padding:.75rem}.friends-playing>.setup-icon,.friends-playing>.eyebrow{display:none}.friend-game{text-align:left}.friend-game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .35rem .7rem}.friend-game-header h1{margin:0;font-size:2.25rem}.friend-game-header>div:last-child{display:flex;align-items:center;gap:.55rem}.friend-game-header>div:last-child>span{color:var(--gold-bright);font-size:.74rem;font-weight:850}.friend-turn-status{display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem;padding:.62rem .8rem;border:1px solid rgba(242,197,87,.24);border-radius:11px;background:#0003}.friend-turn-status strong{color:var(--gold-bright)}.friend-turn-status span{padding-left:.7rem;border-left:1px solid rgba(255,255,255,.13);color:var(--muted);font-size:.72rem}.friend-game-table{display:grid;gap:.5rem;padding:.55rem;overflow:hidden;border:7px solid #603d20;border-radius:28px;background:radial-gradient(ellipse at center,rgba(18,136,91,.48),transparent 66%),var(--felt-dark);box-shadow:inset 0 0 55px #0000002e}.friend-opponents{min-height:58px;display:flex;justify-content:center;gap:.45rem;overflow-x:auto}.friend-player{min-width:155px;display:flex;align-items:center;gap:.55rem;padding:.48rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#00000040}.friend-player.current{border-color:var(--gold);box-shadow:0 0 0 3px #f2c5571f}.friend-player>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#2d2200;background:var(--gold);font-weight:950}.friend-player>div{display:grid;gap:.15rem}.friend-player small{color:var(--muted);font-size:.61rem}.friend-table-center{min-height:245px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:.55rem}.friend-piles{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.friend-piles>button{position:relative;min-width:0;display:grid;place-items:center;align-content:center;gap:.28rem;padding:.35rem;border-style:dashed;background:#00000029}.friend-piles>button>span:first-child{color:var(--gold-bright);font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.friend-piles .playing-card{width:58px}.friend-piles>button>strong{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;color:#302300;background:var(--gold);font-size:.62rem}.friend-piles i{color:var(--muted);font-size:.66rem}.friend-meld-board{min-width:0;padding:.5rem;overflow:auto;border-radius:16px;background:#00000026}.friend-meld-board>p{margin:2.8rem 0 0;color:var(--muted);text-align:center;font-size:.74rem}.friend-meld-grid{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.25rem}.friend-meld-grid>button{min-width:205px;display:grid;gap:.32rem;padding:.48rem;text-align:left}.friend-meld-grid>button.selected{border-color:var(--gold);box-shadow:0 0 0 3px #f2c55724}.friend-meld-grid>button>span{color:var(--gold-bright);font-size:.61rem;font-weight:900}.friend-meld-grid>button>div{display:flex}.friend-meld-grid .playing-card.small+.playing-card.small{margin-left:-20px}.friend-meld-grid>button>small{color:var(--muted)}.friend-action-bar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .7rem;border-radius:13px;background:#00000045}.friend-action-bar>p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}.friend-action-bar>div{display:flex;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.friend-action-bar button{padding:.45rem .58rem;font-size:.68rem}.friend-own-hand{min-width:0;padding:.45rem .4rem .15rem}.friend-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.friend-hand-heading h2{margin:0}.friend-hand-heading>div:last-child{display:flex;gap:.3rem}.friend-hand-heading button{padding:.32rem .48rem;font-size:.62rem}.friend-hand-heading button[aria-pressed=true]{color:#302300;background:var(--gold)}.friend-drafts{display:flex;gap:.35rem;margin-top:.35rem;overflow-x:auto}.friend-drafts button{padding:.3rem .42rem;color:var(--gold-bright);font-size:.59rem}.friend-hand-cards{display:flex;justify-content:center;align-items:flex-end;min-width:0;padding:.8rem 1.5rem .1rem;overflow-x:auto;overflow-y:hidden}.friend-hand-cards .playing-card+.playing-card{margin-left:-29px}.friend-hand-cards .playing-card:disabled{opacity:1;cursor:default;filter:saturate(.86) brightness(.94)}.settings-preview{display:grid;gap:.55rem;text-align:left}.settings-preview>span{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:13px;background:#ffffff0f}.settings-preview small{color:var(--muted)}.session-mode{align-self:center;padding:.42rem .65rem;border-radius:999px;color:var(--gold-bright);background:#f2c5571a;font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.status-strip{min-height:39px;display:flex;align-items:center;gap:.75rem;margin:.35rem 0 .55rem;padding:.48rem .8rem;border:1px solid rgba(242,197,87,.22);border-radius:10px;background:#031813d1;box-shadow:0 8px 24px #0000002e}.status-strip strong{color:var(--gold-bright)}.turn-clock{min-width:3.2rem;color:var(--gold-bright);font-variant-numeric:tabular-nums;text-align:right}.turn-clock.urgent{color:#ff8b74;animation:timer-urgent .8s ease-in-out infinite alternate}@keyframes timer-urgent{to{opacity:.55}}.status-strip span{padding-left:.75rem;border-left:1px solid rgba(255,255,255,.14);color:var(--muted);font-size:.76rem;font-weight:750;letter-spacing:.05em}.error-banner,.burn-banner{position:relative;z-index:10;margin-bottom:.55rem;border-radius:11px;padding:.7rem .9rem;font-weight:750}.error-banner{color:#ffd6d2;background:#811614f0;border:1px solid var(--red)}.burn-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff0b8;background:#734300f2;border:1px solid var(--gold);animation:burn-arrival .55s ease-out}.burn-banner>div:first-child{display:grid;gap:.2rem}.burn-banner span{color:#f7df9d;font-size:.78rem}.burned-cards{display:flex;gap:.2rem;flex-wrap:wrap;justify-content:flex-end}@keyframes burn-arrival{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}.game-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;align-items:stretch}.table-shell{position:relative;min-width:0;min-height:calc(100dvh - 76px);display:grid;grid-template-rows:auto minmax(210px,1fr) auto;gap:.48rem;padding:.75rem .85rem .65rem;overflow:hidden;border:9px solid #603d20;border-radius:30px;background:radial-gradient(ellipse at center,rgba(18,136,91,.55),transparent 64%),repeating-linear-gradient(34deg,rgba(255,255,255,.015) 0 1px,transparent 1px 5px),var(--felt-dark);box-shadow:inset 0 0 0 2px #ffde9e3d,inset 0 0 80px #00000052,0 16px 50px #0006}.table-shell:after{content:"CARD51";position:absolute;inset:47% auto auto 50%;transform:translate(-50%,-50%);color:#ffffff09;font:900 clamp(3rem,8vw,7rem)/1 Georgia,serif;letter-spacing:-.06em;pointer-events:none}.opponents{position:relative;z-index:1;display:flex;justify-content:space-evenly;gap:.5rem;min-height:68px;padding:0 clamp(.5rem,6vw,5rem)}.player-chip{min-width:154px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:.52rem;padding:.5rem .62rem;border-radius:18px;background:#011c15cc;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px #0000003b}.player-chip.current{border-color:var(--gold);box-shadow:0 0 0 3px #f2c55726,0 8px 22px #0000004d}.opponent-turn-timer{grid-column:1 / -1;height:4px;margin:-.08rem .1rem 0;overflow:hidden;border-radius:999px;background:#0000006b;box-shadow:inset 0 1px 2px #0006}.opponent-turn-timer i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dca927,#ffe79a);box-shadow:0 0 8px #ffd55c99;transform:scaleX(var(--turn-progress));transform-origin:left center;transition:transform .25s linear,background .2s ease}.opponent-turn-timer.urgent{height:5px;background:#420804a6;animation:timer-bar-alert .8s ease-in-out infinite alternate}.opponent-turn-timer.urgent i{background:linear-gradient(90deg,#d83728,#ff9b74);box-shadow:0 0 10px #ff4a36bf}.player-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#302200;background:linear-gradient(145deg,#ffe697,#dba932);border:2px solid rgba(255,255,255,.55);font-size:.68rem;font-weight:950;box-shadow:0 4px 12px #00000047}.player-copy{min-width:0;display:grid;gap:.04rem}.player-copy>span{font-size:.75rem;font-weight:850;white-space:nowrap}.seat-score{margin-left:.35rem;padding:.08rem .3rem;border-radius:999px;color:#332500;background:var(--gold);font-size:.55rem}.player-copy strong{color:var(--gold-bright);font-size:.69rem;white-space:nowrap}.player-copy small{color:var(--muted);font-size:.62rem}.player-copy small.timeout-note{color:#ffad98;font-weight:850}.seat-card-stack{position:relative;width:34px;height:42px}.seat-card-stack i{position:absolute;width:25px;height:36px;border:1px solid #c9b992;border-radius:3px;background:repeating-linear-gradient(45deg,#17294f 0 3px,#c0a965 3px 4px);box-shadow:0 2px 5px #00000059}.seat-card-stack i:nth-child(1){left:0;transform:rotate(-8deg)}.seat-card-stack i:nth-child(2){left:5px;top:-2px}.seat-card-stack i:nth-child(3){left:10px;transform:rotate(8deg)}.table-area{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:.6rem}.piles{display:flex;justify-content:center;align-items:center;gap:.55rem}.discard-drop-zone{display:flex;border-radius:12px}.discard-drop-zone.drop-active{outline:3px dashed var(--gold-bright);outline-offset:3px;background:#f2c55721}.dragging-card .discard-drop-zone,.dragging-card .meld-drop-zone{outline:2px dashed rgba(255,226,148,.5);outline-offset:-4px}.dragging-card .discard-drop-zone:hover,.dragging-card .meld-drop-zone:hover{outline:4px solid var(--gold-bright);background:#f2c5572e;box-shadow:0 0 28px #f2c55740;transform:scale(1.01)}.pile-button{position:relative;min-width:86px;min-height:152px;display:grid;place-items:center;align-content:center;gap:.3rem;padding:.45rem;border-color:transparent;background:#00000021}.pile-button:hover:not(:disabled){transform:translateY(-3px);background:#0000003d}.pile-button.action-ready:not(:disabled){border-color:#ffe294b3;background:#f2c55714;box-shadow:0 0 0 2px #f2c55714,0 0 22px #f2c5571f;animation:available-action 1.7s ease-in-out infinite alternate}.discard-drop-zone.action-ready{outline:2px dashed rgba(255,226,148,.42);outline-offset:2px}.meld-drop-zone.action-ready .meld-board{border-color:#f2c5573d;box-shadow:inset 0 0 28px #f2c5570b}@keyframes available-action{to{border-color:var(--gold-bright);box-shadow:0 0 0 3px #f2c55721,0 0 28px #f2c55733;transform:translateY(-2px)}}.pile-button>span:first-child{color:var(--gold-bright);font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pile-button>strong{position:absolute;right:.28rem;bottom:.25rem;min-width:1.65rem;padding:.12rem .3rem;border-radius:999px;color:#2c2100;background:var(--gold);font-size:.7rem}.empty-pile{display:grid;place-items:center;width:69px;height:96px;border:2px dashed rgba(255,255,255,.22);border-radius:7px;color:var(--muted);font-size:.7rem}.meld-drop-zone{min-width:0;min-height:0;display:flex;border-radius:20px;transition:background .15s ease,outline-color .15s ease}.meld-drop-zone.drop-active{outline:3px dashed var(--gold-bright);outline-offset:-5px;background:#f2c5571f}.meld-board{width:100%;min-width:0;min-height:0;overflow:auto;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0021184d}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.55rem}.section-heading>span{padding:.18rem .48rem;border-radius:999px;color:var(--gold);background:#f2c5571c;font-size:.72rem;font-weight:850}.empty-message,.instruction{color:var(--muted)}.meld-board>.empty-message{max-width:360px;margin:2rem auto 0;text-align:center;font-size:.82rem}.meld-grid,.staged-table-melds{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.7rem}.staged-table-melds{margin-bottom:.65rem}.meld-card{min-width:245px;padding:.6rem;border-radius:13px;background:#0003;border:1px solid rgba(255,255,255,.09);animation:meld-arrival .48s cubic-bezier(.2,.85,.3,1.12) both}.meld-card.selected-meld{border-color:var(--gold);box-shadow:0 0 0 2px #f2c55726}.meld-card.drop-active{border-color:var(--gold-bright);background:#f2c55724;transform:translateY(-2px)}.staged-meld{border:2px dashed var(--gold);background:#f2c5571a;box-shadow:0 0 22px #f2c5571f}.meld-heading{width:100%;margin-bottom:.45rem;padding:.28rem .4rem;font-size:.7rem;font-weight:850}.meld-cards{display:flex;flex-wrap:wrap;gap:.25rem}.meld-card .playing-card.small{width:62px;animation:card-snap .4s cubic-bezier(.18,.9,.3,1.2) both}.meld-owner{display:block;margin-top:.35rem;color:var(--muted);font-size:.58rem}@keyframes meld-arrival{0%{opacity:.2;transform:scale(.9) translateY(12px);box-shadow:0 0 #f2c55700}65%{box-shadow:0 0 32px #f2c5574d}to{opacity:1;transform:none}}@keyframes card-snap{0%{opacity:.15;transform:translateY(24px) scale(.8)}to{opacity:1;transform:none}}.playing-card{position:relative;display:inline-block;flex:0 0 auto;width:78px;aspect-ratio:5 / 7;padding:0;border-radius:7px;background:#fff;box-shadow:0 6px 13px #0000005c;vertical-align:middle}.playing-card.small{width:46px}.playing-card img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:fill}.card-button{overflow:visible;border:2px solid transparent;transition:transform .14s ease,border-color .14s ease,filter .14s ease}@media(hover:hover){.card-button:hover:not(:disabled){z-index:20;transform:translateY(-12px) scale(1.035);background:#fff;filter:brightness(1.06)}}.card-button.selected{z-index:21;transform:translateY(-16px);border-color:var(--gold);box-shadow:0 0 0 3px #f2c55752,0 8px 18px #0006}.card-badge{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);z-index:22;padding:.07rem .28rem;border-radius:999px;color:#201800;background:var(--gold);font-size:.54rem;font-weight:900;white-space:nowrap}.action-stack{display:grid;gap:.42rem}.instruction{margin-bottom:0;font-size:.84rem;line-height:1.4}.button-row{align-items:center}.button-row button,.discard-button{padding:.46rem .65rem;font-size:.72rem;font-weight:750}.interpretation-picker{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;color:var(--muted);font-size:.7rem;font-weight:800}.interpretation-picker select{max-width:460px;padding:.38rem;font-size:.7rem}.drafts{display:flex;gap:.35rem;flex-wrap:wrap}.drafts button{color:var(--gold-bright);padding:.34rem .48rem;font-size:.65rem}.drafts>span{align-self:center;padding:.25rem .48rem;border-radius:999px;color:var(--muted);background:#ffffff12;font-size:.65rem;font-weight:850}.drafts>span.opening-ready{color:#17300a;background:#bde77a}.waiting-copy{padding-top:.25rem}@keyframes timer-bar-alert{to{filter:brightness(1.12)}}.hand-panel{position:relative;z-index:3;min-width:0;padding:0 .5rem}.hand-panel .playing-card{width:86px}.hand-command-bar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.9rem;padding:.45rem .65rem .58rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 0,rgba(242,197,87,.09),transparent 42%),linear-gradient(90deg,#021d16bd,#021d164d,#021d16bd)}.hand-identity{display:flex;align-items:center;gap:.5rem;min-width:0}.hand-identity h2{margin:0;font-size:.92rem;line-height:1}.hand-identity p{margin:.14rem 0 0;color:var(--muted);font-size:.61rem;font-weight:750}.hand-identity small{display:block;margin-top:.12rem;color:#ff9b88;font-size:.58rem;font-weight:850}.you-avatar{width:34px;height:34px;font-size:.55rem}.turn-command{position:relative;min-width:0;max-width:min(660px,100%);margin-inline:auto;text-align:center}.turn-command-heading{display:flex;align-items:center;justify-content:center}.turn-command-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.08rem;color:var(--gold-bright);font-size:.56rem}.turn-command-heading h3{margin:0;font:800 1.05rem/1.05 Georgia,serif;letter-spacing:.01em}.turn-number,.opening-count{padding-left:.42rem;border-left:1px solid rgba(255,255,255,.16);color:#e1ece6a6;font:800 .56rem/1 system-ui,sans-serif;letter-spacing:.05em}.turn-command>.instruction{margin-top:.14rem;font-size:.67rem;line-height:1.2}.turn-command .action-stack{gap:.25rem}.turn-command .action-stack .instruction{font-size:.68rem;line-height:1.25}.turn-command .button-row{margin-top:.28rem;justify-content:center;gap:.4rem}.turn-command .button-row button{min-height:36px;padding:.42rem .8rem;font-size:.72rem}.turn-command .button-row .gold-button{padding-inline:1rem;font-weight:800}.timer-count{position:relative;isolation:isolate;display:grid;grid-auto-flow:column;place-content:center;align-items:baseline;width:42px;height:42px;border-radius:50%;color:var(--gold-bright);background:conic-gradient(var(--gold) calc(var(--turn-progress) * 1turn),rgba(255,255,255,.1) 0);font-size:.78rem;font-variant-numeric:tabular-nums;line-height:1;box-shadow:0 4px 12px #00000040}.timer-count:before{content:"";position:absolute;z-index:-1;inset:3px;border-radius:inherit;background:#073426}.timer-count small{margin-left:1px;font-size:.48rem}.hand-tools{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.sort-controls button{padding:.34rem .52rem;font-size:.65rem}.sort-controls button[aria-pressed=true]{color:#302400;background:var(--gold)}.compact-turn-timer{position:absolute;left:.55rem;right:.55rem;bottom:-2px;height:4px;overflow:hidden;border-radius:999px;background:#0000006b}.compact-turn-timer i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dca927,#ffe79a);box-shadow:0 0 8px #ffd55c8c;transform:scaleX(var(--turn-progress));transform-origin:left center;transition:transform .25s linear,background .2s ease}.hand-command-bar.urgent{animation:timer-bar-alert .8s ease-in-out infinite alternate}.hand-command-bar.urgent .timer-count{color:#fff;background:conic-gradient(#f06a52 calc(var(--turn-progress) * 1turn),#ffffff1a 0)}.hand-command-bar.urgent .compact-turn-timer i{background:linear-gradient(90deg,#d83728,#ff9b74)}.drag-hint{margin:.22rem 0 -.45rem;color:#e1ece6b8;text-align:center;font-size:.63rem;line-height:1.25;letter-spacing:.01em}.hand-cards{min-width:0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;overflow-x:auto;overflow-y:hidden;padding:1.4rem 2rem .25rem;scrollbar-width:thin;scrollbar-color:rgba(242,197,87,.55) transparent}.hand-card-slot{position:relative;flex:0 0 auto;touch-action:manipulation}.hand-card-slot .card-button{cursor:grab;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hand-card-slot .card-button:active{cursor:grabbing}.hand-card-slot+.hand-card-slot{margin-left:-31px}.hand-card-slot:nth-child(2n){transform:translateY(2px)}.hand-card-slot.dragging{z-index:30;opacity:.22}.hand-cards.live-reordering .hand-card-slot{z-index:4}.hand-cards.live-reordering .hand-card-slot.drag-neighbor:not(.dragging) .card-button{transform:translateY(calc(-1 * var(--drag-lift))) rotate(var(--drag-tilt));transition:transform .18s cubic-bezier(.2,.82,.3,1),filter .18s ease;filter:brightness(1.035) drop-shadow(0 6px 7px rgba(0,0,0,.22))}.hand-cards.live-reordering .hand-card-slot.drop-gap-before{margin-left:18px}.hand-cards.live-reordering .hand-card-slot.drop-gap-after{margin-right:49px}.hand-cards.live-reordering .hand-card-slot.drop-gap-before:before,.hand-cards.live-reordering .hand-card-slot.drop-gap-after:after{content:"";position:absolute;z-index:40;top:13%;width:3px;height:72%;border-radius:999px;background:var(--gold-bright);box-shadow:0 0 0 3px #f2c55729,0 0 13px #ffda6fbf;animation:insertion-marker .7s ease-in-out infinite alternate;pointer-events:none}.hand-cards.live-reordering .hand-card-slot.drop-gap-before:before{left:-26px}.hand-cards.live-reordering .hand-card-slot.drop-gap-after:after{right:-26px}.hand-card-slot.recently-drawn{z-index:18}.hand-card-slot.recently-drawn .card-button{animation:drawn-card-reveal 1.65s .68s cubic-bezier(.2,.85,.3,1) both}.hand-cards .card-button:disabled{opacity:1;filter:saturate(.82) brightness(.9)}.drag-overlay-card{position:relative;transform:rotate(3deg) scale(1.06);filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}.drag-overlay-card>span{position:absolute;right:-10px;top:-10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#292000;background:var(--gold);font-size:.72rem;font-weight:950}.table-motion{position:absolute;z-index:60;left:0;top:0;display:grid;justify-items:center;gap:.18rem;pointer-events:none;filter:drop-shadow(0 12px 15px rgba(0,0,0,.5));animation:card-flight var(--motion-duration, .78s) cubic-bezier(.2,.75,.25,1) both}.table-motion.motion-bot{--motion-duration: 1.12s}.table-motion.motion-human{--motion-duration: .72s}.table-motion span{padding:.16rem .42rem;border-radius:999px;color:#2b2100;background:var(--gold-bright);font-size:.58rem;font-weight:950;white-space:nowrap}@keyframes drawn-card-reveal{0%{opacity:0;transform:translateY(-3px) scale(.92);box-shadow:0 4px 10px #00000057}8%{opacity:1;transform:translateY(-14px) scale(1.1);box-shadow:0 0 0 4px #ffdc7de0,0 0 28px #ffcd50e6,0 16px 24px #0000006b}34%,72%{opacity:1;transform:translateY(-8px) scale(1.055);box-shadow:0 0 0 3px #ffdc7db3,0 0 22px #ffcd509e,0 12px 18px #0000005c}to{opacity:1;transform:translateY(0) scale(1);box-shadow:0 4px 10px #00000057}}@keyframes insertion-marker{0%{opacity:.58;transform:scaleY(.88)}to{opacity:1;transform:scaleY(1)}}@keyframes card-flight{0%{left:var(--motion-from-x);top:var(--motion-from-y);opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-7deg)}16%{opacity:1}52%{transform:translate(-50%,calc(-50% - 24px)) scale(1.06) rotate(2deg)}86%{opacity:1}to{left:var(--motion-to-x);top:var(--motion-to-y);opacity:0;transform:translate(-50%,-50%) scale(.76) rotate(7deg)}}.motion-pulse{animation:movement-cue 1.08s ease-out both}@keyframes movement-cue{0%{box-shadow:0 0 #ffda6fbf}40%{box-shadow:0 0 0 5px #ffda6f6b,0 0 24px #ffcd5061}to{box-shadow:0 0 #ffda6f00}}.lower-grid{position:fixed;z-index:90;right:.85rem;bottom:.75rem;min-width:0;display:flex;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap;gap:.45rem;pointer-events:none}.lower-grid>details{pointer-events:auto}.history-panel,.rules-panel{padding:.72rem .8rem;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#031f18f2;box-shadow:0 14px 38px #00000061}.history-panel,.rules-panel{width:auto;min-width:150px}.history-panel[open],.rules-panel[open]{width:min(390px,100%)}.history-panel{min-height:0;max-height:min(65vh,520px);overflow:auto}.history-panel summary,.rules-panel summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--gold);cursor:pointer;font-size:.75rem;font-weight:900}.history-panel summary span{display:grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border-radius:999px;color:#282000;background:var(--gold);font-size:.64rem}.history-panel[open],.rules-panel[open]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.history-panel ol{margin:0;padding:0;list-style:none;color:var(--muted);counter-reset:events}.history-panel[open] ol{margin-top:.65rem}.history-panel li{position:relative;padding:.45rem .3rem .45rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);font-size:.7rem;line-height:1.35}.history-panel li:before{content:"";position:absolute;left:.1rem;top:.83rem;width:5px;height:5px;border-radius:50%;background:var(--gold)}.rules-panel ul{margin-bottom:.6rem;padding-left:1.05rem;color:var(--muted);font-size:.68rem;line-height:1.45}.rules-panel p{margin-bottom:0;color:var(--muted);font-size:.66rem}.rules-panel code{color:var(--gold)}.game-result-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;overflow:hidden;padding:1rem;background:#000a08c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:result-fade .45s ease-out both}.result-card{position:relative;z-index:2;width:min(420px,100%);padding:2.2rem;border:1px solid var(--gold);border-radius:28px;text-align:center;background:linear-gradient(145deg,#074631fa,#021e17fa);box-shadow:0 28px 90px #0000008c,0 0 50px #f2c5572e;animation:result-card-in .7s cubic-bezier(.16,.9,.25,1.15) both}.result-card h2{margin-bottom:.65rem;color:var(--gold-bright);font:800 clamp(2.3rem,8vw,4.2rem)/.95 Georgia,serif}.result-card>p:not(.eyebrow){color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:.55rem;margin-top:1.15rem;flex-wrap:wrap}.defeat .result-card{border-color:#a4b6ae;filter:saturate(.72)}.result-particles{position:absolute;inset:0;pointer-events:none}.result-particles i{position:absolute;left:calc((var(--i, 1)) * 7%);top:-12%;width:13px;height:21px;border-radius:3px;background:var(--gold);animation:particle-fall 3.2s linear infinite}.result-particles i:nth-child(2n){background:#e94f55}.result-particles i:nth-child(3n){background:#f7f3e8}.result-particles i:nth-child(1){--i:1;animation-delay:-.2s}.result-particles i:nth-child(2){--i:2;animation-delay:-1.7s}.result-particles i:nth-child(3){--i:3;animation-delay:-.9s}.result-particles i:nth-child(4){--i:4;animation-delay:-2.3s}.result-particles i:nth-child(5){--i:5;animation-delay:-1.2s}.result-particles i:nth-child(6){--i:6;animation-delay:-.4s}.result-particles i:nth-child(7){--i:7;animation-delay:-2.7s}.result-particles i:nth-child(8){--i:8;animation-delay:-1.5s}.result-particles i:nth-child(9){--i:9;animation-delay:-.7s}.result-particles i:nth-child(10){--i:10;animation-delay:-2s}.result-particles i:nth-child(11){--i:11;animation-delay:-.1s}.result-particles i:nth-child(12){--i:12;animation-delay:-1.1s}.result-particles i:nth-child(13){--i:13;animation-delay:-2.5s}.result-particles i:nth-child(14){--i:14;animation-delay:-.6s}.defeat .result-particles i{background:#799087;animation-duration:5s}@keyframes result-fade{0%{opacity:0}to{opacity:1}}@keyframes result-card-in{0%{opacity:0;transform:translateY(30px) scale(.82)}to{opacity:1;transform:none}}@keyframes particle-fall{0%{translate:0 -10vh;rotate:0deg}to{translate:30px 120vh;rotate:540deg}}@media(max-width:1040px){.table-shell{min-height:700px}}@media(min-width:701px){.game-table-app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-table-app .game-layout{flex:1;min-height:0}.game-table-app .table-shell{height:100%;min-height:0}.hand-command-bar{grid-template-columns:auto minmax(0,1fr) auto}.turn-command{max-width:none;margin-inline:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.6rem 1.5rem;text-align:left}.turn-command .action-stack{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem}.turn-command .action-stack .button-row{margin-left:auto}.turn-command .action-stack .instruction{margin:0;text-align:left}.turn-command-heading>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .8rem}.turn-command-heading .eyebrow{margin-bottom:0;gap:.75rem}.turn-command-heading h3{padding-left:.8rem;border-left:1px solid rgba(255,255,255,.16)}.turn-number,.opening-count{padding-left:.75rem}.turn-command .button-row{flex-wrap:nowrap;margin:0}.turn-command .button-row button{min-height:40px;padding:.5rem .95rem;font-size:.74rem}.hand-command-bar{gap:1.5rem;padding-inline:1.1rem}}@media(max-width:900px){.home-content{align-content:start;padding-top:3.5rem}.mode-grid{grid-template-columns:1fr;width:min(620px,100%);margin:0 auto}.mode-card{min-height:126px;align-items:center}}@media(max-width:700px){.home-shell{padding:.7rem .85rem 1rem}.home-nav{min-height:52px}.home-brand>span{width:34px;height:34px}.settings-button{padding:.45rem .55rem;font-size:.72rem}.home-content{gap:2.5rem;padding:3rem 0 2.2rem}.home-hero h1{font-size:clamp(4.3rem,24vw,6.4rem)}.home-tagline{margin-top:1.25rem;font-size:.9rem}.home-section-heading{align-items:start}.mode-card{min-height:116px;padding:.9rem;border-radius:17px}.mode-icon{width:38px;height:38px}.mode-copy strong{font-size:1rem}.mode-copy>span{font-size:.7rem}.setup-shell{align-content:start;padding-top:1.2rem}.setup-card{padding:1.4rem 1rem 1.2rem;border-radius:22px}.setup-card h1{font-size:2.65rem}.friend-actions,.friend-choice-grid,.scoring-mode-picker,.lobby-settings-editor{grid-template-columns:1fr}.lobby-settings-editor .scoring-mode-picker{grid-template-columns:1fr 1fr}.friend-choice-grid button{min-height:82px}.lobby-seats{grid-template-columns:1fr}.invite-panel{grid-template-columns:1fr;text-align:center}.invite-panel>strong,.invite-panel>button{grid-column:1;grid-row:auto}.invite-panel>button{margin-top:.5rem}.friends-playing{padding:.45rem}.friend-game-header{align-items:flex-start}.friend-game-header h1{font-size:1.65rem}.friend-game-header>div:last-child>span{display:none}.friend-game-table{padding:.35rem;border-width:5px;border-radius:22px}.friend-opponents{justify-content:flex-start}.friend-table-center{min-height:190px;grid-template-columns:128px minmax(0,1fr)}.friend-piles .playing-card{width:46px}.friend-meld-board{padding:.35rem}.friend-action-bar{align-items:stretch;flex-direction:column}.friend-action-bar>div{display:grid;grid-template-columns:1fr 1fr}.friend-action-bar>div .gold-button{grid-column:1 / -1}.friend-hand-cards{justify-content:flex-start;padding-inline:1rem}.friend-hand-cards .playing-card+.playing-card{margin-left:-25px}.home-footer{font-size:.58rem}.app-shell{padding:0}.topbar{align-items:flex-start}.new-game-controls{justify-content:flex-end}.session-mode{width:100%;text-align:right;background:transparent;padding:0}h1{font-size:2rem}.game-table-app .topbar{min-height:0;align-items:center;gap:.5rem;padding:.3rem .5rem}.game-table-app .topbar .eyebrow{display:none}.game-table-app .topbar h1{font-size:1.35rem}.game-table-app .new-game-controls{flex-wrap:nowrap;align-items:center;gap:.3rem}.game-table-app .new-game-controls button{padding:.38rem .5rem;font-size:.68rem}.game-table-app .session-mode{width:auto;padding:.24rem .5rem;font-size:.56rem}.status-strip{gap:.45rem}.status-strip span{padding-left:.45rem}.game-layout{gap:0}.game-table-app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-table-app .game-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto}.game-table-app .table-shell{height:100%}.table-shell{min-height:0;grid-template-rows:auto minmax(0,1fr) auto;padding:.5rem .4rem .55rem;border-width:6px;border-radius:22px}.opponents{justify-content:space-between;gap:.3rem;padding:0 .15rem;overflow:visible}.player-chip{flex:1 1 0;min-width:0;grid-template-columns:minmax(0,1fr);gap:.2rem;padding:.4rem .45rem;border-radius:13px}.player-chip .player-avatar{display:none}.player-copy>span{font-size:.67rem}.player-copy strong{font-size:.61rem}.player-copy small{font-size:.55rem}.player-avatar{width:34px;height:34px}.seat-card-stack{display:none}.table-area{grid-template-columns:1fr;min-height:0;gap:.45rem;overflow-y:auto;overscroll-behavior:contain}.piles{min-height:132px;gap:.7rem}.pile-button{min-width:92px;min-height:128px;padding:.3rem}.piles .playing-card{width:62px}.pile-button>span:first-child{font-size:.61rem}.meld-board{min-height:165px;max-height:270px;padding:.55rem}.meld-board>.empty-message{margin-top:1.25rem;font-size:.72rem}.hand-command-bar{grid-template-columns:minmax(0,1fr) auto;gap:.4rem .65rem;padding:.45rem .5rem .52rem}.turn-command{grid-column:1 / -1;grid-row:1;padding-bottom:.38rem;border-bottom:1px solid rgba(255,255,255,.09)}.turn-command-heading{align-items:center}.hand-identity{grid-column:1;grid-row:2}.hand-tools{grid-column:2;grid-row:2;justify-content:flex-end}.timer-count{width:38px;height:38px}.turn-command .button-row{display:flex;flex-wrap:wrap;gap:.3rem}.turn-command .button-row>button{flex:1 1 auto;min-height:40px;padding:.35rem .4rem;font-size:.69rem}.turn-command .button-row>.gold-button{flex:1.5 1 auto}.game-table-app .drag-hint,.turn-command-heading h3,.turn-command-heading .turn-number,.hand-identity .you-avatar{display:none}.hand-identity>div{display:flex;align-items:baseline;gap:.3rem}.hand-identity h2{font-size:.72rem}.hand-identity p{margin:0;font-size:.58rem}.turn-command{padding-bottom:.28rem}.turn-command .action-stack .instruction{margin:0 0 .1rem;font-size:.6rem}.hand-command-bar{padding:.3rem .5rem .4rem;gap:.28rem .5rem}.hand-cards .card-button.selected{transform:none;border-color:var(--gold-bright);box-shadow:0 0 0 3px #f2c55799,0 0 14px #ffda6f73}.button-row>button{flex:1 1 125px}.interpretation-picker{display:grid}.hand-panel{padding-inline:.2rem}.hand-cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;overflow:hidden auto;overscroll-behavior:contain;max-height:38vh;row-gap:.3rem;padding:.45rem .5rem .3rem calc(.5rem + 30px);scroll-snap-type:none}.hand-card-slot,.hand-card-slot+.hand-card-slot{margin-left:-30px;scroll-snap-align:none}.hand-card-slot:nth-child(2n){transform:none}.playing-card{width:62px}.hand-panel .playing-card{width:66px}.playing-card.small{width:43px}.drag-hint{margin:.2rem .5rem -.2rem;white-space:normal;font-size:.63rem}.lower-grid{position:static;display:grid;grid-template-columns:1fr 1fr;padding:.3rem .45rem;max-height:38vh;overflow-y:auto}.sort-controls button{min-height:34px;padding:.3rem .7rem}.history-panel,.rules-panel{min-width:0}.history-panel[open],.rules-panel[open]{width:100%;grid-column:1 / -1}.meld-card{min-width:205px}.meld-card .playing-card.small{width:52px}}@media(max-width:700px)and (max-height:700px){.hand-panel .playing-card{width:56px}.hand-card-slot,.hand-card-slot+.hand-card-slot{margin-left:-26px}.hand-cards{padding-left:calc(.5rem + 26px);max-height:42vh}.hand-command-bar{padding:.35rem .45rem .4rem}.drag-hint,.game-table-app .lower-grid{display:none}.piles{min-height:108px}.pile-button{min-height:104px}.meld-board{min-height:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}