:root{--cream:#eee4d1;--ink:#302318;--muted:#76808a;--blue:#75502e;--coral:#f27659;--gold:#edb92b;--line:#e8e4db;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #dabb95;outline-offset:4px}a{text-decoration:none;color:inherit}button{transition:background .16s,box-shadow .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}.busy button[data-action]:not([data-action="close"]){pointer-events:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4.5vw,58px);letter-spacing:-2px;line-height:1.1}h2{font-size:28px;letter-spacing:-.9px}h3{font-size:19px;letter-spacing:-.4px}.muted{color:var(--muted);line-height:1.6}.small{font-size:13px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--coral)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:27px;font-weight:850;letter-spacing:-1.5px}.brand-dot{color:var(--coral)}.brand-icon{position:relative;display:inline-block;width:25px;height:38px;border:2px solid currentColor;border-radius:7px;transform:rotate(-17deg);color:var(--blue)}.brand-icon:after{content:"";position:absolute;height:1px;left:3px;right:3px;top:17px;background:currentColor}.brand-icon i{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;left:8px;top:7px}.brand-icon i:nth-child(2){left:4px;top:23px}.brand-icon i:nth-child(3){left:12px;top:29px}.edition{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--muted)}.auth-shell,.lobby-shell{max-width:1240px;margin:0 auto;padding:0 46px}.auth-shell>header{display:flex;justify-content:space-between;align-items:center;padding:35px 0}.auth-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:25px 0 30px}.auth-hero{position:relative;padding-top:10px}.auth-hero h1{margin:18px 0;font-size:clamp(48px,5.9vw,76px);line-height:1.02;letter-spacing:-3px}.auth-hero h1 em{font-style:normal;color:var(--blue)}.auth-hero>p{font-size:15px;color:#76808a;line-height:1.7}.hero-art{height:270px;position:relative;margin-top:-10px;overflow:hidden;border-radius:24px;background:#f9f0dc}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.art-tag{position:absolute;bottom:14px;left:18px;font-size:11px;background:#fffcf5e8;padding:10px 16px;border-radius:20px;box-shadow:0 3px 18px #4a372010}.auth-card{background:#fff;border-radius:28px;padding:38px 38px 25px;box-shadow:0 12px 70px #6c58370c;border:1px solid #fff}.welcome-dot{display:block;width:12px;height:12px;background:var(--coral);border-radius:50%;margin-bottom:22px;box-shadow:0 0 0 6px #fff0e9}.auth-card h2{font-size:30px;margin-bottom:10px}.auth-card>.muted{font-size:13px}.switcher{display:flex;background:#f5f4f0;padding:5px;border-radius:13px;gap:3px;margin:24px 0}.switcher button{width:50%;padding:11px 8px;border-radius:9px;font-size:12px;font-weight:750;background:transparent;color:var(--muted)}.switcher button.active{background:white;color:var(--blue);box-shadow:0 2px 8px #3023180a}form label{display:block;font-size:12px;font-weight:650;margin-bottom:18px}input{display:block;width:100%;padding:14px 15px;margin-top:8px;border:1px solid #ece8e3;background:#fdfdfc;border-radius:11px;color:var(--ink);outline:none;font-size:14px}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #75502e13}input::placeholder{color:#a2a6ac}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;padding:13px 18px;font-size:12px;font-weight:750;min-height:44px}.primary{color:#fff;background:var(--blue);box-shadow:0 4px 12px #75502e15}.primary:hover:not(:disabled){background:#aa793c}.secondary{background:#fff;border:1px solid #e7e3de}.secondary:hover:not(:disabled){background:#fcf9f5}.danger{background:#fff0eb;color:#bb5039}.wide{width:100%;margin-bottom:10px}.wide span{margin-left:auto}.auth-note{display:flex;align-items:center;gap:12px;color:var(--muted);margin-top:18px;font-size:11px;line-height:1.5}.auth-note>span{color:var(--coral);font-size:25px}.auth-note p{margin:0}.form-error{color:#c44d3b;font-size:12px;line-height:1.5;margin-bottom:12px;min-height:0}.form-error:empty{display:none}footer{font-size:10px;color:#959b9e;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;margin-top:30px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.profile{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.avatar{display:block;width:var(--avatar,68px);height:var(--avatar,68px);border-radius:50%;background-image:url('/players.png');background-size:200% 200%;border:3px solid #fff8df;box-shadow:0 3px 10px #12220b30}.a0{background-position:0 0}.a1{background-position:100% 0}.a2{background-position:0 100%}.a3{background-position:100% 100%}.icon-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:transparent;font-size:22px}.icon-button:hover{background:#30231808}.lobby-hero{display:flex;align-items:center;justify-content:space-between;min-height:280px;padding:32px 0;gap:20px}.lobby-hero h1{font-size:38px;margin:15px 0 12px;letter-spacing:-1.5px}.lobby-hero p{font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:22px}.lobby-art{width:35%;height:230px;object-fit:cover;border-radius:28px;object-position:center;mask-image:linear-gradient(to left,#000 85%,transparent)}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:30px}.tabs button{padding:16px 0;font-weight:750;font-size:14px;color:var(--muted);background:none;position:relative}.tabs .active{color:var(--blue)}.tabs .active:after{content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--blue);border-radius:3px}.tabs span{font-size:11px;background:#f5f0e9;border-radius:7px;padding:2px 6px;margin-left:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{font-size:24px;margin-bottom:0}.section-heading .muted{font-size:12px;margin:8px 0 0}.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.club-card{text-align:left;background:#fff;border:1px solid #ebe7df;border-radius:21px;padding:24px;min-height:240px;transition:transform .2s,box-shadow .2s}.club-card:hover{box-shadow:0 12px 30px #503d2510;transform:translateY(-3px)}.club-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.club-emblem{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#f9f5ef;width:54px;height:54px;flex-shrink:0}.club-emblem .brand-icon{transform:rotate(-22deg) scale(.8)}.tone1 .club-emblem{background:#ffeee7}.tone1 .brand-icon{color:var(--coral)}.tone2 .club-emblem{background:#fff3cb}.tone2 .brand-icon{color:#b7890b}.pill{font-size:10px;line-height:1.5;padding:6px 9px;background:#faf7f3;border-radius:7px;color:#998771}.pill.rejected{background:#fff0eb;color:#bf654e}.club-card h3{font-size:22px;margin-bottom:7px}.club-card p{font-size:11px;color:var(--muted);line-height:1.5}.club-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}.circle-arrow{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#faf5f0;color:var(--blue);font-size:16px;flex-shrink:0}.new-club{border:1px dashed #cfccbf;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.big-plus{font-size:34px;line-height:1;background:#efece4;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#8a8d8d}.new-club h3{font-size:18px}.text-link{font-size:11px;font-weight:750;color:var(--blue);margin-top:4px}.requests{margin-top:30px;max-width:760px}.requests h3{font-size:15px}.request-row{display:flex;justify-content:space-between;gap:10px;padding:16px;background:white;border-radius:12px;margin-bottom:8px;font-size:13px;align-items:center}.request-row small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.club-heading{margin-bottom:24px}.text-button{padding:0;background:none;color:var(--blue);font-size:12px;margin-bottom:20px}.club-title{display:flex;align-items:center;gap:16px}.club-title h2{margin-bottom:5px}.code{padding:0;color:var(--muted);background:none;font-size:12px}.club-wallet{margin-left:auto;text-align:right}.club-wallet small,.admin-summary small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.club-wallet strong{font-size:24px}.club-tools{display:flex;gap:10px;margin-top:24px}.badge{display:inline-block;background:var(--coral);color:white;font-size:10px;border-radius:10px;min-width:18px;padding:3px 6px;text-align:center}.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table-card{display:flex;align-items:center;gap:20px;padding:22px;text-align:left;border-radius:18px;background:white;border:1px solid #e6e7e2}.table-card .circle-arrow{margin-left:auto}.mini-table{width:75px;height:110px;border:6px solid #a47851;border-radius:30px;background:radial-gradient(#329978,#176250);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fffae6;font-size:13px;font-weight:800;box-shadow:0 3px 6px #47311818}.mini-table i{position:absolute;background:#eee1bc;width:9px;height:14px;border-radius:3px;top:46%;left:-10px}.mini-table i:nth-child(2){left:auto;right:-10px}.mini-table i:nth-child(3){top:-9px;left:42%}.mini-table i:nth-child(4){top:auto;bottom:-9px;left:42%}.table-meta h3{font-size:17px;margin-bottom:8px}.table-meta p{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:5px}.table-meta small{color:#adb2b5;font-size:10px}.empty{border:1px dashed #d8d8cf;padding:50px 20px;border-radius:20px;text-align:center}.empty>span{font-size:35px;color:var(--coral)}.empty h3{margin-top:14px}.empty p{font-size:13px;color:var(--muted)}dialog{border:none;border-radius:22px;padding:26px;width:min(430px,calc(100% - 32px));color:var(--ink);box-shadow:0 18px 80px #38271430;max-height:85dvh}dialog.large{width:min(620px,calc(100% - 32px))}dialog::backdrop{background:#412f1866;backdrop-filter:blur(5px)}dialog p{font-size:14px;line-height:1.65}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-heading h2{font-size:22px;margin:0}.admin-summary{display:flex;gap:25px;background:#fbf9f7;padding:20px;border-radius:13px;margin-bottom:12px}.admin-summary>div{flex:1}.admin-summary strong{font-size:24px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #eee;font-size:13px}.admin-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.admin-row>div{display:flex;gap:6px}.small-button{padding:9px 13px;font-size:11px;min-height:36px}.large h3{font-size:16px;margin-top:25px;margin-bottom:8px}details{margin-top:24px;font-size:12px}summary{cursor:pointer;color:var(--blue);padding:10px 0}.history-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px 0;border-bottom:1px solid #eee}.history-row small{grid-column:1/-1;color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);padding:14px 18px;max-width:min(520px,90vw);border-radius:13px;background:#4f3c24;color:white;font-size:13px;line-height:1.5;box-shadow:0 10px 25px #38271430;opacity:0;pointer-events:none;transition:all .2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}#toast button{display:block;background:#ffffff22;color:#fff;padding:8px 12px;border-radius:6px;margin-top:8px}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.loading img{border-radius:18px}.loading p{font-size:14px;color:var(--muted)}
/* The table is the game. Four fixed seats surround uninterrupted cloth. */
.in-game{overflow:hidden;background:#f6efdf}.game-shell{height:100dvh;max-width:1080px;margin:auto;display:flex;flex-direction:column;padding:0 18px;padding-bottom:env(safe-area-inset-bottom)}.game-toolbar{display:flex;gap:10px;align-items:center;height:64px;flex-shrink:0;padding:4px 6px}.game-toolbar strong{font-size:13px;display:block}.game-toolbar small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.game-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:6px}#connection{font-size:10px;color:#c65a40}.table-scene{flex:1;position:relative;min-height:260px;margin:0 0 8px}.wood{position:absolute;inset:14px 22px 30px;border-radius:42%;padding:15px;background:linear-gradient(90deg,#845331,#c49361 9%,#ae774a 30%,#d5a876 51%,#956039 82%,#6b422a);box-shadow:0 7px 0 #5f3b27,0 15px 25px #52352420,inset 0 0 0 2px #f9dca280}.felt{height:100%;border-radius:42%;background:radial-gradient(ellipse at 48% 42%,#3a9b70 0%,#26865f 50%,#16533f 100%);box-shadow:inset 0 0 0 2px #f5c88055,inset 0 0 25px #0c382b80;overflow:hidden;position:relative}.felt:before{content:"";position:absolute;inset:16px;border:1px solid #eddf9e35;border-radius:42%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0h8M0 4h8M0 0v8M4 0v8' stroke='%23fff' stroke-opacity='.045' stroke-width='.4'/%3E%3C/svg%3E")}.cloth-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.08;pointer-events:none}.cloth-mark .brand{font-size:58px;color:#f5d793}.cloth-mark .brand-icon{color:#f5d793;transform:scale(1.5) rotate(-17deg);margin-right:18px}.cloth-mark .brand-dot{color:inherit}#board{position:absolute;left:17%;right:17%;top:21%;bottom:20%;pointer-events:none}.domino{display:flex;background:linear-gradient(155deg,#fffcf0,#f0e5cd);color:#3e3224;border-radius:5px;border:1px solid #d2c7ac;box-shadow:0 2px 0 #ae9f82,0 3px 5px #12291655;padding:2px;position:relative;flex-shrink:0}.domino .face{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0}.domino svg{width:100%;height:100%;fill:currentColor;overflow:visible}.domino .divider{width:1px;align-self:stretch;margin:1px 0;background:#a49a85;box-shadow:1px 0 0 #fffffaaa;flex-shrink:0}.table-stone{position:absolute;animation:stone-in .22s ease-out}.table-stone.opening{outline:2px solid #edc541;outline-offset:1px;box-shadow:0 0 14px #ffd86d45,0 2px 0 #ae9f82}.table-stone.compact{border-radius:4px}.equal{position:absolute;bottom:0;right:2px;line-height:1;font-size:7px}.seat{position:absolute;width:140px;display:flex;align-items:center;flex-direction:column;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.seat0{left:50%;top:90%}.seat1{left:11%;top:28%}.seat2{left:50%;top:9%}.seat3{left:89%;top:28%}.avatar-wrap{padding:4px;border-radius:50%;position:relative;background:#edf5e555;box-shadow:0 2px 8px #102e2020}.seat.active .avatar-wrap{background:conic-gradient(#ffd54c var(--progress,360deg),#102e2055 0)}.seat .avatar{--avatar:68px;border-width:2px}.seat-name{color:#fff5d8;font-weight:750;font-size:12px;text-shadow:0 1px 3px #143d30;background:#163e32cc;border-radius:7px;padding:4px 9px;margin-top:-2px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-name small{font-size:9px;font-weight:500}.wallet{background:linear-gradient(#63523d,#443523);color:#fff8e7;padding:4px 13px;border-radius:15px;border:1px solid #ecbd6570;font-size:13px;font-weight:800;margin-top:4px;box-shadow:0 2px 4px #162a2330;display:flex;gap:7px;align-items:center;min-width:82px;justify-content:center}.chip{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;color:#ecbe40;border:2px dashed #fff1c0;border-radius:50%;background:#c39423;font-size:10px}.seat-timer:not(:empty){position:absolute;bottom:-2px;right:-7px;border:1px solid #fff0aa;background:#edbd35;color:#4b3821;font-size:11px;font-weight:850;border-radius:10px;padding:3px 6px;min-width:30px;text-align:center}.seat-timer.extra{background:var(--coral);color:white;border-color:#ffb59b}.crown{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:20px;color:#ffd66c;text-shadow:0 2px 3px #3a2915}.backs{display:flex;align-items:center;margin-top:6px;height:22px}.backs i{width:11px;height:21px;background:repeating-linear-gradient(45deg,#b98546 0px,#b98546 2px,#ca9f6a 2px,#ca9f6a 3px);border:1px solid #eae0c5;border-radius:3px;box-shadow:0 1px 2px #123c25;margin-left:-3px}.backs small{font-size:10px;color:#fff6d9;background:#163f35;padding:2px 4px;border-radius:4px;margin-left:4px}.seat0 .backs{display:none}.leaving{font-size:8px;background:#e17853;color:white;border-radius:4px;padding:3px;margin-top:3px}.sit{pointer-events:auto;font-size:30px;font-weight:300;color:#fbf0c8;background:#1b503dcc;border:1px dashed #e2dcbf77;border-radius:50%;width:64px;height:64px;box-shadow:0 3px 10px #203d2525}.sit:hover:not(:disabled){background:#36805dcc}.starter-button{position:absolute;left:50%;top:calc(9% + 73px);transform:translateX(-50%);border-radius:50%;width:30px;height:30px;background:#f1c54d;color:#674e1b;font-size:19px;border:2px solid #ffe2a5;z-index:3}.starter-button:active{transform:translateX(-50%)!important}#table-center{position:absolute;left:18%;right:18%;top:50%;transform:translateY(-50%);text-align:center;color:#fff8df;z-index:4}#table-center:empty{display:none}#table-center h2{font-size:24px;margin:12px 0}#table-center p{font-size:12px;line-height:1.6;opacity:.8}#table-center .light{color:#eacc8a;font-size:9px}#table-center small{display:block;margin-top:15px;font-size:10px;color:#fce7b1}.table-button{padding:10px 12px;background:#fff4d9;color:#264b46;font-weight:700;border-radius:10px;font-size:11px;margin:4px 3px;min-height:40px}.table-button.gold{background:#f1c33c}.shuffle{position:relative;width:150px;height:75px;margin:0 auto 20px}.shuffle i{position:absolute;left:calc(var(--i)*16px);top:12px;width:23px;height:42px;border:2px solid #fff4d3;border-radius:5px;background:repeating-linear-gradient(45deg,#c5955a 0,#c5955a 3px,#d3ae80 3px,#d3ae80 5px);animation:shuffle 600ms ease-in-out infinite alternate;animation-delay:calc(var(--i)*-110ms);box-shadow:0 3px 5px #153d28}.dealing>span{font-size:12px}.round-result{background:#183f32ee;border:1px solid #e7c56777;border-radius:18px;padding:18px;box-shadow:0 4px 22px #17342650}.round-result strong{display:block;font-size:17px;margin:8px 0}.round-result>span{font-size:11px}.round-result .result-crown{font-size:30px;color:#f7d05c}.flying-chips{position:absolute;display:block;color:#fceaca;background:#bb8626;border:2px dashed #fff2b2;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800;z-index:8;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #102f2750}#hand-area{min-height:164px;flex-shrink:0;max-width:740px;width:100%;margin:0 auto}.hand-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px}.hand-top>span{font-size:12px;font-weight:750}.hand-top>span>small{display:block;color:var(--muted);letter-spacing:1px;font-size:8px;margin-top:4px}.hand-actions{display:flex;gap:8px}.hand-actions .small-button{min-height:36px}.hand-actions small{font-size:9px;opacity:.7}.hand{display:flex;gap:10px;overflow-x:auto;padding:12px 7px 8px;min-height:110px;justify-content:safe center;scrollbar-width:thin;scrollbar-color:#c5bc9e transparent}.hand-stone{flex-direction:column;width:49px;height:91px;padding:3px;border-radius:7px;box-shadow:0 3px 0 #bbaa8c,0 5px 8px #75604620}.hand-stone .divider{height:1px;width:auto;margin:0 1px}.hand-stone:disabled{opacity:1}.hand-stone.selected{outline:3px solid var(--gold);transform:translateY(-5px)}.hand-stone:not(:disabled):hover{outline:2px solid #d9b991}.hand-foot{display:block;text-align:center;font-size:9px;color:var(--muted);padding:4px}.observing{text-align:center;color:var(--muted);font-size:12px;padding:18px}#hand-area:has(.observing){min-height:45px}.end-choices{display:flex;gap:12px}.end-choices button{flex:1}@keyframes stone-in{from{opacity:0}to{opacity:1}}@keyframes shuffle{from{transform:translateY(-8px) rotate(-18deg)}to{transform:translateY(8px) rotate(18deg)}}
@media(min-width:1200px){.game-shell{padding-left:50px;padding-right:50px}.game-toolbar{height:60px}.table-scene{max-height:760px}}
@media(max-width:900px){.auth-grid{gap:28px}.auth-shell,.lobby-shell{padding:0 28px}.auth-card{padding:30px 26px}.auth-hero h1{font-size:59px}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-card{gap:13px;padding:18px}.table-grid{grid-template-columns:1fr}.lobby-hero h1{font-size:32px}.lobby-art{width:30%;height:195px}}
@media(max-width:600px){.auth-shell,.lobby-shell{padding:0 20px}.auth-shell>header{padding:22px 0}.edition{display:none}.auth-grid{display:flex;flex-direction:column;gap:28px;padding:8px 0}.auth-hero{width:100%}.auth-hero>.eyebrow{font-size:8px;letter-spacing:1.5px}.auth-hero h1{font-size:47px;letter-spacing:-2px;margin:16px 0}.auth-hero>p{font-size:13px;max-width:240px;margin-bottom:0}.hero-art{position:absolute;right:-14px;bottom:-6px;width:46%;height:185px;background:none;mask-image:linear-gradient(to left,#000 77%,transparent)}.hero-art img{object-fit:cover}.art-tag{display:none}.auth-card{width:100%;padding:28px 24px 22px;border-radius:22px}.auth-card h2{font-size:26px}.welcome-dot{margin-bottom:18px}.switcher{margin:20px 0}footer{font-size:9px;gap:15px;line-height:1.5}footer>span{text-align:right}.topbar{padding:20px 0}.brand{font-size:25px}.profile>span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile{gap:7px}.profile .avatar{--avatar:31px!important}.lobby-hero{min-height:225px;padding:28px 0;display:block;position:relative}.lobby-hero h1{font-size:28px;line-height:1.15;letter-spacing:-1px;max-width:260px}.lobby-hero .eyebrow{font-size:8px;max-width:220px;display:block;line-height:1.5}.lobby-hero p{font-size:12px;max-width:220px;margin-bottom:0}.lobby-art{display:none}.hero-actions{gap:8px;margin-top:18px}.hero-actions button{padding:11px;font-size:10px}.tabs{gap:25px;margin-bottom:24px}.tabs button{font-size:13px}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px}.section-heading>span{display:none}.section-heading>.secondary{font-size:9px;padding:9px}.club-grid{grid-template-columns:1fr;gap:14px}.club-card{padding:20px;min-height:190px}.club-card-top{margin-bottom:18px}.club-card h3{font-size:21px}.club-card-bottom{margin-top:12px}.new-club{min-height:200px}.club-title{gap:12px}.club-title h2{font-size:21px}.club-emblem{width:46px;height:46px}.club-wallet strong{font-size:19px}.club-wallet small{font-size:8px}.club-tools .secondary,.club-tools .primary{font-size:10px;padding:11px}.request-row{font-size:12px}.request-row .pill{font-size:9px}.table-card{padding:18px;gap:16px}.table-meta h3{font-size:15px}.mini-table{width:60px;height:88px;border-width:5px}.table-meta p{font-size:10px}.game-shell{padding:0 7px;padding-bottom:env(safe-area-inset-bottom)}.game-toolbar{height:52px;padding:2px 2px;gap:6px}.game-toolbar strong{font-size:11px;max-width:235px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-toolbar small{font-size:8px}.table-scene{margin-bottom:6px}.wood{inset:13px 3px 27px;padding:10px;border-radius:42%}.felt{border-radius:42%}.felt:before{inset:10px}.cloth-mark .brand{font-size:33px}.cloth-mark .brand-icon{transform:rotate(-17deg) scale(.9);margin-right:0}#board{left:5%;right:5%;top:38%;bottom:22%}.seat{width:100px}.seat .avatar{--avatar:57px}.seat-name{font-size:10px;max-width:108px;padding:3px 7px}.seat-name small{font-size:8px}.wallet{font-size:11px;padding:4px 9px;min-width:72px;margin-top:3px}.seat1{left:13%}.seat3{left:87%}.seat-timer:not(:empty){font-size:10px;padding:3px 5px}.backs{height:18px;margin-top:5px}.backs i{height:18px;width:10px}.backs small{font-size:8px}.sit{width:55px;height:55px;font-size:27px}.starter-button{top:calc(9% + 65px);width:27px;height:27px;font-size:17px}#table-center{left:19%;right:19%;top:55%}#table-center h2{font-size:20px}#table-center p{font-size:11px}.table-button{font-size:10px;padding:10px}#table-center small{font-size:9px}.hand-stone{width:47px;height:87px}.hand{gap:8px;padding:11px 5px 8px;min-height:105px}#hand-area{min-height:155px}.hand-foot{font-size:8px}.hand-top>span{font-size:11px}.hand-actions{gap:6px}.hand-actions button{padding:9px 11px;min-height:36px}.admin-summary{padding:15px;gap:15px}.admin-summary strong{font-size:21px}.admin-row .small-button{font-size:10px;padding:8px 10px}.round-result strong{font-size:15px}.observing{padding:12px}#hand-area:has(.observing){min-height:35px}}
@media(max-height:660px) and (max-width:600px){.seat .avatar{--avatar:44px}.seat2{top:11%}.seat1,.seat3{top:32%}.starter-button{top:calc(11% + 57px)}.backs{display:none}#board{top:40%;bottom:23%}.hand-stone{height:74px;width:41px}.hand{min-height:92px}#hand-area{min-height:136px}.game-toolbar{height:44px}.wood{border-radius:38%}#table-center h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.club-card:hover{transform:none}}

.inline-requests{margin-top:24px;background:#fff;padding:20px;border-radius:16px;border:1px solid #eee5db}.inline-requests .section-heading{margin-bottom:0}.inline-requests h3{font-size:17px;margin:0}.inline-requests .admin-row:last-child{border-bottom:0}.link-account{margin:0 0 18px}.link-account summary{font-size:12px}.link-account p{font-size:12px}

.club-balances{display:flex;gap:24px;margin-left:auto}.club-wallet.reserve strong{color:var(--navy)}.club-nav button{flex:1}.players-panel{padding:24px;background:white;border:1px solid #e4dfd4;border-radius:24px}.players-panel .admin-row>span:not(.avatar){flex:1}.players-panel .admin-summary{margin:20px 0}@media(max-width:600px){.club-balances{width:100%;margin:12px 0 0;justify-content:space-between}.club-balances .club-wallet{text-align:left}.players-panel{padding:16px}.players-panel .admin-row{flex-wrap:wrap}}

.member-search{margin:18px 0}.counter-member{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;color:var(--navy)}.counter-member.selected{background:#faf6f2;border-radius:16px;padding-left:12px;padding-right:12px}.selection-dot{color:var(--blue);font-size:22px}.club-nav{gap:5px}.club-nav button{padding:13px 8px}.club-nav button.active{color:var(--blue)}

.verified-seal{display:inline-flex;background:#14965d;color:white;width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;font-size:12px}.member-name{font-weight:800;text-align:left}.role-switch{margin:12px 0}.member-profile{display:flex;align-items:center;gap:18px;margin:20px 0}.member-profile h3{margin:0}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-stats>div{padding:18px 10px;background:#fbf7f3;border-radius:16px;text-align:center}.member-stats strong{display:block;font-size:25px;color:var(--blue)}.member-stats small{display:block;margin-top:8px;color:var(--muted)}.role-management{margin-top:24px;border-top:1px solid #e5e4df;padding-top:16px}.history-row small{display:block;font-size:11px;color:var(--muted)}

/* Club controls share the game's bright, tactile style. */
.club-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.admin-tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:#fff;border:2px solid #fff;border-radius:20px;padding:20px;color:var(--ink);font-weight:800;box-shadow:0 5px 0 #f3e9dd;cursor:pointer}.admin-tile b{font-size:25px;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(#d7b68e,#ca9e68);color:white;box-shadow:0 3px 0 #b78140}.admin-tile:nth-child(2) b{background:linear-gradient(#ffa79a,#ee7468)}.admin-tile:nth-child(4) b{background:linear-gradient(#ead9c4,#dbbc97)}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.upcoming-grid div{background:#f8f3ec;color:#a18e77;text-align:center;border-radius:16px;padding:16px;font-weight:800}.upcoming-grid small{display:block;font-size:9px;letter-spacing:1px;margin-top:8px}.chat-messages{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px 4px}.chat-message{border-radius:17px;background:#faf5ef;padding:14px;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}.chat-message.mine{background:#cfa776;color:white;align-self:flex-end}.chat-message strong{font-size:12px}.chat-message p{white-space:pre-wrap;margin:8px 0;font-size:15px}.chat-message small{font-size:10px;opacity:.7}.chat-compose{display:flex;gap:12px;margin-top:16px;align-items:stretch}.chat-compose textarea{flex:1;resize:vertical;min-width:0;border:1px solid #ede5db;border-radius:15px;padding:14px;font:inherit}.notification{padding:18px;border-radius:16px;background:#faf6f1;margin:12px 0;border-left:4px solid transparent}.notification.unread{border-color:#f38e81}.notification p{margin:8px 0}.notification small{color:#9b8a75}.world-coming{text-align:center;padding:30px}.world-coming>span{font-size:68px}.archived-clubs{margin:24px 0;padding:20px;background:#fff;border-radius:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.admin-grid{grid-template-columns:repeat(2,1fr)}.chat-message{max-width:94%}.club-shortcuts .secondary{font-size:12px;padding:10px}.chat-compose .primary{padding:10px}.upcoming-grid div{font-size:12px}}
/* A bright game shell: tactile controls, club cover and a table that keeps its space. */
:root{--ink:#4e3b24;--blue:#c99c65;--coral:#ff826f;--cream:#fff9ef;--muted:#928677}
body:not(.in-game){background:radial-gradient(ellipse at 5% 0%,#f9f5ef 0,transparent 45%),radial-gradient(ellipse at 100% 60%,#fff1d7 0,transparent 50%),var(--cream)}
h1,h2,h3,.seat-name,.wallet{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.primary{background:linear-gradient(155deg,#d6b58c,#c99c65);border:2px solid #ffffff5e;box-shadow:0 4px 0 #ad7b3d}.secondary{border:2px solid #fff;box-shadow:0 3px 0 #f3e9dd;background:#fbf8f5;color:var(--blue)}
.club-card,.players-panel,.auth-card,dialog,.table-card{border:2px solid #fff;box-shadow:0 5px 0 #f2e9de,0 15px 40px #83674408}.club-card h3{font-weight:850}.club-card.tone0{background:linear-gradient(130deg,#fbf7f3,#fff)}.club-card.tone1{background:linear-gradient(130deg,#fff0e8,#fff)}.club-card.tone2{background:linear-gradient(130deg,#faf5ef,#fff)}
.profile-name{background:transparent;font-weight:800;display:flex;gap:7px;align-items:center;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-name small{color:var(--blue);background:#faf6f2;border-radius:50%;padding:4px 7px}.profile-heading{display:flex;gap:18px;align-items:center;margin:20px 0}.profile-heading h3{margin:0}.avatar-picker{border:0;display:flex;justify-content:space-between;padding:18px 0 24px;gap:10px}.avatar-picker legend{font-weight:800;font-size:13px}.avatar-picker label{cursor:pointer;margin:0}.avatar-picker input{position:absolute;opacity:0;width:1px}.avatar-picker input:checked+.avatar{outline:3px solid var(--blue);outline-offset:4px}.avatar-picker input:focus-visible+.avatar{outline:3px solid #dabb95;outline-offset:4px}
.club-cover{position:relative;min-height:195px;background:linear-gradient(115deg,#c99c65,#d6b48a 70%,#e3ccaf);border:3px solid white;border-radius:25px;padding:32px 220px 32px 28px;overflow:hidden;box-shadow:0 5px 0 #f3e9dd;margin-bottom:26px;color:#fff}.club-cover h2{font-size:36px;margin:12px 0;letter-spacing:-1px}.club-cover>.eyebrow{color:#ffd362}.club-cover>span:last-of-type{font-size:12px;opacity:.85}.club-cover>img{position:absolute;right:20px;top:14px;width:190px;height:168px;object-fit:cover;border-radius:23px;transform:rotate(6deg);border:3px solid #ffffff66;pointer-events:none}.cover-edit{position:absolute;right:12px;bottom:12px;z-index:1;background:#ffffffed;color:var(--blue);width:39px;height:39px;border-radius:13px;font-size:21px;box-shadow:0 3px 0 #b27e3e33}.club-title h2{display:none}.code{background:#fff;padding:12px 16px;border:2px solid white;border-radius:14px;box-shadow:0 3px 0 #f3e9dd;font-size:20px;font-weight:850;letter-spacing:3px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px}.code small{font-size:8px;letter-spacing:1px;color:var(--muted)}.invite-share{display:block;background:none;color:var(--blue);font-size:11px;font-weight:750;margin-top:10px}.club-wallet{padding:14px 20px;background:#fff;border-radius:19px;box-shadow:0 4px 0 #efebe5}.club-wallet.reserve strong{color:var(--coral)}.club-nav{background:#fff;padding:5px;border-radius:18px;border-bottom:0;box-shadow:0 4px 0 #f4ebe0;gap:5px}.club-nav button{border-radius:13px;border:0}.club-nav button.active{background:#faf6f2}.mini-table{border-radius:28px}.table-meta h3{font-weight:850}
.wood,.felt{border-radius:65px}.wood{background:linear-gradient(120deg,#c49454,#f0d9ae 18%,#d4ac72 40%,#f4ddb9 60%,#b58b57);box-shadow:0 9px 0 #9a794c,0 15px 32px #30231830}.felt{background:radial-gradient(ellipse at 35% 15%,#ac7746,#694326 65%,#392316)}.felt:before{border-radius:47px}.sit{background:#183b3299;border:2px dashed #ffffffa6;box-shadow:0 4px 10px #0b372a50}.wallet{border-radius:8px;background:#4e3b24ea;box-shadow:0 3px 0 #18382e44}.seat-name{border-radius:7px;background:#4e3b24ea}.table-button.gold{background:linear-gradient(#ffdf7f,#ffd362);box-shadow:0 4px 0 #c19439;color:#4e3b24}.table-button{border:1px solid #ffffff60}.table-chat-dock{position:absolute;right:12px;bottom:17px;width:150px;z-index:22;background:#4e3b24bd;border:1px solid #ffffff25;border-radius:13px;color:white;padding:10px;text-align:left;box-shadow:0 3px 12px #17443220}.chat-dock-label{display:flex;justify-content:space-between;font-weight:850;font-size:9px;margin-bottom:5px}.chat-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:11px;line-height:1.3;margin-top:4px}.table-history-button{position:absolute;left:15px;bottom:22px;width:37px;height:37px;border-radius:50%;background:#ffffffeb;color:var(--blue);font-size:22px;z-index:22;box-shadow:0 3px 0 #ece1d3}.observing{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.observing small{width:100%;font-size:10px}.seat-reason{color:#d26757}.round-picker{display:flex;overflow-x:auto;gap:8px;padding:4px 2px 14px;scrollbar-width:thin}.round-picker button{flex-shrink:0;background:#faf5ef;color:#928677;padding:10px 13px;font-size:11px;font-weight:800;border-radius:12px}.round-picker button.active{background:var(--blue);color:white}.move-row{display:flex;gap:13px;align-items:center;padding:13px 3px;border-bottom:1px solid #f5f0e9}.move-row>div{flex:1}.move-row small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.move-number{width:25px;height:25px;background:#faf6f2;border-radius:8px;font-size:11px;color:var(--blue);display:grid;place-items:center;font-weight:800}.history-stone{width:63px;height:34px;flex-direction:row;padding:2px;box-shadow:0 2px 0 #cbb99b}.negative{color:#db7267!important}
@media(max-width:600px){.club-cover{min-height:168px;padding:25px 135px 25px 20px}.club-cover h2{font-size:27px}.club-cover>img{width:133px;height:133px;right:-8px;top:15px;opacity:.85}.club-cover>span:last-of-type{font-size:10px}.club-wallet{padding:13px 15px;flex:1}.club-balances{gap:13px}.club-title{flex-wrap:wrap}.club-title>.club-emblem{display:none}.club-nav button{font-size:10px;padding:12px 6px}.wood,.felt{border-radius:55px}.wood{inset:13px 3px 15px}.felt:before{border-radius:37px}.table-chat-dock{width:129px;right:5px;bottom:8px;padding:8px}.chat-preview{font-size:10px}.table-history-button{left:10px;bottom:12px;width:33px;height:33px}.profile-name{max-width:128px;font-size:12px}.observing>.primary,.observing>.secondary{font-size:11px}}

/* Live table results remain separate from per-hand history. */
.table-results-button{position:absolute;right:14px;top:17%;width:37px;height:37px;border-radius:50%;background:#ffffffed;color:var(--blue);font-size:23px;z-index:22;box-shadow:0 3px 0 #ece1d3}
dialog.results-drawer{margin:0 0 0 auto;inset:0 0 0 auto;width:min(440px,89vw);max-width:89vw;height:100dvh;max-height:100dvh;border-radius:24px 0 0 24px;padding:24px 18px;background:linear-gradient(#fbf8f4,#fff8e7);box-sizing:border-box}.results-drawer .modal-heading h2{font-size:22px}.live-caption{color:var(--blue);font-size:11px;font-weight:800}.results-labels,.results-values{display:grid;grid-template-columns:minmax(0,1fr) 74px 85px;gap:8px;align-items:center}.results-labels{font-size:9px;font-weight:850;color:var(--muted);padding:16px 12px}.results-labels>span:not(:first-child),.results-values>strong{text-align:right}.results-player{padding:14px 12px;margin-bottom:12px;background:white;border:1px solid #f9f4ed;border-radius:17px;box-shadow:0 4px 0 #f4ebdf}.results-nick{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px}.results-nick>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-values>strong{font-size:15px;font-variant-numeric:tabular-nums}.results-player>small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.positive{color:var(--blue)}.results-unit{text-align:center;letter-spacing:1px;color:var(--muted);font-size:9px;font-weight:850;margin-top:28px}@media(max-width:600px){.results-labels,.results-values{grid-template-columns:minmax(0,1fr) 63px 73px;gap:5px}.results-values>strong{font-size:13px}.table-results-button{right:9px;top:17%;width:33px;height:33px}}

.google-button{display:flex;align-items:center;justify-content:center;gap:12px;background:white;border:1px solid #cec5b9;color:#4a3a26;min-height:48px;border-radius:14px;font:600 15px system-ui;cursor:pointer;padding:12px 18px;margin-top:16px}
.google-button span{font-size:22px;color:#4285f4;font-weight:800}
.google-button:hover{background:#fcf9f6}.google-button:disabled{opacity:.5;cursor:default}
.auth-divider{display:flex;align-items:center;gap:10px;color:#948777;font-size:12px;margin:20px 0}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:#efebe5}
.account-login{border-top:1px solid #efebe5;padding:16px 0}.linked-login{color:#b27e3e;font-weight:700}

.google-button img{flex-shrink:0;object-fit:contain}.google-button{border-color:#747775;color:#1f1f1f;font-weight:500}

/* Fixed avatar sizes and dealing indexes avoid inline styles in markup. */
.avatar.avatar-size-28{--avatar:28px}
.avatar.avatar-size-36{--avatar:36px}
.avatar.avatar-size-42{--avatar:42px}
.avatar.avatar-size-52{--avatar:52px}
.avatar.avatar-size-64{--avatar:64px}
.avatar.avatar-size-68{--avatar:68px}
.shuffle .shuffle-0{--i:0}
.shuffle .shuffle-1{--i:1}
.shuffle .shuffle-2{--i:2}
.shuffle .shuffle-3{--i:3}
.shuffle .shuffle-4{--i:4}
.shuffle .shuffle-5{--i:5}
.shuffle .shuffle-6{--i:6}

/* Table finish: static textures and readable stones, with no layout changes. */
.wood{background:repeating-linear-gradient(2deg,#895a3218 0 1px,transparent 1px 7px),linear-gradient(120deg,#c49454,#f0d9ae 18%,#d4ac72 40%,#f4ddb9 60%,#b58b57)}
.felt{background:radial-gradient(ellipse at 35% 15%,#ac7746,#694326 65%,#392316)}
.felt:before{border-color:#ffffff22}
.domino{color:#292015;background:linear-gradient(155deg,#fffdf3,#f5e9cf)}
.domino .divider{background:#29201588}
.table-history-button,.table-results-button,.starter-button{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:13px;border:1px solid #ffffff73;background:linear-gradient(#d0aa7b,#bf8a49);color:white;box-shadow:0 3px 0 #976b35;font-size:22px}
.starter-button{left:auto;right:12px;top:12px;transform:none;background:linear-gradient(#ffe186,#ffd362);box-shadow:0 3px 0 #c19439;color:#4e3b24}
.starter-button:active{transform:translateY(1px)!important}
.table-results-button{right:12px;top:66px}
.game-toolbar .icon-button{width:44px;height:44px;border-radius:13px;background:#ffffffbd;box-shadow:0 2px 0 #4e3b2412}
.hand-actions button{min-height:44px}
@media(max-width:600px){.starter-button,.table-results-button{right:8px}.hand-actions button{font-size:10px;padding:9px 8px}.hand-top{gap:5px}.table-history-button{bottom:12px}.hand-top>span{max-width:120px}}
/* Vertical train uses more of the cloth while keeping controls outside its bounds. */
#board{top:min(158px,26%);bottom:min(136px,22%)}
@media(max-width:600px){#board{left:20px;right:20px;top:min(158px,26%);bottom:min(136px,22%)}}

/* Shared game finish: compact club chrome, distinct actions and readable wallets. */
:root{--blue:#75502e;--coral:#ac703e;--gold:#dcaf32;--muted:#62574a}
body:not(.in-game){background:linear-gradient(135deg,#f9f4ee,#fdfcfa 50%,#fff9ef)}
.primary{background:linear-gradient(155deg,#d0a878,#75502e);box-shadow:0 3px 0 #9e7037;border:1px solid #ffffff65;border-radius:13px}
.secondary{background:#fbf7f2;border:1px solid #f2e7d9;box-shadow:0 2px 0 #f0e4d5;border-radius:13px}
.auth-card,.club-card,.players-panel,dialog,.table-card{border:1px solid #f4ebe1;box-shadow:0 5px 20px #4f3b220b}
.lobby-hero{padding-top:24px;padding-bottom:24px;min-height:210px}
.lobby-hero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px}
.lobby-art{max-height:200px;object-fit:contain}
.club-cover{min-height:148px;padding:23px 180px 23px 24px;border:1px solid #ffffffa3;border-radius:20px;background:linear-gradient(120deg,#75502e,#d3ae81 65%,#d5b389);box-shadow:0 5px 20px #75502e21;margin-bottom:20px}
.club-cover h2{font-size:30px;margin:9px 0}
.club-cover>img{width:139px;height:124px;top:12px;border-width:1px;border-radius:20px;transform:rotate(5deg)}
.code{font-size:17px;border:1px solid #f4ebe1;border-radius:13px;box-shadow:none;padding:10px 14px}
.club-wallet{background:linear-gradient(135deg,#fff,#faf5ef);border:1px solid #f4eade;box-shadow:none;border-radius:17px;padding:14px 18px}
.club-wallet.reserve{background:linear-gradient(135deg,#fff,#fff0eb);border-color:#f4ddd5}
.club-wallet strong{font-variant-numeric:tabular-nums}
.club-nav{border:1px solid #f5ece1;box-shadow:0 3px 10px #4f3b2207;border-radius:16px}
.club-nav button.active{background:var(--blue);color:#fff;box-shadow:0 2px 6px #75502e26}
.table-card{border-radius:17px;padding:14px 18px;border-left:3px solid #75502e;gap:18px}
.table-meta h3{margin-bottom:8px}.table-meta p{margin-bottom:6px}
.circle-arrow{background:#faf6f2;color:var(--blue);border-radius:10px}
.seat-name{background:linear-gradient(#664f33,#4e3920);border:1px solid #ffffff35;border-radius:9px;box-shadow:0 3px 6px #2f221126}
.wallet{background:linear-gradient(#664f33,#4e3920);border:1px solid #e0b75470;border-radius:9px;color:#ffda80;box-shadow:0 3px 6px #2f221126;font-variant-numeric:tabular-nums}
.seat.active .seat-name{border-color:#dcaf32}
.avatar-wrap{background:linear-gradient(135deg,#fff0bf,#cca769)}
#hand-area{background:linear-gradient(#faf5ef,#f5ede4);border:1px solid #ffffffde;border-radius:20px;padding:7px 8px 3px}
#hand-area:has(.observing){background:transparent;border:0}
.hand-top>span{color:#664f33}.hand-top>span>small{color:#786750}
.hand-actions .primary{background:linear-gradient(#f68b77,#e86d5d);box-shadow:0 2px 0 #c25446}
.hand-actions .secondary{background:linear-gradient(#d0a878,#75502e);color:white;border-color:#ffffff70;box-shadow:0 2px 0 #9e7037}
.hand-actions button{border-radius:13px;min-height:44px}
.hand-actions button:disabled{background:#fbf8f4;color:#786750;opacity:1;box-shadow:none;border:1px solid #efe2d2}
.hand-stone:disabled{opacity:1}
.hand-foot{color:#786750}
.table-chat-dock{background:linear-gradient(#664f33e8,#4e3920e8);border-color:#ffffff33;border-radius:13px}
.admin-tile{border:1px solid #f4ebe1;border-radius:17px;box-shadow:0 4px 15px #4f3b2208}
@media(max-width:600px){
 .lobby-hero{min-height:205px;padding-top:22px;padding-bottom:22px}
 .lobby-hero h1{font-size:29px}
 .club-card{min-height:160px;padding:18px}
 .club-cover{min-height:139px;padding:21px 120px 21px 18px}
 .club-cover h2{font-size:26px}
 .club-cover>img{width:115px;height:115px;right:-3px;top:12px}
 .club-wallet{padding:12px 14px}.club-wallet strong{font-size:21px}
 .table-card{padding:12px;gap:12px}.mini-table{width:64px;height:84px}
 #hand-area{padding:5px 5px 2px}.hand{padding-top:9px;padding-bottom:5px}
 .hand-actions button{font-size:10px;padding:9px 8px}
}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Dominado identity v1: original stones, bright clubhouse and tactile controls. */
.brand{font-weight:900;letter-spacing:.8px;font-size:23px;gap:9px}
.brand-emblem{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.cloth-mark .brand-emblem{width:74px;height:74px}
.cloth-mark .brand{font-size:36px;pointer-events:none;color:#f5d793}
.lobby-hero{background:linear-gradient(125deg,#75502e,#d5b287 70%,#d5b389);border:1px solid #ffffffaa;box-shadow:0 5px 0 #a172381a,0 12px 25px #75502e15;border-radius:25px;padding:24px 28px;color:white}
.lobby-hero .eyebrow{color:#ffe1a0}.lobby-hero .muted{color:#fbf7f2}
.lobby-hero h1{font-weight:900;letter-spacing:-.8px}
.lobby-hero .primary{background:linear-gradient(#ffd777,#dcaf32);color:#4e3b24;box-shadow:0 3px 0 #b48228;border-color:#ffe9b4}
.lobby-hero .secondary{background:#ffffffeb;color:#a17238;border-color:#ffffffc9}
.lobby-art{filter:drop-shadow(0 8px 7px #6e4e2724)}
.club-card{background:linear-gradient(140deg,#fff,#faf6f2);border:1px solid #eddecb;box-shadow:0 4px 0 #f4ebdf,0 8px 14px #4e3b2409}
button,.club-card{transition:filter .12s,box-shadow .12s}
button:not(:disabled):active{filter:brightness(.95)}
.primary,.table-button.gold{box-shadow:0 3px 0 #956934}.table-button.gold{box-shadow:0 3px 0 #b48228}
.table-stone{animation:stone-in .18s ease-out}
.round-result{background:linear-gradient(145deg,#75502e,#c08b4b);border:2px solid #dcaf32;animation:result-in .2s ease-out}
@keyframes result-in{from{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}
.sound-panel{display:grid;gap:18px}.sound-panel>img{margin:auto}
.sound-panel label{font-weight:750;font-size:14px}.sound-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px}
.sound-toggle input{width:24px;height:24px;accent-color:#75502e}
.sound-panel input[type=range]{width:100%;height:30px;accent-color:#75502e}
#effects-volume-label{float:right;font-variant-numeric:tabular-nums;color:#75502e}
@media(max-width:600px){.brand{font-size:17px;gap:5px}.brand-emblem{width:31px;height:31px}.topbar{gap:8px}.profile{gap:6px}.lobby-hero{padding:18px;min-height:217px}.lobby-hero h1{font-size:29px}.lobby-hero .lobby-art{width:128px;max-height:174px}.cloth-mark .brand{font-size:27px}}
@media(prefers-reduced-motion:reduce){button,.club-card,.table-stone,.round-result{animation:none!important;transition:none!important}}
/* Blend the existing clubhouse illustration into the scene instead of a photo frame. */
.lobby-art{-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 55%,transparent 100%)}

.reserved-seat{font-size:9px;color:#fff0b8;background:#4e3920e6;border:1px solid #dcaf3270;border-radius:6px;padding:4px 7px;margin-top:5px}

/* Professional game shell: same fixed table geometry, restrained colors and compact chrome. */
:root{--ink:#40301c;--blue:#75502e;--coral:#ac703e;--gold:#dcaf32;--cream:#f7f5f3;--muted:#62574a}
body:not(.in-game){background:linear-gradient(#fcfbfa,#f7f5f3)}
body,h1,h2,h3,.seat-name,.wallet{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3{font-weight:700}.primary,.secondary{border-radius:10px;font-weight:600;box-shadow:0 2px 5px #45311814;border:1px solid #ffffff40}
.primary{background:linear-gradient(#af7c3e,#75502e)}.secondary{background:#f7f3ee;border-color:#ebe2d8;color:var(--blue)}
.club-card,.players-panel,.auth-card,dialog,.table-card{border:1px solid #ece5dc;box-shadow:0 3px 14px #4f3b2208;border-radius:14px}
.lobby-hero{min-height:0;padding:18px 24px;margin:0 0 18px;background:#fff;border:1px solid #ece5dc;border-radius:14px;gap:20px}
.lobby-hero h1{font-size:32px;letter-spacing:-.7px;margin:7px 0}.lobby-hero .eyebrow{font-size:10px;color:var(--blue)}.lobby-hero p{font-size:13px;margin:7px 0 14px}.lobby-art{width:112px;height:112px;max-height:112px;filter:none;transform:none}.hero-actions button{font-size:13px;min-height:44px;padding:10px 14px}
.club-crest{display:flex;width:58px;height:58px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#695133,#453118);border:1px solid #c49d53;border-radius:12px;box-shadow:inset 0 0 0 4px #695133;color:#fff;gap:2px}.club-crest>span{font-size:15px;color:var(--gold)}.club-crest>b{font:600 20px Georgia,serif;letter-spacing:1px}
.club-card,.club-card.tone0,.club-card.tone1,.club-card.tone2{background:#fff;text-align:left}.club-card h3{font-size:20px;font-weight:650}.club-card p{font-size:11px;font-family:monospace}.club-card-top{align-items:center}.club-card-bottom{font-size:12px}.club-grid{gap:14px}.new-club{background:#fcfaf8!important;border-style:dashed;box-shadow:none}.big-plus{font-size:32px;color:var(--blue)}
.club-cover{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:4px 16px;min-height:0;background:#fff;color:var(--ink);padding:18px 60px 18px 18px;border:1px solid #ece5dc;border-radius:14px;box-shadow:0 3px 14px #4f3b2208;margin-bottom:14px}.club-cover>.club-crest{grid-column:1;grid-row:1/4;width:64px;height:64px}.club-cover>.eyebrow{font-size:9px;color:var(--blue);letter-spacing:1px}.club-cover h2{font-size:26px;font-weight:700;margin:0;letter-spacing:-.4px}.club-cover>span:last-of-type{color:var(--muted);font-size:11px}.cover-edit{box-shadow:none;border:1px solid #ece5dc;background:#fbf9f6;border-radius:10px;top:24px;bottom:auto}
.code{font-size:14px;padding:9px 12px;letter-spacing:1px;border-radius:10px}.code small{font-weight:600}.club-wallet,.club-wallet.reserve{background:#fff;border-color:#ece5dc;border-radius:12px;padding:12px 15px}.club-wallet strong{font-weight:650;font-size:24px}.club-wallet small{font-size:9px;letter-spacing:.6px}.club-nav{box-shadow:none;border-radius:12px}.club-nav button{border-radius:9px;font-weight:600}.club-nav button.active{box-shadow:none;background:#f8f2ea;color:var(--blue)}.admin-row,.admin-grid button{border-radius:12px}.table-card{border-left:3px solid var(--blue)}
.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-image:none!important;border:1px solid #ffffffb3;box-shadow:0 2px 6px #4531181a}.avatar.a0{background:#75502e}.avatar.a1{background:#ac703e}.avatar.a2{background:#a88f71}.avatar.a3{background:#b1863b}.avatar-initials{color:#fff;font-weight:600;font-size:calc(var(--avatar,54px) * .32);line-height:1;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-photo[hidden]{display:none}.avatar-wrap{background:linear-gradient(135deg,#f3eee7,#9e9182)}
.wood{background:linear-gradient(135deg,#978978,#544634,#867866);box-shadow:0 5px 0 #443625,0 12px 22px #4531182b;border-color:#c49d5380}.felt{background:radial-gradient(ellipse at 35% 15%,#328a68,#247554 65%,#17573f)}.felt:before{border-color:#ffffff1c}.seat-name,.wallet{background:linear-gradient(#4a3b28,#3a2a17);font-weight:600}.wallet{color:#dcaf32;border-color:#dcaf3270}.seat.active .seat-name{border-color:#dcaf32}
.table-history-button,.table-results-button,.starter-button{border-radius:11px;box-shadow:0 2px 5px #38271440;background:linear-gradient(#b37f3f,#75502e)}.starter-button{background:linear-gradient(#efca7e,#dcaf32);color:#40301c}.table-button{box-shadow:0 2px 5px #38271440;border-radius:11px}.table-chat-dock{background:linear-gradient(#4a3b28e8,#3a2a17e8);border-radius:10px}.chat-dock-label{font-weight:600}
#hand-area{background:linear-gradient(#faf8f5,#f2eee8);border-color:#e8e1d8;border-radius:14px}.hand-actions button{box-shadow:0 2px 4px #38271426;font-weight:600;border-radius:10px}.hand-actions .primary{background:linear-gradient(#dc7a63,#c5644e)}.hand-actions .secondary{background:linear-gradient(#b37f3f,#75502e)}.hand-actions button:disabled{box-shadow:none;background:#f7f5f3;color:#786750}.results-player{border-radius:12px;box-shadow:none}.results-drawer{background:#f7f5f3!important}.pill{font-weight:600}
@media(max-width:600px){.lobby-hero{padding:16px;gap:8px}.lobby-hero h1{font-size:28px}.lobby-art{width:78px;height:78px}.hero-actions{flex-wrap:wrap;gap:8px}.hero-actions button{font-size:12px}.club-cover{padding:16px 48px 16px 14px;gap:3px 12px}.club-cover h2{font-size:24px}.club-cover>.club-crest{width:56px;height:56px}.club-cover>span:last-of-type{font-size:10px}.club-wallet strong{font-size:21px}.club-wallet{padding:12px}.club-title{gap:12px}.club-card h3{font-size:18px}.club-nav button{font-size:10px}.profile-name{font-weight:600}}

body.in-game{background:#f4f1ee}
.club-title>.club-emblem{display:none}.mini-table{border-color:#746553;background:radial-gradient(#328a68,#17573f);box-shadow:0 3px 6px #45311814}.mini-table i{background:#4f3c24;border:1px solid #c49d53;box-sizing:border-box}
.auth-hero .eyebrow{font-size:10px;letter-spacing:1.5px}.auth-hero h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2px}.auth-card h2{font-size:28px}.auth-game-preview{margin:28px 0 0;border:1px solid #ece5dc;border-radius:16px;background:#fff;padding:16px}.auth-game-felt{height:168px;border-radius:28px;background:radial-gradient(ellipse at 35% 10%,#328a68,#17573f);border:7px solid #746553;display:flex;align-items:center;justify-content:center;gap:3px}.auth-preview-stone{display:flex;flex-direction:column;width:42px;height:76px;border:1px solid #cabb9d;background:linear-gradient(#fffdf3,#f5e9cf);border-radius:5px;padding:3px;box-shadow:0 3px 0 #cabb9d}.auth-preview-stone .face{flex:1;min-height:0}.auth-preview-stone .face svg{width:100%;height:100%;fill:#292015}.auth-preview-stone .divider{height:1px;margin:2px;background:#29201588}.auth-game-preview>span{display:block;text-align:center;font-size:11px;letter-spacing:.5px;color:var(--muted);margin-top:13px}
.chip-stack{position:relative;display:inline-flex;width:23px;height:16px;vertical-align:middle;flex-shrink:0;margin-right:4px}.chip-stack i{position:absolute;width:12px;height:6px;border-radius:50%;border:1px dashed #fff8;background:#ac703e;bottom:2px;left:0;box-shadow:0 2px 0 #a34f3e,0 4px 0 #7d3d30}.chip-stack i:nth-child(2){background:#75502e;left:6px;bottom:6px;box-shadow:0 2px 0 #875f2f,0 4px 0 #624623,0 6px 0 #573d1e}.chip-stack i:nth-child(3){background:#dcaf32;left:12px;bottom:1px;box-shadow:0 2px 0 #ac853a}
@media(max-width:600px){.auth-hero h1{font-size:38px}.auth-game-preview{padding:12px;margin-top:16px}.auth-game-felt{height:110px}.auth-preview-stone{width:33px;height:60px}.auth-card h2{font-size:24px}}

/* Original continuous game shell. These styles do not change the playing table. */
:root{--shell-rail:#715028;--shell-shade:#543c1e;--shell-stage:#f2ece4;--shell-line:#bba171;--shell-secondary:#796447}
body:not(.in-game){background:linear-gradient(#f2ece4,#f8f6f4 55%,#eee5db);min-height:100dvh}
.lobby-shell{max-width:920px;padding:0 22px 78px;min-height:100dvh}
.shell-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}
.lobby-shell .topbar,.shell-club-header,.shell-dock{background:linear-gradient(135deg,var(--shell-rail),var(--shell-shade));color:#fff;border-top:1px solid #ffffff21;border-bottom:1px solid #dcaf3280}
.lobby-shell .topbar{padding:12px 18px;margin:0 -22px;gap:12px;min-height:76px}
.lobby-shell .profile{gap:11px;flex:1;min-width:0;font-weight:600}.profile>div{min-width:0}
.lobby-shell .profile-name{background:none;color:#fff;text-align:left;padding:0;min-height:27px;font-size:16px;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}
.lobby-shell .profile-name>small{font-size:10px;opacity:.7}.shell-user-id{display:block;font:500 9px monospace;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.shell-brand{display:flex;flex-direction:column;text-align:right;gap:5px;flex-shrink:0}.shell-brand strong{font-size:12px;letter-spacing:1.2px;font-weight:600}.shell-brand small{font-size:9px;color:var(--gold)}
.shell-menu{position:relative;flex-shrink:0}.shell-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;cursor:pointer;border-radius:6px}.shell-menu summary::-webkit-details-marker{display:none}.shell-menu summary:hover{background:#ffffff12}.shell-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.shell-menu>div{position:absolute;right:0;top:48px;z-index:50;min-width:220px;max-width:calc(100vw - 36px);padding:6px;background:#f8f6f4;border:1px solid var(--shell-line);border-radius:6px;box-shadow:0 8px 20px #543c1e33;color:var(--ink)}.shell-menu button{display:block;background:none;width:100%;min-height:44px;text-align:left;padding:12px;font-size:13px}.shell-menu button:hover{background:#eee5db}
#lobby-content{padding-top:17px}.lobby-shell .primary,.lobby-shell .secondary{min-height:44px;border-radius:6px;font-size:12px;font-weight:600;box-shadow:none;padding:10px 13px;gap:8px}.lobby-shell .primary{border:1px solid #ffffff3b;background:var(--blue)}.lobby-shell .secondary{border:1px solid #bba171a6;background:#ffffff61;color:var(--blue)}.shell-lobby-actions{display:flex;gap:10px;margin-bottom:16px}.shell-lobby-actions>button{flex:1}.shell-lobby-actions .shell-icon{width:19px;height:19px}
.lobby-shell .section-heading.shell-section{padding:12px 0;margin:0 0 16px;border-bottom:1px solid #bba171a6;gap:8px}.shell-section h2,.shell-section h3{font-size:14px;font-weight:600;letter-spacing:.5px;margin:0}.shell-section>span{margin-left:auto;color:var(--shell-secondary);font-size:11px}
.shell-club-list{display:flex;flex-direction:column}.shell-club-entry{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:15px 13px;min-height:85px;border-left:3px solid #75502ea6;border-bottom:1px solid #bba171a6;background:linear-gradient(100deg,#ffffff6e,#ebe2d6cc);border-radius:0;box-shadow:none}.shell-club-entry.owner{border-left-color:var(--gold)}.shell-club-entry:hover{background:linear-gradient(100deg,#ffffffb0,#e9dccd)}.shell-club-entry>.club-crest{width:54px;height:54px;border-radius:10px}.shell-club-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.shell-club-text>strong{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:600;overflow-wrap:anywhere}.shell-club-text .shell-icon{width:13px;height:13px;color:var(--blue)}.shell-club-text>small{font:500 10px monospace;letter-spacing:.5px;color:var(--shell-secondary)}.shell-club-text>span{font-size:10px;color:var(--shell-secondary)}.shell-club-text>span.pending{color:#b4513f}.shell-club-count{display:flex;flex-direction:column;gap:3px;min-width:37px;text-align:center;color:var(--blue)}.shell-club-count>strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.shell-club-count>small{font-size:8px;font-weight:600;letter-spacing:.7px}.shell-club-entry>span:last-child{font-size:24px;color:var(--shell-secondary)}.shell-empty{padding:22px 6px;font-size:13px}
.lobby-shell footer{border:0;text-align:center;justify-content:center;padding:18px 0;margin-top:20px;color:var(--shell-secondary);font-size:9px}
.club-open>.topbar{display:none}.club-open #lobby-content{padding-top:0}.club-heading{margin:0 -22px;padding:0;border:0}.shell-club-header{display:flex;align-items:center;gap:9px;padding:11px 8px;min-height:88px}.shell-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;color:#fff}.shell-club-header>.club-crest{width:43px;height:43px;border-radius:9px;gap:1px}.shell-club-header>.club-crest>span{font-size:11px}.shell-club-header>.club-crest>b{font-size:16px}.shell-club-identity{flex:1;min-width:0}.shell-club-identity h2{margin:0;display:flex;align-items:center;gap:6px;font-size:20px;letter-spacing:0;font-weight:600;overflow-wrap:anywhere}.shell-club-identity h2>.shell-icon{width:13px;height:13px;color:var(--gold)}.shell-club-identity .code{display:flex;align-items:center;gap:6px;min-height:44px;padding:0;background:none;border:0;box-shadow:none;color:#ffffffb3;font:500 10px monospace;letter-spacing:.5px}.code>.shell-icon{width:13px;height:13px}
.club-heading .club-balances{display:flex;gap:0;padding:10px 18px;background:#ffffff45;border-bottom:1px solid #bba1718c;flex-wrap:nowrap;margin:0;width:100%;min-width:0}.club-heading .club-wallet{flex:1;min-width:0;padding:0 14px 0 0;border:0;border-radius:0;background:none;box-shadow:none}.club-heading .club-wallet.reserve{padding:0 0 0 14px;border-left:1px solid #bba1718c}.club-wallet>small{display:block;font-size:8px;letter-spacing:.5px;color:var(--shell-secondary);font-weight:600}.club-heading .club-wallet strong{display:flex;gap:3px;align-items:center;margin-top:3px;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--blue);overflow-wrap:anywhere}.club-heading .club-wallet.reserve strong{color:var(--coral)}
.club-shortcuts{display:flex;gap:0;margin:0 -22px 8px;padding:0 12px;border-bottom:1px solid #bba17180}.club-shortcuts>button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:44px;padding:6px 0;background:none;color:var(--shell-secondary);font-size:10px;font-weight:500}.club-shortcuts .shell-icon{width:18px;height:18px}
.shell-dock,.club-nav.shell-dock{display:flex;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(920px,100%);z-index:30;margin:0;padding:0 10px env(safe-area-inset-bottom);gap:0;border-radius:0;box-shadow:none;overflow:visible}.shell-dock>button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:60px;padding:8px 2px;position:relative;color:#ffffffa1;background:none;border-radius:0;font-size:10px;font-weight:500}.shell-dock>button>.shell-icon{width:23px;height:23px}.shell-dock>button>span{background:none;padding:0;margin:0;font-size:10px;color:inherit}.shell-dock>button.active{color:var(--gold);background:none;box-shadow:none}.shell-dock>button.active:after{content:"";position:absolute;top:0;left:50%;bottom:auto;right:auto;transform:translateX(-50%);width:28px;height:2px;background:var(--gold);border-radius:0}.shell-tables-heading{margin-bottom:20px!important}.shell-create-table{width:44px;padding:0!important;flex-shrink:0}
.scene-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:22px 16px;align-items:start}.scene-table-card{display:flex;flex-direction:column;gap:7px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-width:0;text-align:center}.scene-table-card:hover{background:#ffffff18}.scene-table-card>h3{min-height:35px;display:flex;align-items:center;justify-content:center;line-height:1.25;font-size:14px;font-weight:600;letter-spacing:0;margin:0;overflow-wrap:anywhere;color:var(--ink)}.scene-table-art{height:123px;padding:8px 5px 4px;background:none;position:relative}.scene-table-art .mini-table{width:100%;height:111px;position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:6px solid #9c8c78;border-radius:30px;background:radial-gradient(ellipse at 25% 15%,#388d71,#226b50);box-shadow:inset 0 0 0 3px #104d3d,0 3px 0 #645440,0 7px 11px #543c1e2b;overflow:visible}.scene-table-art .mini-table:before{content:"";position:absolute;inset:-4px;border:1px solid #dcaf328c;border-radius:27px;pointer-events:none}.scene-table-art .mini-table:after{content:"";position:absolute;inset:9px;border:1px solid #ffffff21;border-radius:16px;pointer-events:none}.scene-table-art .mini-table i{position:absolute;width:20px;height:7px;border-radius:50%;background:var(--shell-shade);border:1px solid #dcaf3299;box-shadow:none}.scene-table-art .mini-table i:nth-of-type(1){left:50%;top:-4px;transform:translateX(-50%)}.scene-table-art .mini-table i:nth-of-type(2){right:-4px;top:50%;width:7px;height:20px;transform:translateY(-50%);left:auto}.scene-table-art .mini-table i:nth-of-type(3){left:50%;bottom:-4px;top:auto;transform:translateX(-50%)}.scene-table-art .mini-table i:nth-of-type(4){left:-4px;top:50%;width:7px;height:20px;transform:translateY(-50%)}
.scene-table-status{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;min-height:20px;padding:3px 10px;border:1px solid #dcaf328c;border-radius:3px;background:var(--shell-shade);color:#fff;font-size:8px;letter-spacing:.5px;font-weight:600;white-space:nowrap;z-index:2}.scene-table-status.playing{color:var(--gold)}.scene-table-value{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;padding:0 8px;min-width:0}.scene-table-value>strong{font-size:21px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.scene-table-value>small{font-size:7px;color:#ffffffba;letter-spacing:.5px;font-weight:500}.scene-table-value>span{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px;font-size:10px;font-weight:600;color:#ffffffdb}.scene-table-value .shell-icon{width:12px;height:12px}.scene-table-availability{font-size:10px;font-weight:500;color:var(--shell-secondary)}.scene-table-availability>span{font-size:14px;margin-left:3px}
.lobby-shell .players-panel,.lobby-shell .requests,.lobby-shell .inline-requests{background:none;border:0;border-radius:0;box-shadow:none;padding:12px 0}.lobby-shell .players-panel h3{font-size:14px;font-weight:600;letter-spacing:.3px}.lobby-shell .admin-row{border:0;border-bottom:1px solid #bba17199;border-radius:0;background:none;box-shadow:none;padding:14px 6px;margin-bottom:0}.lobby-shell .admin-row.selected{background:#75502e12;border-bottom-color:var(--blue)}.lobby-shell .admin-grid{gap:0 16px}.lobby-shell .admin-tile{border:0;border-bottom:1px solid #bba17199;border-radius:0;background:none;box-shadow:none;padding:12px 6px;font-weight:600}.lobby-shell .admin-tile>b{background:none!important;box-shadow:none!important;color:var(--blue);font-size:24px;font-weight:500}.lobby-shell .role-switch{background:none;border-radius:0;padding:0;gap:0;border-bottom:1px solid var(--shell-line)}.lobby-shell .role-switch button{border-radius:0;min-height:44px;background:none;box-shadow:none}.lobby-shell .role-switch button.active{border-bottom:2px solid var(--blue)}.lobby-shell .member-search input{background:#ffffff61;border:1px solid #bba17199;border-radius:6px}.lobby-shell .stats>div{border-radius:0;box-shadow:none;background:none;border-bottom:1px solid #bba17199}.lobby-shell .request-row{border-color:#bba17199}.lobby-shell .club-tools{flex-wrap:wrap}
@media(min-width:1000px){.scene-table-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 22px}.shell-club-entry{max-width:100%}.lobby-shell .topbar{min-height:82px}}
@media(max-width:600px){.lobby-shell{padding:0 18px calc(78px + env(safe-area-inset-bottom))}.lobby-shell .topbar{margin:0 -18px;padding:12px 18px;gap:6px}.lobby-shell .profile-name{max-width:145px;font-size:16px}.shell-user-id{max-width:145px}.shell-brand strong{font-size:11px}.club-heading{margin:0 -18px}.club-shortcuts{margin:0 -18px 8px}.shell-club-entry{padding:15px 11px;gap:11px}.shell-club-text>strong{font-size:18px}.scene-table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.shell-dock>button>span{font-size:9px}}
@media(max-width:380px){.lobby-shell .profile-name{max-width:110px}.shell-user-id{max-width:110px}.lobby-shell .topbar{padding-left:15px;padding-right:8px}.scene-table-grid{gap:22px 12px}.shell-club-entry{gap:9px}.shell-club-text>strong{font-size:16px}.shell-club-identity h2{font-size:18px}.club-heading .club-wallet strong{font-size:18px}}

.lobby-shell .admin-tile>.shell-icon{color:var(--blue);width:25px;height:25px}.lobby-shell .admin-summary>div{border-radius:0;border:0;border-bottom:1px solid #bba17199;background:none;box-shadow:none;padding:14px 6px}.lobby-shell .admin-summary strong{font-weight:600;font-variant-numeric:tabular-nums}.lobby-shell .profile-name>small{background:none;color:#ffffffb3;padding:0}
.lobby-shell .admin-summary{padding:0;gap:14px;background:none;border-radius:0}

/* The two table exits stay at the beginning of the menu, above sound and history. */
.table-exit-actions{position:sticky;top:0;z-index:2;background:#f7f5f3;padding:0 0 10px;border-bottom:1px solid #bba17199;margin-bottom:16px}
.table-exit-button{justify-content:flex-start;min-height:62px;text-align:left;border-radius:6px;box-shadow:none}.table-exit-button>span{display:flex;flex-direction:column;gap:4px;margin-left:0}.table-exit-button strong{font-size:15px;font-weight:600}.table-exit-button small{font-size:11px;font-weight:400;color:#796447}.table-exit-actions>p{font-size:11px;line-height:1.4;color:#796447;margin:0}

/* Original lounge scene: layered cover, compact HUD and horizontal tables. */
.club-lounge-heading{margin:0 -22px;background:#ede5dc}
.club-lounge-hero{position:relative;height:196px;isolation:isolate;overflow:visible}
.club-lounge-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;z-index:-2}
.club-lounge-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#543c1e2e,transparent 45%,#543c1e59);z-index:-1;pointer-events:none}
.club-cover-tools{display:flex;align-items:center;gap:4px;padding:32px 10px 6px;position:relative;z-index:3}
.club-cover-tools>button,.club-cover-tools>.shell-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;flex-shrink:0;padding:0;background:#543c1ecc;border:1px solid #ffffff2e;border-radius:50%;color:#fff;box-shadow:none;position:relative}
.club-cover-tools .shell-icon{width:21px;height:21px}.club-cover-space{flex:1}.club-cover-tools .shell-menu{margin:0}.club-cover-tools .shell-menu>div{top:50px;z-index:40;color:#40301c}.club-notification-dot{position:absolute;right:8px;top:6px;background:var(--coral);width:7px;height:7px;border-radius:50%}
.club-cover-hud{display:flex;align-items:center;gap:9px;position:absolute;left:0;right:0;bottom:0;padding:13px 14px;background:linear-gradient(#543c1e33,#543c1ef0);color:#fff}
.club-cover-hud>.club-crest{width:51px;height:51px;border-radius:10px;box-shadow:inset 0 0 0 3px #695133;gap:1px}.club-cover-hud>.club-crest>span{font-size:13px}.club-cover-hud>.club-crest>b{font-size:18px}
.club-cover-identity{display:flex;flex:1;min-width:0;min-height:48px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;text-align:left;background:none;color:#fff;padding:0;border:0;box-shadow:none}
.club-cover-identity>strong{display:flex;align-items:center;gap:4px;max-width:100%;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-cover-identity>strong>.shell-icon{width:11px;height:11px;flex-shrink:0;color:var(--gold)}.club-cover-identity>small{display:flex;align-items:center;gap:5px;max-width:100%;font:500 9px monospace;white-space:nowrap;color:#ffffffcc}.club-cover-identity>small>.shell-icon{width:10px;height:10px}
.club-cover-wallet{display:flex;flex:0 0 105px;min-width:0;flex-direction:column;align-items:flex-end;gap:5px;padding-left:6px}.club-cover-wallet>small{font-size:7px;font-weight:600;letter-spacing:.5px;color:#ffffffba}.club-cover-wallet>strong{display:flex;gap:5px;align-items:center;max-width:100%;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--gold);overflow-wrap:anywhere}.club-cover-wallet .chip-stack{transform:scale(.8);width:16px;flex-shrink:0}
.club-reserve-strip{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:0 18px;background:#ffffff5c;border:0;border-bottom:1px solid #bba171a6;border-radius:0;box-shadow:none;color:var(--shell-secondary)}.club-reserve-strip>span{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.4px;font-weight:600}.club-reserve-strip .shell-icon{width:14px;height:14px}.club-reserve-strip>strong{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--coral)}.club-reserve-strip>small{margin-left:auto;font-size:10px}
.club-table-filters{display:flex;gap:4px;margin-top:10px}.club-table-filters>button{flex:1;min-height:44px;padding:10px 5px;font-size:11px;font-weight:600;letter-spacing:.4px;background:#ffffff47;color:var(--shell-secondary);border-radius:4px;border-bottom:2px solid transparent;box-shadow:none}.club-table-filters>button.active{background:var(--blue);color:#fff;border-bottom-color:var(--gold)}
.club-table-options{display:flex;align-items:center;gap:16px;margin:5px 0 8px}.club-table-options>button{display:flex;gap:6px;align-items:center;min-height:44px;padding:0;background:none;color:var(--shell-secondary);font-size:10px;font-weight:500}.club-table-options>button[aria-pressed="true"]{color:var(--blue)}.club-table-options>button>span{font-size:15px}.club-table-options>small{margin-left:auto;color:var(--shell-secondary);font-size:9px}
.club-table-list{display:flex;flex-direction:column;gap:10px;padding-bottom:82px}
.club-table-row{display:flex;align-items:center;gap:13px;width:100%;min-width:0;min-height:104px;padding:14px 12px;text-align:left;border-radius:8px;background:linear-gradient(100deg,#e9e0d5,#f6f4f1);border:1px solid #ffffffa8;box-shadow:none;position:relative;color:var(--ink)}.club-table-row:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:1px;background:#75502e73}.club-table-row.playing:before{background:var(--gold)}.club-table-row:hover{background:linear-gradient(100deg,#e7dbcc,#faf8f6)}
.club-table-thumbnail{display:flex;position:relative;flex:0 0 118px;height:74px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 13px;background:radial-gradient(ellipse at 25% 15%,#3c9075,#226b50);border:8px solid #9f8d78;border-radius:27px;box-shadow:inset 0 0 0 2px #104d3d,0 3px 0 #543c1e,0 6px 9px #543c1e33;color:#fff}.club-table-thumbnail:before{content:"";position:absolute;inset:-5px;border:1px solid #dcaf32ad;border-radius:24px}.club-table-thumbnail:after{content:"";position:absolute;inset:5px;border:1px solid #ffffff21;border-radius:15px}.club-table-thumbnail>strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.club-table-thumbnail>strong:only-child{font-size:14px}.club-table-thumbnail>small{font-size:7px;font-weight:500;letter-spacing:.7px;color:#ffffffbf}
.club-table-description{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.club-table-description>strong{font-size:15px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.club-table-phase{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.5px;font-weight:600;color:var(--shell-secondary)}.club-table-phase>i{width:4px;height:4px;background:var(--blue);border-radius:50%}.club-table-row.playing .club-table-phase>i{background:var(--coral)}.club-table-players{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--shell-secondary)}.club-table-players .shell-icon{width:13px;height:13px}.club-table-places{font-size:9px;font-weight:500;line-height:1.35;color:var(--blue)}.club-table-chevron{font-size:20px;color:var(--shell-secondary)}
.club-create-floating{display:flex;align-items:center;justify-content:center;width:54px;height:54px;position:fixed;right:max(18px,calc((100vw - 920px)/2 + 18px));bottom:calc(78px + env(safe-area-inset-bottom));z-index:25;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--shell-shade));color:#fff;border:1px solid #dcaf32a6;box-shadow:0 3px 10px #543c1e40}.club-create-floating>.shell-icon{width:29px;height:29px}.club-open>footer{display:none}
@media(max-width:600px){.club-lounge-heading{margin:0 -18px}.club-table-row{gap:13px}.club-cover-tools{gap:0;padding-left:8px;padding-right:8px}.club-cover-tools>button,.club-cover-tools>.shell-menu>summary{margin:2px}}
@media(max-width:380px){.club-cover-hud{gap:7px;padding-left:12px;padding-right:12px}.club-cover-identity>strong{font-size:15px}.club-cover-wallet{flex-basis:94px}.club-cover-wallet>strong{font-size:16px}.club-table-row{gap:10px;padding-left:10px;padding-right:10px}.club-table-thumbnail{flex-basis:106px}}
@media(min-width:800px){.club-lounge-hero{height:260px}.club-cover-hud{padding-left:24px;padding-right:24px}.club-cover-identity>strong{font-size:21px}.club-cover-wallet{flex-basis:160px}.club-cover-wallet>strong{font-size:22px}.club-table-row{min-height:116px}.club-table-thumbnail{flex-basis:150px;height:85px}.club-table-description>strong{font-size:17px}}

.club-cover-identity>strong>span{min-width:0;overflow:hidden;text-overflow:ellipsis}

.verified-icon{display:inline-flex;color:#29c984;vertical-align:middle;filter:drop-shadow(0 0 2px rgba(0,0,0,.55))}
.verified-pill{background:#ddf5e8;color:#126b46}

/* iOS Safari enlarges the whole page when a focused form control is below 16px. */
@media (max-width:600px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select,
  textarea{font-size:16px}
}
.table-proximity-option{display:flex;align-items:center;gap:10px;margin-top:12px;font-weight:650;line-height:1.35}.table-proximity-option input[type=checkbox],.parity-panel .table-proximity-option input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:#277888}