/* ==========================================================================
   mikeylowball.com  ·  Lowballers brand system  ·  v16 (10/8/26, flat everywhere; the site is Lowballers HQ)
   One stylesheet for every page. Same palette and type as the slip graphics
   and the Whop store: black, Lowballers green, gold, Mikey's blue, Fight red.
   v10 takes the whole site to the flat modern system the link tree settled on:
   solid color blocks, 1px edges, no gradients, glows, grain, glass or drop
   shadows, one job per element, the same top bar and footer on every page.
   The layout and every class name are the same as before, so the pages and
   the game scripts did not change.
   Pages: / (index.html)  /links (links.html)  /blackjack (blackjack.html)  /counting-room  404
   To add a product page: copy the <header class="top"> and <footer class="foot">
   from any page, keep this stylesheet, write the page in .wrap sections.
   ========================================================================== */

:root{
  --ink:#0a0b0b;        /* page */
  --ink-2:#161818;      /* panels, rows */
  --ink-3:#1f2222;      /* raised rows, tiles */
  --line:#2c302f;
  --paper:#fafaf9;
  --mute:#a6aba8;
  --mute-2:#848a87;

  --green:#25b34b;      /* Lowballers green, from the logo */
  --green-2:#1e9a40;
  --green-3:#36d35e;    /* green as text on black */
  --green-ink:#06230f;
  --gold:#e8c56b;       /* the Brain, VIP, Mortal Locks */
  --gold-2:#c9a44a;
  --gold-3:#f6dc93;
  --gold-ink:#1a1408;
  --blue:#2563eb;       /* Mikey's Picks */
  --blue-t:#84acff;
  --fight:#cc1428;      /* Fight Night */
  --fight-t:#ff5252;
  --orange:#f08222;     /* MyBookie, sampled from their logo */
  --win:#30c85c;
  --loss:#f25464;
  --felt-tile:#146a44;  /* the felt, as a flat block */
  --count-tile:#231f12; /* the Counting Room, as a flat block */
  --ivory:#fbf8ef; --card-red:#c9303d; --card-ink:#17191b;

  --display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --body:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --wrap:1120px;
  --gutter:16px;
  --r:14px;             /* panels */
  --r-sm:8px;           /* buttons, tiles */

  /* the flat surfaces: one edge color, one panel color */
  --edge:rgba(255,255,255,.085);
  --edge-2:rgba(255,255,255,.16);
  --panel:var(--ink-2);
  --panel-deep:var(--ink-2);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;background:var(--ink);overflow-x:clip;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} *,*::before,*::after{animation:none!important;transition:none!important;}}
body{font-family:var(--body);font-size:16px;line-height:1.5;color:var(--paper);background:var(--ink);overflow-x:clip;-webkit-font-smoothing:antialiased;position:relative;}
img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
[hidden]{display:none!important;}
::selection{background:var(--green);color:var(--green-ink);}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);}
.narrow{max-width:560px;margin:0 auto;padding:0 var(--gutter);}

/* ---------- type ---------- */
.display{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:0;}
h1.display{font-size:clamp(40px,6.2vw,74px);}
h2.display{font-size:clamp(32px,5vw,54px);}
h3.display{font-size:clamp(24px,3.4vw,32px);}
.display em,.display .g{font-style:normal;color:var(--green);}
.lead{font-size:clamp(16.5px,2vw,19px);line-height:1.55;color:var(--mute);max-width:34em;}
.lead strong,.copy strong{color:var(--paper);font-weight:600;}
.copy{color:var(--mute);max-width:36em;line-height:1.6;}
.copy a,.lead a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--mute-2);text-underline-offset:3px;}
.copy a:hover,.lead a:hover{text-decoration-color:var(--paper);}
.small{font-size:13px;color:var(--mute-2);line-height:1.5;}
.kicker{font-family:var(--display);text-transform:uppercase;font-size:15px;letter-spacing:.08em;color:var(--mute);}
.kicker.gold{color:var(--gold);} .kicker.blue{color:var(--blue-t);} .kicker.green{color:var(--green-3);}
/* the pill row from the Whop banner */
.pills{display:flex;flex-wrap:wrap;gap:8px;}
.pill{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--edge-2);background:var(--ink-2);
  font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);white-space:nowrap;}
.pill.gold{border-color:var(--gold);color:var(--gold);}
.pill.green{border-color:var(--green);color:var(--green-3);}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--win);}

/* ---------- buttons: solid blocks ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:var(--r-sm);position:relative;
  font-weight:700;font-size:15px;letter-spacing:.01em;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease;}
.btn.green{background:var(--green);color:var(--green-ink);}
.btn.green:hover{background:#2cc455;}
.btn.gold{background:var(--gold);color:var(--gold-ink);}
.btn.gold:hover{background:#f0d488;}
.btn.ghost{border:1px solid var(--edge-2);color:var(--paper);background:var(--ink-2);}
.btn.ghost:hover{border-color:rgba(255,255,255,.3);background:var(--ink-3);}
.btn.blue{background:var(--blue);color:#fff;}
.btn.blue:hover{background:#3b76f0;}
.btn.sm{min-height:40px;padding:0 14px;font-size:14px;}
.btn.wide{width:100%;}
.btn .tag{font-weight:600;font-size:12px;opacity:.75;}

/* ---------- top bar: the same slim bar as /links, with the nav ---------- */
.top{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:1px solid var(--edge);}
.top .wrap{display:flex;align-items:center;gap:16px;height:60px;}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.brand img{width:34px;height:34px;}
.brand .wm{font-family:var(--display);font-size:21px;text-transform:uppercase;letter-spacing:.02em;line-height:1;padding-top:2px;}
.top .wrap > nav{display:flex;align-items:center;gap:2px;margin-left:auto;}
.top .wrap > nav a{padding:8px 11px;border-radius:var(--r-sm);font-weight:600;font-size:14px;color:var(--mute);}
.top .wrap > nav a:hover,.top .wrap > nav a[aria-current="page"]{color:var(--paper);background:var(--ink-2);}
.top .cta{margin-left:8px;}
.top .wrap > nav a.btn{color:var(--green-ink);}
.top .wrap > nav a.btn:hover{background:#2cc455;color:var(--green-ink);}
/* the menu button (phones) and the flat panel it opens: every page and product as a row, the socials under them */
.menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:4px;border-radius:8px;border:1px solid var(--edge-2);background:var(--ink-2);color:var(--paper);flex:0 0 auto;}
.menu-btn svg{width:20px;height:20px;}
.menu-btn[aria-expanded="true"]{background:var(--ink-3);border-color:rgba(255,255,255,.3);}
.menu-btn[aria-expanded="true"] .i1{transform:translateY(5px) rotate(45deg);transform-origin:50% 50%;}
.menu-btn[aria-expanded="true"] .i2{opacity:0;}
.menu-btn[aria-expanded="true"] .i3{transform:translateY(-5px) rotate(-45deg);transform-origin:50% 50%;}
.navpanel{position:fixed;top:56px;left:0;right:0;bottom:0;z-index:49;background:var(--ink);overflow:auto;-webkit-overflow-scrolling:touch;padding:12px var(--gutter) 48px;}
.navpanel[hidden]{display:none!important;}
.navpanel .nlist{display:flex;flex-direction:column;gap:8px;max-width:480px;margin:0 auto;}
.navpanel .nl{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 36px 8px 10px;border-radius:12px;position:relative;background:var(--ink-2);border:1px solid var(--edge);}
.navpanel .nl::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--mute-2);border-bottom:2px solid var(--mute-2);transform:translateY(-50%) rotate(-45deg);opacity:.7;}
.navpanel .nl[aria-current="page"]{border-color:var(--edge-2);background:var(--ink-3);}
.navpanel .nl .lk__ico{width:38px;height:38px;border-radius:10px;}
.navpanel .nl .lk__ico svg{width:19px;height:19px;}
.navpanel .nl .lk__txt .t{font-weight:700;font-size:15px;}
.navpanel .nl .lk__txt .s{font-size:12px;color:var(--mute);margin-top:2px;}
.navpanel .nl.green{background:var(--green);border-color:var(--green);color:var(--green-ink);} .navpanel .nl.green .s{color:rgba(6,35,15,.78);} .navpanel .nl.green::after{border-color:var(--green-ink);}
.navpanel .nl.green .lk__ico.logo{background:rgba(6,35,15,.18);} .navpanel .nl.green .lk__ico.logo img{width:28px;height:auto;}
.navpanel .nl.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);} .navpanel .nl.gold .s{color:rgba(26,20,8,.74);} .navpanel .nl.gold::after{border-color:var(--gold-ink);}
.navpanel .nl.gold .lk__ico{background:rgba(26,20,8,.16);color:var(--gold-ink);}
.navpanel .socials{justify-content:center;margin-top:16px;}
body.nav-open{overflow:hidden;}
@media (min-width:761px){.navpanel{display:none!important;}}
@media (max-width:760px){
  .top .wrap{height:56px;gap:8px;}
  .top .wrap > nav a:not(.cta){display:none;}
  .top .cta{margin-left:0;}
  .menu-btn{display:inline-flex;}
  .brand img{width:32px;height:32px;}
  .brand .wm{font-size:19px;}
}

/* ---------- sections ---------- */
.sec{padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--edge);position:relative;}
.sec.flush{border-top:none;}
.sec-head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(20px,3vw,32px);}
.sec-head .lead{margin:0;}

/* ---------- hero: the free play is the product ---------- */
.hero{padding:clamp(32px,5vw,72px) 0 clamp(40px,5.5vw,72px);position:relative;}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:clamp(28px,5vw,72px);align-items:center;}
.hero h1{margin:14px 0 18px;max-width:9.5em;font-size:clamp(38px,5.6vw,66px);}
.hero .lead{margin-bottom:24px;}
.hero .ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.hero .fine{margin-top:16px;}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;align-items:start;}
  .hero h1{max-width:none;}
}

/* ---------- the hub: everything on the site as flat tiles, right under the hero ---------- */
.hub{padding:0 0 clamp(40px,5vw,64px);}
.hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.hb{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:124px;padding:14px 14px 13px;border-radius:12px;background:var(--ink-2);border:1px solid var(--edge);transition:border-color .15s ease,background .15s ease;min-width:0;}
.hb:hover{border-color:var(--edge-2);background:var(--ink-3);}
.hb .lk__ico{width:40px;height:40px;border-radius:11px;}
.hb .t{font-weight:700;font-size:15px;line-height:1.2;margin-top:auto;}
.hb .s{font-size:12px;color:var(--mute);line-height:1.35;margin-top:-8px;}
.hb.green{background:var(--green);border-color:var(--green);color:var(--green-ink);} .hb.green:hover{background:#2cc455;} .hb.green .s{color:rgba(6,35,15,.78);}
.hb.green .lk__ico.logo{background:rgba(6,35,15,.18);} .hb.green .lk__ico.logo img{width:30px;height:auto;}
.hb.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);} .hb.gold:hover{background:#f0d488;} .hb.gold .s{color:rgba(26,20,8,.74);}
.hb.gold .lk__ico{background:rgba(26,20,8,.16);color:var(--gold-ink);}
@media (max-width:900px){.hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .hb{min-height:118px;padding:12px 12px 11px;} .hb .lk__ico{width:38px;height:38px;}}

/* The slip: today's Daily Free Play, filled live from /api/free-play. Flat: a solid gold band, a dark body. */
.slip{background:var(--ink-2);border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;font-variant-numeric:tabular-nums;position:relative;}
.slip__band{display:flex;align-items:center;gap:12px;padding:11px 16px;flex-wrap:wrap;color:var(--gold-ink);background:var(--gold);}
.slip__band img{width:28px;height:28px;}
.slip__band .t{font-family:var(--display);text-transform:uppercase;font-size:19px;line-height:1;white-space:nowrap;}
.slip__band .s{font-size:12px;font-weight:600;opacity:.8;margin-top:2px;}
.slip__band .d{margin-left:auto;font-size:13px;font-weight:700;text-align:right;white-space:nowrap;}
@media (max-width:480px){.slip__band .d{flex-basis:100%;margin-left:0;text-align:left;font-size:12px;opacity:.85;padding-top:6px;border-top:1px solid rgba(26,20,8,.18);}}
.slip__body{padding:18px 18px 16px;}
.slip__game{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;color:var(--mute);}
.slip__game .sport{color:var(--gold);font-weight:700;text-transform:capitalize;}
.slip__play{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:8px;}
.slip__play .p{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,4vw,40px);line-height:.95;color:var(--paper);}
.slip__play .o{font-family:var(--display);font-size:clamp(26px,3.8vw,36px);line-height:1;color:var(--gold);white-space:nowrap;}
.slip__facts{display:grid;grid-template-columns:auto auto 1fr;gap:12px 18px;margin-top:14px;border-top:1px solid var(--edge);padding-top:12px;}
@media (max-width:480px){.slip__facts{grid-template-columns:1fr 1fr;} .slip__facts .cell.wide{grid-column:1 / -1;}}
.slip__facts .cell{display:flex;flex-direction:column;gap:2px;}
.slip__facts .k{font-size:11px;font-weight:600;color:var(--mute-2);}
.slip__facts .v{font-size:14px;font-weight:600;color:var(--paper);}
.slip__facts .v.gold{color:var(--gold);}
.slip__tear{height:0;border-top:2px dashed var(--edge-2);margin:0 16px;}
.slip__stub{padding:14px 18px 16px;background:var(--ink);}
.slip__ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.slip__ledger .k{font-size:11px;font-weight:600;color:var(--mute-2);}
.slip__ledger .v{font-family:var(--display);font-size:clamp(20px,2.8vw,26px);line-height:1;margin-top:4px;color:var(--paper);white-space:nowrap;}
.slip__ledger .v.pos{color:var(--win);} .slip__ledger .v.neg{color:var(--loss);}
.slip__yday{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--edge);font-size:13px;color:var(--mute);}
.slip__yday .tile{flex:0 0 auto;min-width:26px;height:22px;padding:0 7px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;}
.slip__yday .tile.W{background:var(--win);color:#06230f;} .slip__yday .tile.L{background:var(--loss);color:#2a0609;} .slip__yday .tile.P{background:#3a3f3d;color:#fff;} .slip__yday .tile.pending{background:var(--ink-3);color:var(--mute);}
.slip__yday b{color:var(--paper);font-weight:600;}
.slip__yday .net{margin-left:auto;font-weight:700;white-space:nowrap;}
.slip__yday .net.W{color:var(--win);} .slip__yday .net.L{color:var(--loss);}
.slip__cta{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.slip__cta .small{flex:1 1 160px;}
.slip__note{padding:12px 18px;font-size:13px;color:var(--mute);border-top:1px solid var(--edge);}
.slip.is-loading .slip__play .p,.slip.is-loading .slip__play .o{color:var(--ink-3);background:var(--ink-3);border-radius:4px;}
.slip.is-loading .slip__facts .v,.slip.is-loading .slip__ledger .v{color:transparent;background:var(--ink-3);border-radius:4px;}
.slip [hidden]{display:none!important;}

/* ---------- the Brain's runs ---------- */
.runs{background:var(--ink-2);border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;font-variant-numeric:tabular-nums;position:relative;}
.runs__top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--edge);background:var(--ink);}
.runs__top .src{font-size:13px;color:var(--mute);}
.runs__top .src b{color:var(--paper);font-weight:600;}
.form{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.form .t{width:26px;height:26px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;}
.form .t.W{background:var(--win);color:#06230f;} .form .t.L{background:#2d3230;color:var(--mute);}
.form .lbl{font-size:12px;color:var(--mute-2);margin-left:8px;}
.form .lbl b{color:var(--paper);font-weight:600;}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.board .cell{padding:20px 20px 18px;border-right:1px solid var(--edge);border-bottom:1px solid var(--edge);min-width:0;}
.board .cell:nth-child(3n){border-right:none;}
.board .cell:nth-last-child(-n+3){border-bottom:none;}
.board .n{font-family:var(--display);font-size:clamp(30px,3.6vw,44px);line-height:.95;color:var(--paper);white-space:nowrap;}
.board .n.pos{color:var(--win);} .board .n.gold{color:var(--gold);}
.board .n small{font-family:var(--body);font-weight:600;font-size:14px;color:var(--mute);margin-left:6px;}
.board .k{margin-top:8px;font-size:14px;font-weight:600;color:var(--paper);}
.board .d{margin-top:2px;font-size:12.5px;color:var(--mute-2);}
.runs__foot{padding:12px 20px;border-top:1px solid var(--edge);font-size:12.5px;color:var(--mute-2);}
.runs.is-loading .board .n{color:transparent;background:var(--ink-3);border-radius:4px;}
@media (max-width:760px){
  .board{grid-template-columns:1fr 1fr;}
  .board .cell{padding:16px 14px 14px;}
  .board .n{font-size:clamp(26px,7vw,34px);}
  .board .cell:nth-child(3n){border-right:1px solid var(--edge);}
  .board .cell:nth-child(2n){border-right:none;}
  .board .cell:nth-last-child(-n+3){border-bottom:1px solid var(--edge);}
  .board .cell:nth-last-child(-n+2){border-bottom:none;}
  .runs__top{padding:12px 14px;}
}

/* ---------- what's inside: the rail + the day ---------- */
.inside{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;}
@media (min-width:901px){.inside > div:last-child{position:sticky;top:80px;}}
@media (max-width:900px){.inside{grid-template-columns:1fr;} .inside .railwrap{order:2;}}
/* the rail sits in a details: open on desktop (the summary hidden), a flat row that folds open on phones */
.railwrap{min-width:0;}
.rail__sum{list-style:none;cursor:pointer;display:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:56px;padding:8px 36px 8px 14px;border-radius:12px;background:var(--ink-2);border:1px solid var(--edge);position:relative;}
.rail__sum::-webkit-details-marker{display:none;}
.rail__sum .t{font-weight:700;font-size:15px;display:block;} .rail__sum .s{font-size:12px;color:var(--mute);display:block;margin-top:2px;}
.rail__sum::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--mute-2);border-bottom:2px solid var(--mute-2);transform:translateY(-50%) rotate(45deg);opacity:.7;transition:transform .15s ease;}
.railwrap[open] .rail__sum{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.railwrap[open] .rail__sum::after{transform:translateY(-50%) rotate(-135deg);}
@media (max-width:900px){.rail__sum{display:flex;} .railwrap[open] .rail{border-top-left-radius:0;border-top-right-radius:0;border-top:none;}}
.day{list-style:none;border-top:1px solid var(--edge);}
.day li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--edge);align-items:baseline;}
.day .t{font-family:var(--display);font-size:20px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;}
.day .t.green{color:var(--green-3);} .day .t.blue{color:var(--blue-t);}
.day .w{font-size:15px;color:var(--paper);font-weight:600;}
.day .w small{display:block;font-weight:400;color:var(--mute);font-size:13.5px;margin-top:2px;}
@media (max-width:480px){.day li{grid-template-columns:96px 1fr;} .day .t{font-size:17px;}}
.inside .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}

/* The rail: the real server, section by section, room by room. */
.rail{background:var(--ink-2);border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;}
.rail__top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--edge);background:var(--ink);}
.rail__top img{width:28px;height:28px;border-radius:7px;}
.rail__top b{font-weight:700;font-size:15px;}
.rail__top span{margin-left:auto;font-size:12px;color:var(--mute-2);}
.rail__sec{padding:14px 10px 4px;}
.rail__sec + .rail__sec{border-top:1px solid var(--edge);}
.rail__name{display:flex;align-items:center;gap:8px;padding:0 6px 6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute-2);}
.rail__name i{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mute-2);margin-left:auto;}
.rail__sec.brain .rail__name{color:var(--gold);}
.rail__sec.mikey .rail__name{color:var(--blue-t);}
.rail a.room{display:flex;align-items:center;gap:8px;padding:6px 6px;border-radius:6px;font-size:14.5px;color:var(--mute);line-height:1.3;}
.rail a.room:hover{background:var(--ink-3);color:var(--paper);}
.rail a.room .hash{color:var(--mute-2);font-weight:600;}
.rail a.room .when{margin-left:auto;font-size:11.5px;color:var(--mute-2);white-space:nowrap;font-variant-numeric:tabular-nums;}
.rail a.room .live{width:7px;height:7px;border-radius:50%;background:var(--win);flex:0 0 auto;margin-left:auto;}
.rail a.room .live + .when{margin-left:0;}
.rail__key{display:flex;gap:14px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--edge);font-size:12px;color:var(--mute-2);background:var(--ink);}
.rail__key span{white-space:nowrap;}

/* ---------- tickets (the slip language): a solid head block, a dark body ---------- */
.tickets{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media (max-width:820px){.tickets{grid-template-columns:1fr;}}
.ticket{background:var(--ink-2);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid var(--edge);}
.ticket__head{display:flex;align-items:center;gap:14px;padding:18px 20px;}
.ticket__head img{width:50px;height:50px;flex:0 0 auto;}
.ticket__head .name{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,3vw,32px);line-height:.95;}
.ticket__head .sub{font-size:13px;font-weight:600;margin-top:3px;}
.ticket.brain .ticket__head{background:var(--gold);color:var(--gold-ink);}
.ticket.brain .ticket__head .sub{color:rgba(26,20,8,.74);}
.ticket.mikey .ticket__head{background:var(--blue);color:#fff;}
.ticket.mikey .ticket__head .sub{color:rgba(255,255,255,.85);}
.ticket.mikey .ticket__head img{border-radius:50%;border:2px solid rgba(255,255,255,.7);}
.ticket__body{padding:20px 20px 16px;flex:1;}
.ticket__body p{color:var(--mute);line-height:1.55;}
.ticket__body p + p{margin-top:10px;}
.ticket__rows{list-style:none;margin-top:16px;border-top:1px solid var(--edge);}
.ticket__rows li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--edge);font-size:14.5px;}
.ticket__rows .badge{font-size:14px;}
.ticket__rows .what{color:var(--paper);font-weight:600;}
.ticket__rows .what small{display:block;font-weight:400;color:var(--mute-2);font-size:12.5px;margin-top:1px;}
.ticket__rows .when{color:var(--mute-2);font-size:12.5px;white-space:nowrap;text-align:right;}
.ticket__rows .when.gold{color:var(--gold);} .ticket__rows .when.red{color:var(--fight-t);}
.ticket__tear{height:0;border-top:2px dashed var(--edge-2);margin:0 18px;}
.ticket__stub{display:flex;align-items:center;gap:12px;padding:14px 20px 16px;background:var(--ink);}
.ticket__stub .rec{font-size:13px;color:var(--mute);}
.ticket__stub .rec b{color:var(--paper);font-weight:600;}
.ticket__stub .btn{margin-left:auto;}
@media (max-width:480px){
  .ticket__stub{flex-direction:column;align-items:stretch;}
  .ticket__stub .btn{margin-left:0;}
}

/* ---------- tiers ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;background:var(--ink-2);}
.tier{padding:24px 20px 22px;display:flex;flex-direction:column;border-top:4px solid var(--mute-2);font-variant-numeric:tabular-nums;position:relative;min-width:0;}
.tier.club{border-top-color:var(--green);} .tier.vip{border-top-color:var(--gold);}
.tier + .tier{border-left:1px solid var(--edge);}
.tier__badge{font-size:26px;line-height:1;}
.tier__name{font-family:var(--display);text-transform:uppercase;font-size:28px;line-height:1;margin-top:12px;}
.tier__price{margin-top:6px;font-size:15px;color:var(--mute);}
.tier__price b{color:var(--paper);font-weight:700;font-size:22px;}
.tier__trial{margin-top:4px;font-size:13px;font-weight:600;}
.tier.free .tier__trial{color:var(--mute-2);}
.tier.club .tier__trial{color:var(--green-3);}
.tier.vip .tier__trial{color:var(--gold);}
.tier ul{list-style:none;margin:18px 0 20px;border-top:1px solid var(--edge);flex:1;}
.tier li{padding:10px 0;border-bottom:1px solid var(--edge);font-size:14.5px;line-height:1.4;display:flex;gap:10px;align-items:flex-start;}
.tier li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;margin-top:8px;background:var(--mute-2);}
.tier.club li::before{background:var(--green-3);}
.tier.vip li::before{background:var(--gold);}
.tier li.plus{color:var(--mute-2);font-size:13px;font-weight:600;}
.tier li.plus::before{display:none;}
.tier li small{display:block;color:var(--mute-2);font-size:12.5px;}
.tier.vip .tier__name{color:var(--gold);}
@media (max-width:860px){
  .tiers{grid-template-columns:1fr;}
  .tier + .tier{border-left:none;border-top:1px solid var(--edge);}
  .tier.club{border-top:4px solid var(--green);} .tier.vip{border-top:4px solid var(--gold);}
}

/* ---------- product rows (blackjack, courses) ---------- */
.rows{border-top:1px solid var(--edge);}
.row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--edge);}
.row__mark{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--ink-3);font-family:var(--display);font-size:28px;line-height:1;}
.row__mark.felt{background:var(--felt-tile);color:#f7f2e4;}
.row__mark.count{background:var(--count-tile);color:var(--gold);}
.row__mark img{width:40px;height:40px;}
.row h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,3vw,30px);line-height:1;}
.row h3 small{display:inline-block;margin-left:10px;font-family:var(--body);font-size:12px;font-weight:700;text-transform:none;vertical-align:middle;padding:3px 8px;border-radius:4px;background:var(--ink-3);color:var(--mute);}
.row p{color:var(--mute);margin-top:8px;max-width:40em;line-height:1.55;}
.row p a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--mute-2);text-underline-offset:3px;}
.row__cta{display:flex;flex-direction:column;gap:8px;align-items:stretch;}
@media (max-width:700px){
  .row{grid-template-columns:52px minmax(0,1fr);gap:14px;}
  .row__mark{width:52px;height:52px;font-size:22px;border-radius:12px;}
  .row__mark img{width:32px;height:32px;}
  .row__cta{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;}
}

/* ---------- sponsor strip ---------- */
.sponsor{background:var(--orange);color:#1b0d02;border-radius:var(--r);padding:20px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.sponsor .t{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,3vw,32px);line-height:1;}
.sponsor .s{font-size:14px;font-weight:600;opacity:.85;margin-top:4px;}
.sponsor .btn{margin-left:auto;background:#1b0d02;color:#fff;}
.sponsor .btn:hover{background:#30180a;}
@media (max-width:600px){.sponsor .btn{margin-left:0;width:100%;}}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;align-items:start;}
.about img{width:140px;height:140px;border-radius:var(--r);object-fit:cover;border:1px solid var(--edge-2);}
.about .links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
@media (max-width:600px){.about{grid-template-columns:96px 1fr;gap:18px;} .about img{width:96px;height:96px;}}

/* ---------- FAQ: the visible copy of the FAQPage schema ---------- */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--edge);}
.faq .q{border-bottom:1px solid var(--edge);}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px 14px 0;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";flex:0 0 auto;width:9px;height:9px;margin-right:6px;border-right:2px solid var(--mute-2);border-bottom:2px solid var(--mute-2);transform:rotate(45deg);opacity:.8;transition:transform .15s ease;}
.faq .q[open] summary::after{transform:rotate(-135deg);}
.faq h3{font-size:15.5px;font-weight:700;line-height:1.35;color:var(--paper);}
.faq p{padding:0 0 16px;color:var(--mute);line-height:1.55;font-size:14.5px;max-width:40em;}
@media (max-width:760px){.faq{grid-template-columns:1fr;}}

/* ---------- footer: the brand row, three columns, the legal line ---------- */
.foot{border-top:1px solid var(--edge);padding:28px 0 40px;color:var(--mute-2);font-size:13px;}
.foot__top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--edge);}
.foot .mark{display:flex;align-items:center;gap:10px;color:var(--paper);font-family:var(--display);text-transform:uppercase;font-size:20px;}
.foot .mark img{width:30px;height:30px;}
.foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;padding:22px 0;border-bottom:1px solid var(--edge);}
.foot .col{min-width:0;}
.foot .col h4{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-2);margin-bottom:8px;}
.foot .col > a{display:block;padding:4px 0;font-weight:600;font-size:13.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.foot .col > a:hover{color:var(--paper);}
.foot__legal{padding-top:18px;}
.foot .legal{max-width:70em;line-height:1.6;}
.foot .credit{margin-top:10px;}
.foot .credit a{color:var(--mute);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;}
.foot .credit a:hover{color:var(--paper);}
@media (max-width:760px){.foot{padding:24px 0 36px;} .foot__top{flex-direction:column;align-items:flex-start;gap:12px;} .foot__cols{gap:12px 10px;} .foot .col > a{font-size:13px;}}
@media (max-width:360px){.foot__cols{gap:12px 6px;} .foot .col > a{font-size:12px;}}

/* ---------- link tree (/links), v6 (10/8 pm): flat, mobile first ----------
   Solid panels, 1px edges, no gradients or glows. A slim top bar (the logo, a Home button
   to the full site), the avatar, the name, the handle, the three socials, the free play
   as a slip, two solid CTA rows, then uniform rows. Sized for 360 to 430px phones; the
   same column on desktop. body.flat is kept for the page; the whole site is flat now. */
.tree{padding:0 0 36px;}
.tree .narrow{max-width:480px;}
/* the top bar: the icon on the left, Home on the right */
.tbar{position:sticky;top:0;z-index:40;background:var(--ink);border-bottom:1px solid var(--edge);}
.tbar > .in{max-width:480px;margin:0 auto;padding:0 var(--gutter);height:56px;display:flex;align-items:center;justify-content:space-between;}
.tbar .logo img{width:34px;height:34px;display:block;}
.home-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 10px;border-radius:8px;border:1px solid var(--edge-2);background:var(--ink-2);color:var(--paper);font-weight:700;font-size:13px;}
.home-btn svg{width:18px;height:18px;}
.home-btn:hover{background:var(--ink-3);border-color:rgba(255,255,255,.3);}
.me{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:20px;}
.me .ring{width:92px;height:92px;border-radius:50%;padding:3px;background:var(--green);box-shadow:0 0 0 4px var(--ink);}
.me .ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--ink);}
.me .wm{font-family:var(--display);text-transform:uppercase;font-size:32px;line-height:1;margin-top:10px;}
.me .wm .g{color:var(--green);}
.me .handle{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--mute-2);}
/* the socials, in the header: three flat pills */
.socials{display:flex;gap:8px;margin-top:12px;}
.soc{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;background:var(--ink-2);border:1px solid var(--edge);font-weight:700;font-size:13px;color:var(--paper);}
.soc svg{width:16px;height:16px;}
.soc:hover{border-color:var(--edge-2);background:var(--ink-3);}
.soc.ig svg{color:#f05a8e;} .soc.tt svg{color:#5ff0ea;} .soc.x svg{color:var(--paper);}
/* the free play, as a small slip (flat: a solid gold band, a dark body) */
.fp{display:block;margin-top:12px;border-radius:12px;overflow:hidden;background:var(--ink-2);border:1px solid var(--edge);font-variant-numeric:tabular-nums;}
.fp__band{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--gold);color:var(--gold-ink);}
.fp__band img{width:22px;height:22px;}
.fp__band .t{font-family:var(--display);text-transform:uppercase;font-size:16px;line-height:1;}
.fp__band .d{margin-left:auto;font-size:11.5px;font-weight:700;white-space:nowrap;}
.fp__body{padding:12px 14px 12px;}
.fp__game{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fp__game .sport{color:var(--gold);font-weight:700;text-transform:capitalize;}
.fp__play{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:5px;}
.fp__play .p{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,6.6vw,30px);line-height:1;color:var(--paper);min-width:0;}
.fp__play .o{font-family:var(--display);font-size:clamp(22px,6vw,28px);line-height:1;color:var(--gold);white-space:nowrap;}
.fp__foot{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--edge);font-size:12px;color:var(--mute);min-width:0;}
.fp__foot .tile{flex:0 0 auto;min-width:22px;height:19px;padding:0 6px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;}
.fp__foot .tile.W{background:var(--win);color:#06230f;} .fp__foot .tile.L{background:var(--loss);color:#2a0609;} .fp__foot .tile.P{background:#3a3f3d;color:#fff;}
.fp__foot .y{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fp__foot .y b{color:var(--paper);font-weight:600;}
.fp__foot .net{font-weight:700;white-space:nowrap;margin-left:auto;} .fp__foot .net.W{color:var(--win);} .fp__foot .net.L{color:var(--loss);}
.fp__foot .go{margin-left:auto;flex:0 0 auto;font-weight:700;color:var(--green);white-space:nowrap;}
.fp.shell .fp__play .p{font-size:clamp(20px,5.6vw,24px);}
/* groups and rows: flat */
.tree__group{margin-top:18px;}
.tree__label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute-2);padding:0 2px 7px;}
.tlist{display:flex;flex-direction:column;gap:8px;}
.lk{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 36px 8px 10px;border-radius:12px;position:relative;overflow:hidden;
  background:var(--ink-2);border:1px solid var(--edge);transition:border-color .15s ease,background .15s ease;}
.lk::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--mute-2);border-bottom:2px solid var(--mute-2);transform:translateY(-50%) rotate(-45deg);opacity:.7;}
.lk:hover{border-color:var(--edge-2);background:var(--ink-3);}
.lk:active{background:var(--ink-3);}
.lk__ico{width:40px;height:40px;border-radius:11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--ink-3);color:var(--paper);overflow:hidden;font-family:var(--display);font-size:18px;}
.lk__ico svg{width:20px;height:20px;}
.lk__ico img{width:100%;height:100%;object-fit:cover;}
.lk__txt{display:flex;flex-direction:column;min-width:0;}
.lk__txt .t{font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lk__txt .s{font-size:12px;color:var(--mute);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* brand tiles, flat (the link tree rows, the homepage hub and the menu panel share them) */
:is(.lk,.hb,.nl).felt .lk__ico{background:var(--felt-tile);color:#f7f2e4;}
:is(.lk,.hb,.nl).count .lk__ico{background:var(--count-tile);color:var(--gold);}
:is(.lk,.hb,.nl).club .lk__ico{background:var(--green);color:var(--green-ink);}
:is(.lk,.hb,.nl).ig .lk__ico{background:#e1306c;color:#fff;}
:is(.lk,.hb,.nl).tt .lk__ico{background:#000;color:#fff;box-shadow:-2px 0 0 rgba(37,244,238,.6) inset,2px 0 0 rgba(255,0,80,.6) inset;}
:is(.lk,.hb,.nl).x .lk__ico{background:#000;color:#fff;}
:is(.lk,.hb,.nl).mb .lk__ico{background:var(--orange);color:#1b0d02;}
:is(.lk,.hb,.nl).ames .lk__ico{background:#fff;}
:is(.lk,.hb,.nl).who .lk__ico{background:var(--blue);color:#fff;}
/* the two CTA rows: solid green, solid gold */
.lk.cta{min-height:66px;border-radius:12px;padding:9px 38px 9px 10px;}
.lk.cta .lk__ico{width:46px;height:46px;border-radius:12px;}
.lk.cta .lk__ico svg{width:24px;height:24px;}
.lk.cta .lk__txt .t{font-family:var(--display);text-transform:uppercase;font-size:20px;font-weight:400;letter-spacing:.01em;line-height:1;}
.lk.cta .lk__txt .s{font-weight:600;margin-top:4px;}
.lk.cta.green{background:var(--green);border-color:var(--green);color:var(--green-ink);}
.lk.cta.green:hover{background:#2cc455;}
/* the Discord row's icon: the Lowballers wordmark in white on a darker green tile, the same box as the VIP crown (no black stroke, Brandon 10/8) */
.lk.cta.green .lk__ico.logo{background:rgba(6,35,15,.18);padding:0;}
.lk.cta.green .lk__ico.logo img{width:34px;height:auto;border-radius:0;object-fit:contain;}
.lk.cta.green .s{color:rgba(6,35,15,.78);}
.lk.cta.green::after{border-color:var(--green-ink);opacity:.8;}
.lk.cta.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);}
.lk.cta.gold:hover{background:#f0d488;}
.lk.cta.gold .lk__ico{background:rgba(26,20,8,.16);color:var(--gold-ink);}
.lk.cta.gold .s{color:rgba(26,20,8,.74);}
.lk.cta.gold::after{border-color:var(--gold-ink);opacity:.8;}
.tree .foot{margin-top:28px;padding:20px 0 0;text-align:center;border-top-color:var(--edge);}
.tree .foot .wrap{padding:0;}
.tree .foot .credit{margin-top:8px;}
.tree .foot .legal{font-size:12px;}
@media (max-width:360px){
  .me .wm{font-size:29px;}
  .lk.cta .lk__txt .t{font-size:18px;}
}

/* ---------- lessons (/blackjack) ---------- */
.lessons{counter-reset:lesson;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:760px){.lessons{grid-template-columns:1fr;}}
.lesson{background:var(--ink-2);border-radius:var(--r);padding:20px 20px 18px;border:1px solid var(--edge);border-top:3px solid var(--gold);}
.lesson h3{font-family:var(--display);text-transform:uppercase;font-size:24px;line-height:1;display:flex;gap:12px;align-items:baseline;}
.lesson h3::before{counter-increment:lesson;content:counter(lesson);color:var(--gold);font-size:20px;}
.lesson ul{list-style:none;margin-top:14px;}
.lesson li{padding:7px 0;border-top:1px solid var(--edge);font-size:14.5px;color:var(--mute);line-height:1.45;}
.lesson li b{color:var(--paper);font-weight:600;}
.lesson p{margin-top:12px;color:var(--mute);font-size:14px;line-height:1.5;}
.lesson.wide{grid-column:1 / -1;border-top-color:var(--fight-t);}
.lesson.wide h3::before{color:var(--fight-t);}

/* ---------- next step ---------- */
.next{background:var(--ink-2);border-radius:var(--r);padding:22px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--edge);border-left:4px solid var(--green);}
.next .t{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,3vw,30px);line-height:1;}
.next .s{color:var(--mute);margin-top:6px;max-width:36em;}
.next .btn{margin-left:auto;}
@media (max-width:600px){.next .btn{margin-left:0;width:100%;}}

/* ---------- the Counting Room's own panels, on the same flat system ---------- */
.temp,.feed-panel{background:var(--ink-2)!important;border:1px solid var(--edge);}
.temp__band,.feed-panel h3{background:var(--ink)!important;border-bottom-color:var(--edge)!important;}
.modes{border-color:var(--edge-2)!important;}
.modes button.on{background:var(--green)!important;}

/* the locked free play (10/10/26): the pick never leaves the Discord, so the site shows a blurred slip and an unlock button. Flat: a solid green button, no glow. */
.lockd{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;}
.lockd .blur{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%;filter:blur(9px);opacity:.75;user-select:none;-webkit-user-select:none;pointer-events:none;}
.lockd .unlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;}
.lockd .unlock svg{width:14px;height:14px;flex:0 0 auto;}
.lockd a.unlock:hover,.fp:hover .lockd .unlock{background:#2cc455;}
.slip__play.lockd{margin-top:12px;}
@media (max-width:360px){.lockd .unlock{font-size:12px;padding:8px 11px;}}
