/* Club navigation shares the game lobby's landscape units and artwork. */
html body.synga-theme .synga-nav-clubs{position:absolute;left:calc(390 * var(--synga-u));display:flex;gap:calc(9 * var(--synga-u));align-items:center;border:calc(1 * var(--synga-u)) solid #ccaa6a;border-radius:calc(24 * var(--synga-u));padding:calc(8 * var(--synga-u)) calc(18 * var(--synga-u));background:#38091c;color:#ffe3a5;font-size:calc(22 * var(--synga-u));font-weight:700}
html body.synga-theme .synga-clubs-container{position:absolute;inset:0;padding:0!important;overflow:hidden!important;background:transparent!important}
.synga-clubs-container>.max-w-2xl{display:none!important}
.synga-club-hub{position:absolute;inset:0;background:#182437 url('../synga/lobby.webp') center/cover;color:#fff4da;overflow:hidden}
.synga-clubs-head{position:absolute;inset:0 calc(40 * var(--synga-u)) auto;height:calc(90 * var(--synga-u));display:flex;gap:calc(22 * var(--synga-u));align-items:center;padding:calc(3 * var(--synga-u)) calc(35 * var(--synga-u));background:#4b0010;border:calc(4 * var(--synga-u)) solid #cf1428;border-top:0;border-radius:0 0 calc(18 * var(--synga-u)) calc(18 * var(--synga-u));box-shadow:inset 0 calc(-4 * var(--synga-u)) calc(18 * var(--synga-u)) #ff345850,0 calc(4 * var(--synga-u)) calc(18 * var(--synga-u)) #0008}
.synga-clubs-head>img{width:calc(112 * var(--synga-u));height:calc(98 * var(--synga-u));object-fit:contain}
.synga-clubs-head h1{font:800 calc(40 * var(--synga-u))/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:calc(1 * var(--synga-u));margin:0}
.synga-clubs-head p{font-size:calc(18 * var(--synga-u));margin:calc(6 * var(--synga-u)) 0 0;color:#f2c49b}
.synga-club-head-actions{margin-left:auto;display:flex;align-items:center;gap:calc(18 * var(--synga-u))}
.synga-club-head-actions .synga-panel-button{padding:calc(10 * var(--synga-u)) calc(20 * var(--synga-u));font-size:calc(23 * var(--synga-u))}
.synga-club-welcome{position:absolute;left:calc(110 * var(--synga-u));right:calc(110 * var(--synga-u));top:calc(120 * var(--synga-u));display:flex;justify-content:space-between;font-size:calc(26 * var(--synga-u));color:#fff3d2;text-shadow:0 calc(2 * var(--synga-u)) calc(5 * var(--synga-u)) black}
.synga-club-welcome>span:last-child{font-size:calc(20 * var(--synga-u));color:#f2d397;letter-spacing:calc(2 * var(--synga-u))}
.synga-club-strip{position:absolute;top:calc(178 * var(--synga-u));left:0;right:0;height:calc(382 * var(--synga-u));display:flex;align-items:center;gap:calc(28 * var(--synga-u));padding:0 calc(110 * var(--synga-u));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.synga-club-card{position:relative;flex:0 0 calc(330 * var(--synga-u));height:calc(378 * var(--synga-u));scroll-snap-align:center;background:#79091e url('../synga/texas-bg.png') center/cover;border:calc(3 * var(--synga-u)) solid #d6ad5c;border-radius:calc(12 * var(--synga-u));box-shadow:inset 0 0 calc(25 * var(--synga-u)) #ffc35a25,0 calc(6 * var(--synga-u)) calc(15 * var(--synga-u)) #0009;overflow:hidden;text-align:center}
.synga-club-style-1{background-image:linear-gradient(#3b0c25aa,#3b0c25aa),url('../synga/omaha-bg.png');border-color:#ffe09c}
.synga-club-style-2{background-image:linear-gradient(#230b42a0,#230b42a0),url('../synga/texas-bg.png');border-color:#cba6ef}
.synga-club-ribbon{position:absolute;top:0;left:0;right:0;height:calc(28 * var(--synga-u));display:grid;place-items:center;background:#efa82e;color:#4b1608;font-size:calc(17 * var(--synga-u));font-weight:800;letter-spacing:calc(1 * var(--synga-u))}
.synga-club-emblem{position:absolute;top:calc(37 * var(--synga-u));left:50%;transform:translateX(-50%);width:calc(116 * var(--synga-u));height:calc(116 * var(--synga-u));object-fit:contain;filter:drop-shadow(0 calc(3 * var(--synga-u)) calc(8 * var(--synga-u)) #0008)}
.synga-club-card h2{position:absolute;left:calc(12 * var(--synga-u));right:calc(12 * var(--synga-u));top:calc(163 * var(--synga-u));line-height:1.05;font:800 calc(34 * var(--synga-u))/1.05 'Barlow Condensed',Arial,sans-serif;margin:0;height:calc(68 * var(--synga-u));display:grid;place-items:center;text-shadow:0 calc(2 * var(--synga-u)) calc(5 * var(--synga-u)) #29020e}
.synga-club-code{position:absolute;left:0;right:0;top:calc(237 * var(--synga-u));color:#f9cf98;font-size:calc(18 * var(--synga-u));letter-spacing:calc(1.5 * var(--synga-u))}
.synga-club-balance{position:absolute;left:calc(15 * var(--synga-u));right:calc(15 * var(--synga-u));bottom:calc(64 * var(--synga-u));display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--synga-u));padding-top:calc(10 * var(--synga-u));border-top:calc(1 * var(--synga-u)) solid #f9da8a44}
.synga-club-balance small{font-size:calc(17 * var(--synga-u));color:#f6cf9b}
.synga-club-balance strong{font-size:calc(27 * var(--synga-u));color:#fff2d2}
.synga-club-card>.synga-green-button{position:absolute;bottom:calc(10 * var(--synga-u));left:calc(10 * var(--synga-u));right:calc(10 * var(--synga-u));min-height:0;height:calc(42 * var(--synga-u));font-size:calc(25 * var(--synga-u));padding:0;border-radius:calc(3 * var(--synga-u))}
.synga-club-remove{position:absolute;right:calc(9 * var(--synga-u));top:calc(36 * var(--synga-u));width:calc(29 * var(--synga-u));height:calc(29 * var(--synga-u));border:calc(1 * var(--synga-u)) solid #ce9f66;border-radius:50%;background:#360719;color:#f8d39e;font-size:calc(14 * var(--synga-u));display:grid;place-items:center}
.synga-club-create{background:#3b0928ed;display:block;color:#f7ce76;flex-basis:calc(280 * var(--synga-u))}
.synga-club-create>i{position:absolute;top:calc(70 * var(--synga-u));left:0;right:0;font-size:calc(78 * var(--synga-u))}
.synga-club-create p{position:absolute;top:calc(247 * var(--synga-u));left:calc(12 * var(--synga-u));right:calc(12 * var(--synga-u));font-size:calc(20 * var(--synga-u));color:#f1d3b7}
.synga-club-scroll{position:absolute;top:calc(340 * var(--synga-u));width:calc(40 * var(--synga-u));height:calc(65 * var(--synga-u));font-size:calc(38 * var(--synga-u));color:#ffe49b;background:#370b2377;border:calc(1 * var(--synga-u)) solid #c28f58;border-radius:calc(25 * var(--synga-u));z-index:3}
.synga-club-scroll.prev{left:calc(45 * var(--synga-u))}.synga-club-scroll.next{right:calc(30 * var(--synga-u))}
.synga-clubs-footer{position:absolute;inset:auto 0 0;height:calc(108 * var(--synga-u));display:flex;align-items:center;justify-content:space-between;padding:calc(16 * var(--synga-u)) calc(90 * var(--synga-u));border-top:calc(3 * var(--synga-u)) solid #cf1428;background:#430719ee;gap:calc(24 * var(--synga-u));box-shadow:inset 0 calc(5 * var(--synga-u)) calc(16 * var(--synga-u)) #ff345820}
.synga-clubs-footer form{display:flex;align-items:center;gap:calc(18 * var(--synga-u))}
.synga-clubs-footer label{font-size:calc(24 * var(--synga-u));font-weight:700;color:#f5ce81}
.synga-clubs-footer input{width:calc(235 * var(--synga-u));height:calc(48 * var(--synga-u));border:calc(2 * var(--synga-u)) solid #a56b60;border-radius:calc(6 * var(--synga-u));background:#240717;color:#fff3d7;text-align:center;font-size:calc(25 * var(--synga-u));letter-spacing:calc(2 * var(--synga-u));padding:calc(6 * var(--synga-u)) calc(12 * var(--synga-u))}
.synga-clubs-footer .synga-green-button{height:calc(48 * var(--synga-u));min-height:0;padding:0 calc(25 * var(--synga-u));font-size:calc(24 * var(--synga-u))}
.synga-clubs-footer .synga-panel-button{font-size:calc(22 * var(--synga-u));padding:calc(12 * var(--synga-u)) calc(18 * var(--synga-u))}
.synga-club-found{padding:calc(30 * var(--synga-u));text-align:center}.synga-club-found h3{font-size:calc(30 * var(--synga-u))}.synga-club-found p{font-size:calc(23 * var(--synga-u));margin-bottom:calc(25 * var(--synga-u))}
html body.synga-theme.poker-theme:has(.synga-club-hub) .glass-panel.synga-club-form{max-height:92dvh;overflow:auto;background:#430d25!important;border:2px solid #be8c62!important;color:#fff0d5}
.synga-sound-panel{display:grid;grid-template-columns:1fr auto;gap:calc(20 * var(--synga-u));padding:calc(25 * var(--synga-u)) calc(35 * var(--synga-u));color:#ffe7bd}
.synga-sound-sample h3{font-size:calc(32 * var(--synga-u));font-weight:800;margin:0 0 calc(6 * var(--synga-u))}.synga-sound-sample p{font-size:calc(20 * var(--synga-u));margin:0 0 calc(14 * var(--synga-u))}
.synga-sound-sample audio{width:calc(620 * var(--synga-u));max-width:100%;height:calc(50 * var(--synga-u))}
.synga-mute{align-self:center;font-size:calc(22 * var(--synga-u))!important}
.synga-sound-grid{display:grid;grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:calc(17 * var(--synga-u));margin-top:calc(8 * var(--synga-u))}
.synga-sound-grid button{height:calc(105 * var(--synga-u));border:calc(2 * var(--synga-u)) solid #bd9358;border-radius:calc(9 * var(--synga-u));background:#610d26;color:#ffe2a0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(10 * var(--synga-u));font-size:calc(24 * var(--synga-u))}
.synga-sound-grid i{font-size:calc(26 * var(--synga-u))}.synga-sound-grid button:hover{background:#9b1331}

html body.synga-theme.poker-theme:has(.synga-club-hub) .synga-club-form input{background:#260b21!important;border-color:#c29567!important;color:#fff0d5!important}
html body.synga-theme.poker-theme:has(.synga-club-hub) .synga-club-form p{color:#ddc3b5!important}