/* Superintelligencepoker.com glossy buttons (draft, Etsy-banner look). Drop-in: add classes. */
:root{--sip-red:#e3261b;--sip-red-dk:#9c1209;--sip-gold:#ffd400;--sip-gold-dk:#c99400;--sip-rim:#d4af37;--sip-ink:#111;--sip-font:"Barlow Condensed","Arial Narrow",Impact,sans-serif}
.sip-btn,.sip-btn-outline,.sip-pill,.sip-tab{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--sip-font);font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:2px solid var(--sip-rim);transition:transform .12s,box-shadow .12s,filter .12s;-webkit-user-select:none;user-select:none}
.sip-btn::before,.sip-btn-outline::before,.sip-pill::before,.sip-tab::before{content:"";position:absolute;left:4%;right:4%;top:2px;height:48%;border-radius:inherit;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.05));pointer-events:none}
/* primary red: JOIN, BOT TABLES */
.sip-btn{padding:.7em 1.8em;border-radius:999px;color:#fff;font-size:1.15rem;text-shadow:0 2px 0 rgba(0,0,0,.45);background:linear-gradient(#ff5a3c,var(--sip-red) 50%,var(--sip-red-dk));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 6px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.55),0 0 18px rgba(255,60,30,.35)}
.sip-btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 6px rgba(0,0,0,.3),0 9px 20px rgba(0,0,0,.6),0 0 26px rgba(255,80,40,.6)}
.sip-btn:active,.sip-btn.is-pressed{transform:translateY(2px);filter:brightness(.92);box-shadow:inset 0 3px 8px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5)}
/* secondary outline: HUMAN TABLES */
.sip-btn-outline{padding:.7em 1.8em;border-radius:999px;color:#f2f2f2;font-size:1.15rem;background:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.02));backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px rgba(0,0,0,.5)}
.sip-btn-outline::before{opacity:.35}
.sip-btn-outline:hover{color:var(--sip-gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.55),0 0 18px rgba(212,175,55,.45);transform:translateY(-1px)}
.sip-btn-outline:active,.sip-btn-outline.is-pressed{transform:translateY(2px);box-shadow:inset 0 3px 8px rgba(0,0,0,.6)}
/* gold pills: BLOG, coin balance */
.sip-pill{padding:.4em 1.2em;border-radius:999px;color:var(--sip-ink);font-size:1rem;border-color:#fff3b0;background:linear-gradient(#fff07a,var(--sip-gold) 50%,var(--sip-gold-dk));box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(120,80,0,.45),0 4px 10px rgba(0,0,0,.5),0 0 14px rgba(255,212,0,.35)}
.sip-pill:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 7px 14px rgba(0,0,0,.55),0 0 22px rgba(255,212,0,.6)}
.sip-pill:active,.sip-pill.is-pressed{transform:translateY(1px);filter:brightness(.93);box-shadow:inset 0 2px 6px rgba(120,80,0,.6)}
/* tabs */
.sip-tabs{display:inline-flex;gap:6px;padding:5px;border-radius:14px;background:#14121a;border:1px solid #2c2834;box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}
.sip-tab{padding:.55em 1.4em;border-radius:10px;color:#bdb8c6;font-size:1rem;border-color:transparent;background:linear-gradient(#2a2633,#1b1822)}
.sip-tab::before{opacity:.25}
.sip-tab:hover{color:#fff;border-color:rgba(212,175,55,.5)}
.sip-tab[aria-selected="true"],.sip-tab.is-active{color:#fff;border-color:var(--sip-rim);text-shadow:0 2px 0 rgba(0,0,0,.4);background:linear-gradient(#ff5a3c,var(--sip-red) 50%,var(--sip-red-dk));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 10px rgba(0,0,0,.5),0 0 14px rgba(255,60,30,.35)}
.sip-tab:active{transform:translateY(1px)}
.sip-btn:focus-visible,.sip-btn-outline:focus-visible,.sip-pill:focus-visible,.sip-tab:focus-visible{outline:3px solid var(--sip-gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.sip-btn,.sip-btn-outline,.sip-pill,.sip-tab{transition:none}}
/* Metallic gold: Buy Coins + Log in. .buy-coins is for a future Buy Coins button (none in site code yet);
   #lbLogin = lobby "Log in" button, .lb-btn.gold = LOG IN button in the login dialog. */
.sip-btn-gold,.buy-coins,#lbLogin,.lb-btn.gold{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.8em;border-radius:999px;font-family:var(--sip-font);font-weight:900;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:#2a1a00;text-shadow:0 1px 0 rgba(255,250,210,.7);border:2px solid #8a6200;
 background:linear-gradient(180deg,#a87400 0%,#e9b820 18%,#fff6b8 42%,#ffd84a 55%,#c08a00 80%,#8a6200 100%);
 box-shadow:inset 0 1px 0 #fffbe0,inset 0 -3px 6px rgba(90,55,0,.5),inset 0 0 0 1px rgba(255,240,170,.5),0 6px 14px rgba(0,0,0,.55),0 0 18px rgba(255,200,40,.35);transition:transform .12s,box-shadow .12s,filter .12s}
.sip-btn-gold::before,.buy-coins::before,#lbLogin::before,.lb-btn.gold::before{content:"";position:absolute;left:5%;right:5%;top:2px;height:45%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
.sip-btn-gold:hover,.buy-coins:hover,#lbLogin:hover,.lb-btn.gold:hover{filter:brightness(1.1) saturate(1.1);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 6px rgba(90,55,0,.45),0 9px 20px rgba(0,0,0,.6),0 0 28px rgba(255,210,60,.65)}
.sip-btn-gold:active,.sip-btn-gold.is-pressed,.buy-coins:active,#lbLogin:active,.lb-btn.gold:active{transform:translateY(2px);filter:brightness(.9);box-shadow:inset 0 3px 8px rgba(90,55,0,.7),0 2px 4px rgba(0,0,0,.5)}
.sip-btn-gold:focus-visible,.buy-coins:focus-visible,#lbLogin:focus-visible,.lb-btn.gold:focus-visible{outline:3px solid #fff3b0;outline-offset:3px}
/* --- SIP adapter: let glossy classes win over legacy id/class rules --- */
.sip-btn.sip-btn,.sip-btn-outline.sip-btn-outline,.sip-pill.sip-pill,.sip-tab.sip-tab{font-family:var(--sip-font)!important;font-weight:900!important;border-style:solid!important;border-width:2px!important}
button.sip-btn.sip-btn{background:linear-gradient(#ff5a3c,var(--sip-red) 50%,var(--sip-red-dk))!important;color:#fff!important;border-color:var(--sip-rim)!important}
button.sip-btn-outline.sip-btn-outline{background:linear-gradient(#2a1d10,#120c06)!important;color:#fff!important;border-color:var(--sip-rim)!important}
.sip-pill.sip-pill{background:linear-gradient(#fff07a,var(--sip-gold) 50%,var(--sip-gold-dk))!important;color:var(--sip-ink)!important;border-color:#fff3b0!important}
.sip-tab.sip-tab:not(.is-active){background:linear-gradient(#2a2633,#1b1822)!important;color:#bdb8c6!important;border-color:transparent!important}
.sip-tab.sip-tab.is-active{background:linear-gradient(#ff5a3c,var(--sip-red) 50%,var(--sip-red-dk))!important;color:#fff!important;border-color:var(--sip-rim)!important}
.sip-tabs.sip-tabs{background:#14121a!important}
/* gold adapter (metallic Buy Coins / Log in) must beat pill + legacy rules */
.sip-btn-gold.sip-btn-gold,.buy-coins.buy-coins,#lbLogin#lbLogin,.lb-btn.gold.lb-btn.gold{font-family:var(--sip-font)!important;font-weight:900!important;color:#2a1a00!important;border:2px solid #8a6200!important;background:linear-gradient(180deg,#a87400 0%,#e9b820 18%,#fff6b8 42%,#ffd84a 55%,#c08a00 80%,#8a6200 100%)!important;text-shadow:0 1px 0 rgba(255,250,210,.7)!important}
/* BOT TABLES / HUMAN TABLES: bigger labels on desktop */
@media (min-width:901px){.lb-mode button{height:52px!important;border-radius:26px!important;font-family:var(--sip-font)!important;font-size:22px!important;letter-spacing:.05em!important}.lb-mode img{width:30px;height:30px}}
/* guest header gold: Log in / Sign up + Buy Coin (keep header-sized) */
#guestAuth.sip-btn-gold,#buyCoinBtn.sip-btn-gold{font-family:var(--sip-font)!important;font-weight:900!important;color:#2a1a00!important;border:2px solid #8a6200!important;background:linear-gradient(180deg,#a87400 0%,#e9b820 18%,#fff6b8 42%,#ffd84a 55%,#c08a00 80%,#8a6200 100%)!important;text-shadow:0 1px 0 rgba(255,250,210,.7)!important;box-shadow:inset 0 1px 0 #fffbe0,inset 0 -3px 6px rgba(90,55,0,.5),0 4px 10px rgba(0,0,0,.5),0 0 14px rgba(255,200,40,.35)!important;position:relative;overflow:hidden;border-radius:999px!important;letter-spacing:.03em;text-decoration:none!important}
#guestAuth.sip-btn-gold::before,#buyCoinBtn.sip-btn-gold::before{content:"";position:absolute;left:5%;right:5%;top:2px;height:45%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
/* desktop: Buy Coin matches Log in / Sign up size */
@media (min-width:901px){#buyCoinBtn.sip-btn-gold{font-size:14px!important;height:37px!important;min-height:37px!important;padding:0 16px!important;line-height:33px!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important}}
/* joinfix 2026-11-04: mobile lobby row JOIN/WATCH buttons were too wide and overlapped faces/text */
@media (max-width:900px){.lb-row .lb-btn.sip-btn,.lb-row .lb-btn,table .lb-btn.sip-btn{padding:.45em .9em!important;font-size:15px!important;min-width:0!important;width:auto!important;flex:0 0 auto!important;white-space:nowrap!important;letter-spacing:.03em!important;line-height:1.1!important}.lb-row .lb-faces{min-width:0;overflow:hidden;flex-shrink:1}.lb-row .lb-st{min-width:0}}
/* headerfix 1104: desktop header fits viewport, BLOG pill in flow (no overlap) */
@media (min-width:901px){
#lobby .lb-head{max-width:100%!important;box-sizing:border-box!important;gap:10px!important;overflow:hidden}
#lobby .lb-head .lb-logo{flex:0 1 auto!important;min-width:90px}
#lobby .lb-head .lb-logo img{max-width:100%!important;height:auto;max-height:56px;width:auto}
#lobby .lb-head .lb-mylink#lbAvLink{flex:none}
#lobby .lb-head .lb-blogbtn,#lobby .lb-head .lb-blogbtn.sip-pill{position:relative!important;left:auto!important;top:auto!important;transform:none!important;order:0;flex:none!important;font-size:13px!important;padding:0 12px!important;height:30px!important;line-height:26px!important;box-sizing:border-box}
#lobby .lb-head .lb-blogbtn.sip-pill:hover{transform:translateY(-1px)!important}
#lobby .lb-head .lb-logo{order:-2}#lobby .lb-head .lb-blogbtn{order:-1}
#lobby .lb-head .lb-who{flex:1 1 0!important;min-width:70px!important;overflow:hidden}
#lobby .lb-head .lb-belt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lobby .lb-head .lb-right{flex:0 1 auto!important;min-width:0!important;gap:8px!important}
#lobby .lb-head .lb-right .lb-acct{min-width:0;flex:0 1 auto!important}
#lobby .lb-head .lb-acct button.lb-prof{max-width:170px;min-width:0}
#lobby .lb-head .lb-prof span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lobby .lb-head #appIconBtn.sip-pill{font-size:12px!important;padding:0 10px!important}
}
@media (min-width:901px) and (max-width:1365px){#lobby .lb-head #appIconBtn{display:none!important}}
html,body{overflow-x:hidden}