/* Native feature parity surfaces, shared by phone browsers and desktop. */
.club-table-filters{min-width:0;overflow-x:auto;scrollbar-width:none}.club-table-filters::-webkit-scrollbar{display:none}
.club-table-filters>button{flex:1 0 auto;min-width:46px;padding-inline:5px;font-size:9px;white-space:nowrap}
.parity-tournament-list{flex:none;max-height:42%;padding-bottom:4px;gap:8px}.parity-tournament-list:has(.parity-empty){flex:1;max-height:none}
.club-floor-controls:has([data-filter="tournaments"].active)~.parity-tournament-list{flex:1;max-height:none}
.parity-tournament-card{display:flex;align-items:center;gap:12px;width:100%;min-height:86px;padding:10px 12px;text-align:left;border:1px solid #c9ad79;border-radius:12px;background:linear-gradient(125deg,#fffaf0,#eadcc3);color:#392918;box-shadow:0 3px 7px #422e1726}
.parity-tournament-card.compact{min-height:72px;box-shadow:none}.parity-tournament-art{display:grid;place-items:center;width:54px;height:54px;flex:none;border:2px solid #ba975c;border-radius:50%;background:linear-gradient(#513a25,#1d1a16);font-size:27px}
.parity-tournament-card>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.parity-tournament-card small{color:#806239;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.4px}.parity-tournament-card strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.parity-tournament-card em{color:#6e6254;font-size:11px;font-style:normal}.parity-tournament-card>b{font-size:24px;font-weight:400}
.parity-panel{display:flex;flex-direction:column;gap:14px;min-width:0;padding:2px 2px 18px}.parity-panel p{margin:0;font-size:12px;line-height:1.55}.parity-panel label{margin:0}.parity-panel input,.parity-panel select,.parity-panel textarea{width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid #cdb990;border-radius:9px;background:#fffdf7;color:#302318;font:inherit;font-size:16px}.parity-panel textarea{min-height:90px;resize:vertical}
.parity-card{padding:14px;border:1px solid #d8c5a5;border-radius:13px;background:#fffaf1;box-shadow:0 2px 5px #35240f0e}.parity-card h3{margin:0 0 9px;color:#614420;font-size:13px;letter-spacing:.3px}.parity-card p+p{margin-top:8px}.parity-card .primary,.parity-card .secondary{min-height:44px}.parity-dark{background:linear-gradient(125deg,#543719,#241b13);border-color:#c99c4d;color:#fff2d8}.parity-dark h3{color:#f3d595}
.parity-shop-preview{display:block;width:100%;height:150px;margin:8px 0 12px;object-fit:cover;object-position:center 38%;border-radius:10px}
.parity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.parity-metric{display:flex;flex-direction:column;gap:5px;min-width:0;padding:10px 7px;border-radius:9px;background:#f0e6d3}.parity-metric small{color:#806d51;font-size:9px;font-weight:700;letter-spacing:.3px}.parity-metric strong{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.parity-inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.parity-inline>span{font-size:12px}.parity-inline button{flex:none;min-height:44px}.parity-wallet,.parity-hero{padding:17px;border:1px solid #c79f5c;border-radius:14px;background:linear-gradient(135deg,#553920,#231a12);color:#fff0d0}.parity-wallet{display:flex;justify-content:space-between;gap:12px;font-size:13px}.parity-wallet strong{color:#f9d88a;font-size:18px}.parity-hero{text-align:center}.parity-hero>span{font-size:36px;color:#eec166}.parity-hero h3{margin:4px 0 8px;font-size:23px}.parity-hero p{color:#ead7b5}
.parity-tabs{display:flex;border-bottom:1px solid #c9ad79}.parity-tabs button{flex:1;min-height:44px;background:none;font-size:13px}.parity-tabs button.active{border-bottom:2px solid #ab762a;color:#67451a;font-weight:700}.parity-note{color:#776951;font-size:11px!important}.parity-empty{padding:18px;text-align:center;color:#776951}.parity-panel progress{width:100%;height:9px;accent-color:#b78930}
.parity-tournament-detail{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid #d9c8a7}.parity-match{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 0;border-bottom:1px solid #e5d8c3;background:none;text-align:left}.parity-match strong{font-size:12px}.parity-match small{flex:1;min-width:0;color:#766247;font-size:10px;line-height:1.4}.parity-match b{font-size:18px}
.parity-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.parity-form-grid label{min-width:0}.parity-ledger{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e6dac4;font-size:12px}.parity-ledger small{display:block;color:#7c705e;font-size:10px;margin-top:3px}
.parity-notice{padding:12px;border:1px solid #e0d2b9;border-radius:10px;background:#fffdf8}.parity-notice.unread{border-color:#b78534;background:#fff4dc}.parity-notice small{display:block;margin-bottom:5px;color:#795e32;font-size:10px}.parity-notice strong{font-size:13px}.parity-notice p{margin-top:5px}.parity-switch{display:flex!important;align-items:center;justify-content:space-between;min-height:44px;font-size:12px}.parity-switch input{width:21px;height:21px;min-height:0;margin:0;accent-color:#75502e}
.premium-table #points-score-host{position:absolute;z-index:6;top:calc(66px + env(safe-area-inset-top));left:50%;width:min(82%,350px);transform:translateX(-50%);pointer-events:none}
.points-score{padding:7px 9px;border:1px solid #ddbf84;border-radius:10px;background:#211a14e8;box-shadow:0 2px 7px #0006;color:#f7e8ca;text-align:center}.points-score>small{display:block;color:#f5cf7c;font-size:8px;letter-spacing:.5px}.points-score>div{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 10px;margin:5px 0}.points-score span{font-size:9px;white-space:nowrap}.points-score span.mine{color:#ffe4a5}.points-score strong{font-variant-numeric:tabular-nums}
@media(max-width:380px){.club-table-filters>button{font-size:8px;min-width:43px;padding-inline:3px}.parity-metrics{gap:5px}.parity-metric{padding:8px 5px}.parity-metric strong{font-size:12px}.parity-tournament-card{gap:8px;padding:8px}.parity-tournament-art{width:45px;height:45px;font-size:22px}}
@media(min-width:900px){body.in-game{background:radial-gradient(ellipse at center,#635039,#281e16)}body.in-game #app{display:grid;place-items:center;min-height:100svh}.game-shell.premium-table{height:min(var(--game-height,100svh),920px);box-shadow:0 0 0 1px #b5965c,0 12px 50px #0009}.parity-panel{max-width:760px;margin:auto}.parity-tournament-list{max-height:50%}}

/* Club floor follows the installed iPhone app's layout on phone browsers. */
.club-announcement,#lobby-announcement:not([hidden]){display:flex;align-items:center;gap:9px;flex:none;min-height:27px;padding:5px 14px;background:#181923;color:#fff;font-size:11px;white-space:nowrap;overflow:hidden}
.club-announcement>span:first-child,#lobby-announcement>span:first-child{flex:none;color:#edba50}
.club-announcement>span:last-child,#lobby-announcement>span:last-child{overflow:hidden;text-overflow:ellipsis}
#lobby-announcement[hidden]{display:none}
#club-dock-host{display:none}
.lobby-shell.club-open #club-dock-host{display:flex;align-items:center;justify-content:center;flex:none;min-height:84px;position:relative;z-index:30;padding-bottom:env(safe-area-inset-bottom)}
.lobby-shell.club-open #club-dock-host>.club-nav.shell-dock{position:relative;left:auto;bottom:auto;transform:none;order:0;width:calc(100% - 12px);margin:0 6px 4px}
.lobby-shell.world-open>.topbar{display:none}
.lobby-shell.world-open #lobby-content{display:block;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) 0 14px}
.lobby-shell.world-open #club-dock-host{display:flex;align-items:center;justify-content:center;flex:none;min-height:84px;position:relative;z-index:30;padding-bottom:env(safe-area-inset-bottom)}
.lobby-shell.world-open #club-dock-host>.shell-dock{position:relative;left:auto;bottom:auto;transform:none;order:0;width:calc(100% - 12px);margin:0 6px 4px}
.lobby-shell.world-open .world-wallet-rail{position:sticky;top:env(safe-area-inset-top);z-index:16;min-height:52px}
.lobby-shell.world-open .world-page-header{position:sticky;top:calc(env(safe-area-inset-top) + 67px);z-index:15}
.world-page-header{display:flex;align-items:center;gap:10px;min-height:52px;padding:3px 18px;border-bottom:1px solid #c7a6637a;background:#f7f1e7;color:#302318}
.world-page-header>strong{font-size:17px;letter-spacing:1.3px}
.world-page-spacer{flex:1}
.world-profile,.world-bonus{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:none;padding:0;border:0;background:none;box-shadow:none;color:#b47d16}
.world-profile .avatar{--avatar:32px;width:32px;height:32px;flex:none}
.world-bonus svg{width:22px;height:22px}
.world-page-globe{width:27px;height:27px;object-fit:contain}
.world-quick-play .world-history-link{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:2px 0 0;border-top:1px solid #e0bd754d;background:none;color:#f2d58e;font-size:11px;font-weight:650}
.world-history-link span{font-size:18px;line-height:1}
.world-history{padding:0 0 20px}.world-history>p{color:#6e5b45;font-size:12px;line-height:1.55}
.world-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 0;border-bottom:1px solid #cdbb9c}
.world-history-row>span{display:flex;flex-direction:column;gap:5px;min-width:0}.world-history-row>span:first-child{flex:1}.world-history-row>span:last-child{text-align:right;flex:none}
.world-history-row strong{font-size:13px}.world-history-row small{font-size:10px;color:#7d6c57}.world-history-loss strong{color:#a43b2d}.world-history-gain strong{color:#2d7657}
.world-history>.secondary{margin-top:16px}
/* The club uses the same compact composition at every browser width. */
 .lobby-shell.club-open.game-stage #lobby-content{display:block;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(86px + env(safe-area-inset-bottom))}
 .lobby-shell.club-open.game-stage .club-floor{overflow:visible;min-height:0}
 .lobby-shell.club-open.game-stage .parity-tournament-list{max-height:none;overflow:visible}
 .club-lounge-hero{height:210px;border-radius:0 0 18px 18px;overflow:hidden}
 .club-lounge-art{z-index:0}
 .club-lounge-hero:before{z-index:1}
 .club-cover-tools,.club-cover-hud{z-index:2}
 .club-lounge-art.cover-focus-manaus{object-position:center 43%}
 .club-cover-tools{padding:10px 8px 0}
 .club-cover-tools>button,.club-cover-tools>.shell-menu>summary{border-color:#d9b77b80;color:#ffe4a2}
 .club-cover-hud{gap:7px;padding:9px 12px 11px}
 .club-cover-hud>.club-crest{width:58px;height:58px;flex:none;background:linear-gradient(#20251e,#101711);border:1px solid #d8ad54;border-radius:12px}
 .cover-manaus .club-crest>span{color:#ddb055;font-size:15px}
 .cover-manaus .club-crest>b{font:700 23px Georgia,serif;color:#fff0ce}
 .club-cover-identity{gap:5px}
 .club-cover-identity>strong{font:700 17px Georgia,serif}
 .club-cover-level{color:#f1c252;font:700 9px system-ui;letter-spacing:1px;white-space:nowrap}
 .club-cover-level-action{width:30px;height:34px;flex:none;padding:0;border:0;background:none;color:#f0bb47;font-size:25px}
 .club-cover-wallet{position:relative;flex:0 0 113px;min-height:46px;justify-content:center;align-items:flex-start;gap:2px;padding:5px 17px 5px 8px;border:1px solid #d6a34e;border-radius:11px;background:#302218ee;color:#fff}
 .club-cover-wallet>small{font-size:7px}
 .club-cover-wallet>strong{gap:3px;color:#fff;font-size:13px;white-space:nowrap}
 .club-cover-wallet>b{position:absolute;right:6px;top:9px;color:#f8d279;font-size:24px;font-weight:400}
 .club-reserve-strip{display:flex;align-items:center;gap:9px;min-height:52px;margin:7px 12px 0;padding:5px 11px;border:1px solid #d8cbb5;border-radius:11px;background:linear-gradient(#fffcf4,#efe5d2);box-shadow:0 2px 5px #745a3426;color:#31261b}
 .club-reserve-strip>.club-reserve-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #c69843;border-radius:7px;background:#3f2b18;color:#f4cf83;font-size:22px}
 .club-reserve-icon svg{width:23px;height:23px}
 .club-reserve-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}
 .club-reserve-copy>small{font-size:9px;letter-spacing:.3px;color:#66503b}
 .club-reserve-copy>strong{font-size:16px;color:#241b13;font-variant-numeric:tabular-nums}
 .club-reserve-strip>b{font-size:24px;font-weight:400}
 .club-floor-controls{gap:8px;padding:6px 12px 4px}
 .club-table-filters{min-height:45px;padding:3px;border:1px solid #d8cbb9;background:#f9f1e4;box-shadow:0 2px 4px #5e472a24}
 .club-table-filters>button{min-width:60px;min-height:39px;padding:0 7px;color:#30271b;font-size:10px;font-weight:650}
 .club-table-filters>button.active{color:#fff1d3}
 .club-table-filters>button.active:before{inset:0;background:linear-gradient(#4d351e,#271a12);border:1px solid #c49442}
 .club-filter-menu>summary{border-color:#d7c8ae;background:#fff8eb;color:#3c2b1a}
 .club-floor{padding:8px 12px 16px}
 .club-floor-title{padding:6px 0 13px;color:#6b5846;font-size:10px}
 .club-table-list{gap:8px;padding-bottom:64px}
 .club-table-row,.club-table-row:hover{min-height:87px;padding:10px;gap:12px;border:1px solid #c99749;border-radius:12px;background:linear-gradient(120deg,#fff9ed,#f2dfb9);box-shadow:0 3px 7px #76512224}
 .club-table-thumbnail{flex-basis:112px;height:64px;border:4px solid #d4a64d;border-radius:34px;background:radial-gradient(ellipse at 35% 25%,#a96930,#723411 76%);box-shadow:inset 0 0 0 2px #eac68d,0 3px 5px #5b32142e}
 .club-table-thumbnail .table-thumb-mark{position:absolute;top:-14px;left:calc(50% - 14px);width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 2px #35180a88)}
 .club-table-row.league-table .club-table-thumbnail{border-color:#d4a64d}
 .club-table-thumbnail>strong{font-size:20px}
 .club-table-thumbnail>small{font-size:6px;letter-spacing:.7px}
 .club-table-phase{color:#326d49;font-size:8px}
 .club-table-phase>i{background:#35a16a!important}
 .club-table-description>strong{font-size:14px;color:#35251a}
 .club-table-arrow{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #fff8dd;border-radius:50%;background:linear-gradient(#fce398,#df9c25);box-shadow:0 2px 4px #5b351c44;color:#392313;font-size:24px}
 .club-create-floating{width:54px;height:54px;bottom:calc(104px + env(safe-area-inset-bottom));border:1px solid #a9691b;background:linear-gradient(#ffdf7e,#d89b24);box-shadow:inset 0 0 0 2px #f9dd96,0 3px 6px #4d2d164a;color:#392313}
 .parity-tournament-list{max-height:43%;gap:8px}
 .parity-tournament-card{min-height:91px;gap:11px;padding:10px;border:1px solid #dfd3bd;border-radius:13px;background:linear-gradient(115deg,#fffaf1,#f2e5cc);box-shadow:0 3px 6px #5b422327}
 .parity-tournament-art{position:relative;display:flex;flex:0 0 111px;width:111px;height:65px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:4px solid #c99a46;border-radius:35px;background:radial-gradient(ellipse at 35% 25%,#2f7181,#0d4055);box-shadow:inset 0 0 0 2px #8bb1a4,0 3px 5px #36504444;color:#fff2d0}
 .parity-tournament-art img{position:absolute;top:-16px;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 2px #23180f88)}
 .parity-tournament-art>strong{font:700 15px Georgia,serif;color:#fff2d0}
 .parity-tournament-art>small{color:#f4db99;font-size:6px;letter-spacing:1px}
 .parity-tournament-card>.parity-tournament-copy{gap:5px}
 .parity-tournament-copy>small{color:#a46d36;font-size:8px}
 .parity-tournament-copy>strong{color:#2d2118;font-size:13px}
 .parity-tournament-copy>em{font-size:9px}
 .parity-tournament-card>b{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #fff2bd;border-radius:50%;background:linear-gradient(#ffdc75,#d89324);color:#382518;font-size:23px;font-weight:400}
/* On a large display, keep the game at the iPhone app's reading width. */
@media(min-width:700px){
 body:has(.lobby-shell):not(.in-game){background:radial-gradient(ellipse at 50% 12%,#786149,#201a15 72%)}
 .lobby-shell{max-width:430px;min-height:100dvh;background:#eee4d4;box-shadow:0 0 0 1px #c99a41,0 18px 60px #0008}
 .lobby-shell .topbar{min-height:52px}
 .lobby-shell .club-lounge-hero{height:210px}
 .lobby-shell .club-cover-hud{padding:9px 12px 11px}
 .lobby-shell .club-cover-identity>strong{font-size:17px}
 .lobby-shell .club-cover-wallet{flex-basis:113px}
 .lobby-shell .club-cover-wallet>strong{font-size:13px}
 .lobby-shell .club-table-row{min-height:87px}
 .lobby-shell .club-table-thumbnail{flex-basis:112px;height:64px}
 .lobby-shell .club-table-description>strong{font-size:14px}
 .lobby-shell .club-create-floating{right:calc(50vw - 197px)}
 .lobby-shell .club-nav.shell-dock,.lobby-shell .shell-dock{max-width:418px}
}

/* Account access shares the app's walnut, ivory and gold surfaces. */
.auth-shell{min-height:100dvh;background:linear-gradient(140deg,#f7f1e7,#e9ddca);color:#302318}
.auth-shell .brand,.auth-shell .brand-icon{color:#4b3e32}
.auth-shell .brand-dot,.auth-shell .eyebrow{color:#a57320}
.auth-shell .edition{color:#756552}
.auth-hero{padding:28px;border:1px solid #bc9552;border-radius:18px;background:radial-gradient(ellipse at 72% 22%,#b47c2d55,transparent 65%),linear-gradient(140deg,#5a4029,#201912);box-shadow:inset 0 0 0 2px #dfbd7659,0 9px 22px #49301933;color:#fff1d5}
.auth-hero h1 em{color:#f1c769}
.auth-hero>p{color:#e6d7bf}
.auth-hero .eyebrow{color:#f1c769}
.auth-card{border:1px solid #d5bd8f;border-radius:18px;background:linear-gradient(#fffaf0,#f0e5d2);box-shadow:inset 0 0 0 2px #fffaf0,0 10px 28px #49301924}
.auth-card .welcome-dot{background:#d4a13b;box-shadow:0 0 0 6px #f7e8c5}
.auth-card .muted,.auth-note{color:#65594b}
.auth-card .switcher{border:1px solid #d7c4a2;background:#f2e8d5}
.auth-card .switcher button.active{background:var(--gold-metal);color:#302318}
.auth-card input{border-color:#cdbfa8;background:#fffdf8;color:#302318}
.auth-card input:focus{border-color:#b78534;box-shadow:0 0 0 3px #d7a74d35}
.auth-card .primary{border:1px solid #ad791d;background:var(--gold-metal);box-shadow:0 3px 5px #69451c36;color:#302318}
.auth-card .primary:hover:not(:disabled){background:linear-gradient(#fff1b2,#dca233)}
.auth-card .auth-note>span{color:#b78534}
.auth-shell>footer{border-top-color:#d2bf9e;color:#756552}
@media(max-width:600px){.auth-hero{padding:20px}.auth-shell{padding-bottom:env(safe-area-inset-bottom)}}
