/* SweepstakeReport Terminal: Free, Pro and Power User.
   The SweepstakeReport look (sweepstakereport.com css/styles.css): ink and cream, gold rules, Fraunces for display and
   big numbers, Public Sans for reading, IBM Plex Mono for data, labels and timers. Dark only, square corners, no glow. */
:root{
  --ink:#0c0b09;--ink-2:#12110e;--ink-3:#161412;--ink-4:#1c1915;--ink-5:#241f1a;
  --cream:#f3ead8;--cream-soft:#e8dcc8;--stone:#a89f91;--stone-2:#847d75;
  --gold:#c9a56a;--gold-2:#e0c48a;--gold-dim:rgba(201,165,106,.14);--gold-line:rgba(201,165,106,.32);
  --forest:#1e3d32;--forest-2:#2a5646;--forest-3:#3d7a62;
  --oxblood:#4a1c22;--oxblood-2:#6b2a32;--amber:#c4923a;
  --rule:rgba(232,220,200,.1);--rule-strong:rgba(232,220,200,.18);
  --display:'Fraunces','Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;
  --sans:'Public Sans','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular','Cascadia Mono','Segoe UI Mono',Menlo,Consolas,monospace;
  --tracking:.2em;
  /* roles */
  --bg:var(--ink);--bg1:var(--ink-2);--bg2:var(--ink-3);--bg3:var(--ink-4);--bg4:var(--ink-5);
  --ln:var(--rule);--ln2:var(--rule-strong);--hl:rgba(232,220,200,.045);--ln3:rgba(232,220,200,.06);
  --t1:var(--cream);--tb:var(--cream-soft);--t2:var(--stone);--t3:var(--stone-2);--t4:#5e574f;
  --g:#b7d4c6;--gd:rgba(61,122,98,.2);--gl:rgba(61,122,98,.6);--gdot:#4f9478;
  /* dollar amounts (a casino's "= $1", money the user recorded): 8.7:1 on --ink-2, 7.5:1 on --ink-5 */
  --money:#74bf98;
  --a:var(--amber);--ad:rgba(196,146,58,.12);--al:rgba(196,146,58,.42);
  --r:#e3a1a6;--rd:rgba(107,42,50,.38);--rl:rgba(150,62,72,.75);
  --focus:var(--gold-2);
  --rad:2px;
  --side:228px;--foot:32px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg)}
body{color:var(--t1);font:13px/1.4 var(--sans);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
.i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:var(--mono)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus{outline:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--rad)}
[tabindex="-1"]:focus-visible{outline:none}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--focus);color:var(--ink);padding:0 14px;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--rad);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
#boot{min-height:100vh;min-height:100dvh} /* index.html: the site's header bar (.sa classes) and the loading line */

/* ---------- primitives (Direction B) ---------- */
.lbl{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.fig{font-family:var(--sans);font-weight:500;letter-spacing:-.04em;font-feature-settings:"tnum" 1;line-height:1}
.ch{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--rad);font:500 11px var(--mono);white-space:nowrap;letter-spacing:.01em}
.ch::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.ch.nd::before{display:none}
.ch.ok{color:var(--g);background:var(--gd)}
.ch.wt{color:var(--a);background:var(--ad)}
.ch.bad{color:var(--r);background:var(--rd)}
.ch.dn{color:var(--t2);background:rgba(232,220,200,.06)}
.ch.dn::before{width:9px;height:9px;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12.5 5 5L20 6.5' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12.5 5 5L20 6.5' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ch.ne{color:var(--t3);background:transparent;box-shadow:inset 0 0 0 1px var(--ln2)}
.ch.ne::before{background:var(--t4)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:38px;padding:0 15px;border-radius:var(--rad);font:500 13px var(--sans);border:1px solid var(--ln2);color:var(--t1);background:var(--bg2);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{background:var(--bg3)}
.btn .i{width:15px;height:15px}
.btn.pri{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:600}
.btn.pri:hover{background:var(--gold-2)}
.btn.pri:focus-visible{outline-color:var(--gold);outline-offset:3px}
.btn.okb{color:var(--g);border-color:var(--gl);background:var(--gd)}
.btn.okb:hover{background:rgba(61,122,98,.32)}
.btn.gh{background:transparent}
.btn.gh:hover{background:var(--hl)}
.btn.badb{color:var(--r);border-color:var(--rl);background:transparent}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;cursor:default}
.btn[disabled]:hover{background:var(--bg2)}
.kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--rad);border:1px solid var(--ln2);border-bottom-width:2px;font:500 10.5px var(--mono);color:var(--t2);background:rgba(232,220,200,.03);line-height:1}
.btn.pri .kbd{color:#5a5248;border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.05)}
.btn.okb .kbd{color:var(--g);border-color:var(--gl)}
.bar{height:4px;border-radius:2px;background:rgba(232,220,200,.08);overflow:hidden;position:relative}
.bar i{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--gold);transition:width .25s}
.lk{color:var(--t2);text-decoration:underline;text-decoration-color:rgba(232,220,200,.22);text-underline-offset:3px}
.lk:hover{color:var(--t1);text-decoration-color:rgba(232,220,200,.5)}
.ibtn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--rad);border:1px solid transparent;color:var(--t3)}
.ibtn:hover{background:var(--hl);color:var(--t1);border-color:var(--ln)}
.ibtn .i{width:15px;height:15px}
.ibtn[disabled]{opacity:.3;cursor:default}
.ibtn[disabled]:hover{background:none;border-color:transparent;color:var(--t3)}
.inp{height:36px;border-radius:var(--rad);border:1px solid var(--ln);background:var(--bg1);display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--t1);font-size:13px}
.inp .i{width:14px;height:14px;color:var(--t3)}
.inp input{flex:1;min-width:0;background:none;border:0;height:100%;font-size:13px;color:var(--t1)}
.inp input::placeholder{color:var(--t3)}
.inp:focus-within{border-color:rgba(232,220,200,.35)}
.sel{height:36px;border-radius:var(--rad);border:1px solid var(--ln);background:var(--bg1);color:var(--t1);padding:0 30px 0 12px;font-size:13px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%23847d75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:15px}
.sel:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sel option{background:var(--ink-3);color:var(--t1)}
.seg{display:flex;border:1px solid var(--ln);border-radius:var(--rad);overflow:hidden;background:var(--bg1);flex:none}
.seg button{padding:0 14px;height:34px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2);border-right:1px solid var(--ln);white-space:nowrap}
.seg button:last-child{border-right:0}
.seg button:hover{color:var(--t1)}
.seg button[aria-pressed="true"]{background:rgba(232,220,200,.075);color:var(--t1)}
.seg b{font:500 11px var(--mono);color:var(--t3)}
.seg button:focus-visible{outline-offset:-2px;border-radius:0}

/* ---------- shell: Direction B sidebar ---------- */
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);height:100vh;height:100dvh;background:var(--bg)}
.app *{min-width:0}
.sd{min-height:0;overflow:auto;background:var(--bg1);border-right:1px solid var(--ln);display:flex;flex-direction:column;padding:16px 12px 14px;position:relative;z-index:4}
.brand{display:flex;align-items:center;gap:11px;min-height:38px;padding:0 8px;text-decoration:none;color:var(--t1)}
.mark{width:30px;height:30px;border-radius:var(--rad);background:linear-gradient(180deg,var(--ink-4),var(--ink-2));border:1px solid var(--ln2);display:grid;place-items:center;font:600 11px var(--mono);letter-spacing:-.03em;color:var(--t1);flex:none}
.brand .b1{display:block;font-size:11px;color:var(--t3);line-height:1.2}
.brand .b2{display:block;font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.nav{margin-top:28px;display:flex;flex-direction:column;gap:3px}
.nav a{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px 0 10px;border-radius:var(--rad);color:var(--t2);font-size:14px;text-decoration:none}
.nav a:hover{color:var(--t1);background:var(--hl)}
.nav a .i{width:17px;height:17px;color:var(--t3)}
.nav a[aria-current="page"]{background:rgba(232,220,200,.065);color:var(--t1);box-shadow:inset 0 0 0 1px var(--ln)}
.nav a[aria-current="page"] .i{color:var(--t1)}
.nav .dt{margin-left:auto;width:7px;height:7px;border-radius:50%;flex:none;background:var(--g)}
.nav .ct{margin-left:auto;font:500 11.5px var(--mono);color:var(--t3);white-space:nowrap}
.nav.n2{margin-top:0}
.nav.n2 a{height:34px;font-size:13px}
.nav.n2 a .i{width:15px;height:15px}
.nsep{height:1px;background:var(--ln);margin:12px 10px}
.sdf{margin-top:auto;display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px 8px 8px;border-radius:var(--rad);color:var(--t2);font-size:13.5px;text-decoration:none;border:1px solid transparent}
.sdf:hover{background:var(--hl);border-color:var(--ln)}
.sdf .av{width:30px;height:30px;border-radius:50%;background:var(--ink-4);display:grid;place-items:center;color:var(--t2);border:1px solid var(--ln2);flex:none}
.sdf .av .i{width:14px;height:14px}
.sdf .who{display:flex;flex-direction:column;gap:1px}
.sdf .who b{font-weight:500;color:var(--t1)}
.sdf .who span{font:11px var(--mono);color:var(--t3);letter-spacing:.04em}

.mn{display:grid;grid-template-rows:minmax(0,1fr) var(--foot);min-height:0;position:relative}
.corner{position:absolute;top:18px;right:24px;display:flex;gap:10px;align-items:center;z-index:3}
.stp{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:var(--rad);border:1px solid var(--ln);font-size:12.5px;color:var(--t2);text-decoration:none;background:var(--bg)}
.stp:hover{color:var(--t1);border-color:var(--ln2)}
.stp .i{width:13px;height:13px;color:var(--t3)}
.warnchip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--rad);font-size:12px;color:var(--a);background:var(--ad);border:1px solid rgba(196,146,58,.25)}
.ca{min-height:0;overflow:auto;position:relative;scroll-behavior:smooth}
.ca.dropen{padding-right:500px}
.stb{display:flex;align-items:center;gap:12px;padding:0 24px;border-top:1px solid var(--ln);font:11px var(--mono);color:var(--t3);background:var(--bg1);white-space:nowrap;overflow:hidden}
.stb .r{margin-left:auto;display:flex;gap:16px;align-items:center}
.stb a{color:var(--t2);text-decoration:underline;text-decoration-color:rgba(232,220,200,.22);text-underline-offset:3px}
.stb a:hover{color:var(--t1)}
.stb .i{width:12px;height:12px;color:var(--t3)}
.ptb,.tabs{display:none}

/* ---------- 01 home (B Focus) ---------- */
.home{min-height:100%;display:flex;justify-content:center;padding:0 24px}
.hcol{width:560px;max-width:100%;padding:58px 0 48px;display:flex;flex-direction:column}
.hcol>*{flex-shrink:0}
.hi{font-size:14px;color:var(--t3)}
.hh{margin-top:12px;font-size:60px;font-weight:500;letter-spacing:-.05em;line-height:1}
.hh .n{color:var(--g)}
.hh .n.z{color:var(--t2)}
.hsub{margin-top:12px;font-size:16px;color:var(--t2)}
.go{margin-top:30px;height:56px;width:100%;border-radius:var(--rad);font-size:15.5px;justify-content:space-between;padding:0 14px 0 20px}
.go[disabled]{opacity:1;background:var(--bg2);color:var(--t3);border-color:var(--ln2)}
.go[disabled] .kbd{opacity:.5}
.hnote{margin-top:16px;display:flex;align-items:center;gap:9px;min-height:24px;font-size:13px;color:var(--t3)}
.hnote b{font:500 13px var(--mono);color:var(--t2)}
.hnote .lk{margin-left:auto;display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--t2);white-space:nowrap}
.hnote .lk .i{width:14px;height:14px}
.ls{margin-top:34px}
.lh{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);padding-bottom:9px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:8px}
.lh .c{margin-left:auto;letter-spacing:.04em}
.lh.l2{margin-top:26px}
.li{display:flex;align-items:center;gap:12px;min-height:33px;border-bottom:1px solid rgba(232,220,200,.05);font-size:14px;color:var(--t1)}
.li .d{width:6px;height:6px;border-radius:50%;flex:none}
.li .d.g{background:var(--g)}.li .d.a{background:var(--a)}.li .d.n{background:var(--t4)}
.li .nmw{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:12px}
.li .nm{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li em{flex:0 2 auto;min-width:0;font:normal 11.5px var(--mono);color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .tm{flex:none;margin-left:auto;padding-left:8px;font:500 12.5px var(--mono);color:var(--t2);white-space:nowrap}
.li .acts{flex:none;margin-left:auto;display:flex;align-items:center;gap:2px;opacity:.55;transition:opacity .15s}
.li:hover .acts,.li:focus-within .acts{opacity:1}
.li .acts .ibtn{width:30px;height:28px}
.li .acts .ibtn.okc:hover{color:var(--g);border-color:var(--gl);background:var(--gd)}
.li.dim .nm{color:var(--t2)}
.empty{margin-top:34px;padding:22px 24px;border:1px dashed var(--ln2);border-radius:var(--rad);color:var(--t2);font-size:14px;line-height:1.6}
.empty b{color:var(--t1);font-weight:500}
.empty .btn{margin-top:14px}
.hpend{margin-bottom:18px;padding:10px 14px;border-radius:var(--rad);background:var(--ad);border:1px solid rgba(196,146,58,.25);font-size:13px;line-height:1.5;color:var(--t1)}

/* ---------- page header used by My Casinos, Directory, Plans, documents ---------- */
.pgw{padding:70px 48px 56px;max-width:1240px}
.pgw.wide{max-width:none}
.pg-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pg-h h1{font-size:26px;font-weight:500;letter-spacing:-.035em}
.pg-h .c{font:500 13px var(--mono);color:var(--t3);margin-top:4px}
.pg-h .sub{font-size:14px;color:var(--t3);margin-top:3px}
.pg-h .btn{margin-left:auto}
.tool{margin-top:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tool .sp{flex:1}
.tool .tot{margin-left:8px;font-size:12.5px;color:var(--t3)}
.tool .tot .lk{font-size:12.5px}
.tool .inp{width:240px}
.tool .btn{height:36px}

/* tables (B Calm) */
.pn{margin-top:16px;background:var(--bg1);border:1px solid var(--ln);border-radius:var(--rad);overflow:hidden}
.tr{display:grid;grid-template-columns:var(--cols);align-items:center;padding:0 20px;min-height:48px;border-bottom:1px solid rgba(232,220,200,.05);column-gap:16px}
.meta-p,.pro-p,.om{display:none}
@media (min-width:1281px){.ca.dropen .tr{grid-template-columns:var(--cols-n)}.ca.dropen .wcol{display:none}}
/* mid widths: fewer columns so the casino name keeps its room */
@media (min-width:1101px) and (max-width:1400px){.pn .tr{grid-template-columns:var(--cols-m)}.pn .xm{display:none}.pn .om{display:block}}
.tr:last-child{border-bottom:0}
.tr.th{min-height:40px;font:500 10.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--ln);background:rgba(232,220,200,.015);white-space:nowrap}
.tr.row{cursor:pointer}
.tr.row:hover{background:rgba(232,220,200,.035)}
.tr.row.is-sel{background:rgba(232,220,200,.055);box-shadow:inset 2px 0 0 var(--cream)}
.nr{text-align:right}
.c-n{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-n button{font-weight:500;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb{display:block;font:11px var(--mono);color:var(--t3);font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb.w{color:var(--a)}
.sb.wrap{white-space:normal;font-family:var(--sans);font-size:12px;line-height:1.4}
.nx-c{min-width:0}
.nx-c .v{display:block;overflow:hidden;text-overflow:ellipsis}
.trk-c .btn{min-width:108px}
.kv .mut{color:var(--t3);font-size:12px;margin-left:6px}
.v{font:12.5px var(--mono);color:var(--t1);white-space:nowrap}
.v.m{color:var(--t3);font-size:12px}
.v .io{color:var(--t3);font-size:11px;margin-left:6px}
.v.g{color:var(--g)}.v.a{color:var(--a)}
/* long facts from the data (coin names, playthrough wording) stay inside their column; the full text is in the drawer */
.tr.row>.wcol.v{overflow:hidden;text-overflow:ellipsis}
.ord{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.tnote{padding:14px 20px;font-size:12.5px;color:var(--t3);border-top:1px solid var(--ln);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tnote .i{width:13px;height:13px}
.tempty{padding:28px 20px;color:var(--t2);font-size:14px}

/* ---------- drawer (B Focus) ---------- */
.dr{position:absolute;right:24px;top:62px;bottom:calc(var(--foot) + 22px);width:452px;background:var(--bg1);border:1px solid var(--ln2);border-radius:var(--rad);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden;z-index:6;animation:drin .18s ease-out}
@keyframes drin{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.dr-sc{overflow:auto;flex:1;min-height:0;padding-bottom:18px}
.dr-h{padding:24px 26px 0;display:flex;align-items:flex-start;gap:12px}
.dr-h h2{font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1.05}
.dr-x{margin-left:auto;width:30px;height:30px;border-radius:var(--rad);border:1px solid var(--ln);display:grid;place-items:center;color:var(--t3);flex:none}
.dr-x:hover{color:var(--t1);border-color:var(--ln2)}
.dr-x .i{width:14px;height:14px}
.dr-s{padding:10px 26px 0;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t2);flex-wrap:wrap}
.dr-b{padding:20px 26px 0;display:grid;gap:10px}
.dr-b .btn.pri{width:100%;height:46px;border-radius:var(--rad);font-size:14px;justify-content:flex-start;padding:0 14px 0 16px}
.dr-b .btn .dom{margin-left:auto;font:400 12px var(--mono);color:#6b6255}
.dr-b .btn.trk{height:40px;width:100%}
.dr-b .btn.trk.on{color:var(--t2)}
.sec{padding:22px 26px 0}
.sec .lbl{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--ln)}
.kv{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid rgba(232,220,200,.05);font-size:13px;line-height:1.45}
.kv:last-child{border-bottom:0}
.kv>dt{color:var(--t3)}
.kv>dd{color:var(--t1)}
.kv>dd.np{color:var(--t3)}
.kv .dd{display:block;margin-top:3px;font:500 11.5px var(--mono);color:var(--t3)}
.kv .gate{display:inline-block;margin-top:4px;font:11.5px var(--mono);color:var(--a)}
.dr-f{padding:14px 26px 18px;font:11px/1.6 var(--mono);color:var(--t3);border-top:1px solid var(--ln)}
.dr-f a{color:var(--t2)}
.dr-nt{margin:0;padding:10px 12px;border:1px dashed var(--ln2);border-radius:var(--rad);font-size:13px;color:var(--t2)}
.dr-foot{display:none}
.scrim{display:none}

/* ---------- 02 farm (B Focus) ---------- */
.fz{display:grid;grid-template-rows:76px minmax(0,1fr) var(--foot);height:100vh;height:100dvh;position:relative;background:var(--bg)}
.fz-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}
.fz-esc{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--t2);text-decoration:none;justify-self:start;height:36px;padding-right:8px;border-radius:var(--rad)}
.fz-esc:hover{color:var(--t1)}
.fz-esc .x{display:none}
.fz-pr{display:flex;flex-direction:column;align-items:center;gap:9px}
.fz-pr .t{font:500 12px var(--mono);color:var(--t2);letter-spacing:.04em}
.fz-pr .bar{width:280px;height:3px}
.fz-tr{justify-self:end;display:flex;align-items:center;gap:10px}
.fz-c{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 64px;min-height:0;overflow:auto;position:relative;text-align:center}
.fz-n{font-size:96px;font-weight:600;letter-spacing:-.05em;line-height:1;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.fz-r{margin-top:26px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;justify-content:center}
.fz-r .k{font-size:16px;color:var(--t3)}
.fz-r .amt{font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--t1)}
.fz-r .np{font-size:15px;color:var(--t3)}
.fz-r .said{font:500 11.5px var(--mono);color:var(--t3)}
.fz-g{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.fz-a{margin-top:48px;width:544px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fz-a .open{grid-column:1/-1;height:64px;border-radius:var(--rad);font-size:17px;justify-content:flex-start;padding:0 16px 0 22px}
.fz-a .open .dom{margin-left:auto;font:400 12.5px var(--mono);color:#6b6255}
.fz-a .btn.open .kbd{margin-left:12px}
.fz-a .btn:not(.open){height:54px;border-radius:var(--rad);font-size:15px;justify-content:flex-start;padding:0 14px 0 18px}
.fz-a .btn .kbd{margin-left:auto}
.fz-d{margin-top:28px;display:flex;align-items:center;gap:24px;font-size:13px;color:var(--t3);flex-wrap:wrap;justify-content:center}
.fz-d button,.fz-d .h{display:inline-flex;align-items:center;gap:8px;color:var(--t3);height:32px;border-radius:var(--rad);padding:0 4px}
.fz-d button:hover{color:var(--t1)}
.fz-d button[disabled]{opacity:.4;cursor:default}
.fz-d button[disabled]:hover{color:var(--t3)}
.fz-nx{margin-top:22px;font-size:13px;color:var(--t3);max-width:544px;overflow-wrap:anywhere}
.fz-nx b{font-weight:500;color:var(--t2)}
.fz-pd{display:none}
.fz-body{display:flex;flex-direction:column;align-items:center;max-width:100%}
.fz.op .fz-c{padding-right:500px}
.dr.fd{top:76px;bottom:calc(var(--foot) + 20px);width:476px}
.toast{display:flex;align-items:center;gap:10px;padding:2px 2px 2px 14px;min-height:48px;border-radius:var(--rad);background:var(--bg3);border:1px solid var(--ln2);font-size:13.5px;color:var(--t1);text-align:left}
.toast .i{width:15px;height:15px;color:var(--g)}
.toast span{min-width:0;overflow-wrap:anywhere}
.toast button{margin-left:auto;height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:var(--rad);font-weight:600;color:var(--t1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(232,220,200,.3)}
.toast .kbd{text-decoration:none}
.fz-t{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:440px;max-width:calc(100% - 48px);z-index:2;animation:tin .18s ease-out}
.fz.op .fz-t{left:calc(50% - 250px)}
@keyframes tin{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.fz-end .fz-n{font-size:72px}
.fz-end .sum{margin-top:18px;font-size:22px;color:var(--t2);letter-spacing:-.01em}
.fz-end .ls{width:440px;max-width:100%;text-align:left}
.fz-end .acts2{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.fz-end .acts2 .btn{height:46px;border-radius:var(--rad);padding:0 18px}
.gtag{font:normal 11.5px var(--mono);color:var(--t3)}
.gtag.w{color:var(--a)}

/* ---------- 04 plans (B Focus) ---------- */

/* ---------- documents: limits, about, settings, more ---------- */
.doc{display:flex;justify-content:center;padding:70px 24px 56px}
.doc-in{width:640px;max-width:100%}
.doc h1{font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:1.1}
.doc .lede{margin-top:14px;font-size:16px;line-height:1.6;color:var(--t2)}
.doc h2{margin-top:36px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);padding-bottom:9px;border-bottom:1px solid var(--ln)}
.doc p{margin-top:14px;font-size:14.5px;line-height:1.65;color:var(--t2)}
.doc p b,.doc li b{color:var(--t1);font-weight:500}
.doc ol,.doc ul.pl1{margin-top:12px;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.6;color:var(--t2)}
.doc .call{margin-top:16px;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--ln2);border-radius:var(--rad);background:var(--bg1);flex-wrap:wrap}
.doc .call .fig{font-size:30px}
.doc .call span{font-size:13.5px;color:var(--t2)}
.doc .disc{margin-top:16px;padding:16px 18px;border-left:2px solid var(--ln2);background:var(--bg1);border-radius:0 var(--rad) var(--rad) 0;font-size:14px;line-height:1.6;color:var(--t1)}
.doc .row{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.doc .row .sel{min-width:220px}
.doc .ok{margin-top:10px;font-size:13px;color:var(--g)}
.doc .hpend{margin:18px 0 0}
.doc .warn{margin-top:12px;padding:14px 16px;border:1px solid var(--rl);background:var(--rd);border-radius:var(--rad);font-size:13.5px;line-height:1.55;color:var(--t1)}
.doc .warn .row{margin-top:12px}
.doc dl{margin-top:6px}
.menu{margin-top:22px;border:1px solid var(--ln);border-radius:var(--rad);overflow:hidden;background:var(--bg1)}
.menu a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-bottom:1px solid var(--ln);font-size:15px;text-decoration:none;color:var(--t1)}
.menu a:last-child{border-bottom:0}
.menu a .i{color:var(--t3);width:17px;height:17px}
.menu a .i:last-child{margin-left:auto;width:15px;height:15px}

/* ---------- onboarding + stop screen ---------- */
.ob{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg)}
.ob-top{display:flex;align-items:center;gap:10px;height:72px;padding:0 28px}
.ob-c{display:flex;align-items:center;justify-content:center;padding:24px}
.ob-card{width:480px;max-width:100%;min-width:0}
.ob-card h1{font-size:40px;font-weight:600;letter-spacing:-.045em;line-height:1.05;text-wrap:balance}
.ob-card>.ob-pend{margin-top:18px}
.ob-card .lede{margin-top:14px;font-size:15px;line-height:1.6;color:var(--t2)}
.ob-f{margin-top:28px;display:flex;flex-direction:column;gap:18px}
.chk{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--ln2);border-radius:var(--rad);background:var(--bg1);cursor:pointer;font-size:14.5px;line-height:1.5}
.chk input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:var(--rad);border:1.5px solid rgba(232,220,200,.35);flex:none;margin-top:1px;display:grid;place-items:center;background:var(--bg)}
.chk input:checked{background:var(--g);border-color:var(--g)}
.chk input:checked::after{content:"";width:11px;height:11px;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12.5 5 5L20 6.5' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12.5 5 5L20 6.5' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.chk input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.chk small{display:block;margin-top:4px;font-size:12.5px;color:var(--t3)}
.fld{display:flex;flex-direction:column;gap:8px}
.fld label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.fld .sel{height:46px;font-size:14.5px;border-color:var(--ln2)}
.ob-f .btn.pri{height:50px;border-radius:var(--rad);font-size:15px}
.ob-n{font-size:12.5px;color:var(--t3);line-height:1.6}
.ob-pend{padding:12px 14px;border-radius:var(--rad);background:var(--ad);border:1px solid rgba(196,146,58,.25);color:var(--t1);font-size:13px;line-height:1.55}
.pcl{text-align:center;display:flex;flex-direction:column;align-items:center}
.pcl .ico{width:56px;height:56px;border-radius:var(--rad);background:var(--rd);border:1px solid var(--rl);display:grid;place-items:center;color:var(--r)}
.pcl .ico .i{width:24px;height:24px}
.pcl h1{margin-top:22px;font-size:30px;font-weight:600;letter-spacing:-.035em;line-height:1.2;max-width:420px}
.pcl p{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--t2);max-width:420px;text-wrap:balance}
.pcl .pcl-l{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;font-size:13px}
.pcl .st{margin-top:24px;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 10px 0 12px;border-radius:var(--rad);border:1px solid var(--ln2);background:var(--bg2);font-size:13.5px;color:var(--t2);text-decoration:none}
.pcl .st .i{width:14px;height:14px;color:var(--t3)}
.pcl .st .chg{margin-left:4px;padding-left:10px;border-left:1px solid var(--ln2);color:var(--t1);font-weight:500;display:inline-flex;align-items:center;gap:4px}
.pcl .st:hover{border-color:rgba(232,220,200,.3)}
.ob .stb{height:var(--foot)}

@keyframes fade{from{opacity:0}to{opacity:1}}
/* A toast floats over the list: taps go through it to the row underneath, except on its Undo button. */
.live{position:fixed;left:50%;bottom:calc(var(--foot) + 18px);transform:translateX(-50%);z-index:30;width:420px;max-width:calc(100% - 32px);pointer-events:none}
.live .toast button{pointer-events:auto}
.live .toast{animation:fade .15s ease-out}
.banner{margin:16px 24px 0;padding:10px 14px;border-radius:var(--rad);border:1px solid rgba(196,146,58,.25);background:var(--ad);color:var(--t1);font-size:13px;line-height:1.5}

/* ---------- account: forms, notices, public pages ---------- */
.tin{height:46px;width:100%;border-radius:var(--rad);border:1px solid var(--ln2);background:var(--bg1);color:var(--t1);padding:0 14px;font-size:14.5px}
.tin::placeholder{color:var(--t3)}
.tin:focus{border-color:rgba(232,220,200,.35)}
.tin:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tin[aria-invalid="true"],.sel[aria-invalid="true"]{border-color:var(--r)}
.chk:has(input[aria-invalid="true"]){border-color:var(--rl)}
.pwr{position:relative;display:flex}
.pwr .tin{padding-right:72px}
.pwt{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:34px;min-width:56px;padding:0 10px;border-radius:var(--rad);font:500 12px var(--mono);letter-spacing:.04em;color:var(--t2)}
.pwt:hover{background:var(--hl);color:var(--t1)}
.fld .hint{font-size:12.5px;line-height:1.5;color:var(--t3)}
.ferr{padding:12px 14px;border-radius:var(--rad);background:var(--rd);border:1px solid var(--rl);color:var(--t1);font-size:13.5px;line-height:1.55}
.ferr:empty{display:none}
.ob-f>[role="status"]:empty{margin-top:-18px} /* an empty live region (state notice) takes no gap */
.fok{margin-top:18px;padding:12px 14px;border-radius:var(--rad);background:var(--gd);border:1px solid var(--gl);color:var(--t1);font-size:13.5px;line-height:1.55}
.ob-f .fok{margin-top:0}
.ob-ls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px}
.ob-ls .lk,.pcl-l .lk{font-size:inherit}
button.lk{padding:0;font:inherit;cursor:pointer}
.ob-top .ob-sp{flex:1}
.ob-top .btn{height:36px}
.ob-top{gap:10px}
.ob-doc{min-width:0}
.ob-doc .doc{padding-top:28px}
.pcl .ico.off{background:var(--bg2);border-color:var(--ln2);color:var(--t2)}
.note{margin:16px 24px 0;padding:10px 12px 10px 14px;border-radius:var(--rad);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:var(--t1)}
.note>span:first-child{flex:1;min-width:200px}
.note-a{display:flex;gap:8px;flex-wrap:wrap}
.note .btn{height:32px;padding:0 12px;font-size:12.5px}
.note.err{background:var(--rd);border:1px solid var(--rl)}
.note.off{background:var(--bg2);border:1px solid var(--ln2)}
.fz-c>.note{position:relative;z-index:2;margin:0 0 16px;width:min(560px,100%)}
.ca>.note{margin-top:64px} /* below the state pill in the top right corner */
.doc h3{margin-top:24px;font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em}
.doc .sm{font-size:12.5px;color:var(--t3)}
.doc .bad{margin-top:10px;font-size:13px;color:var(--r)}
.doc .frm{margin-top:12px;display:flex;flex-direction:column;gap:14px;max-width:400px}
.doc .frm .row{margin-top:0}
.doc .warn .fld{margin-top:12px;max-width:400px}
.doc .warn .ferr{margin-top:12px}
.doc .warn p{margin-top:0;color:var(--t1)}
.c-n .cx{color:var(--t2);font-family:var(--mono);font-size:12.5px}
.tr.row.gone{cursor:default}
.dr-nt .i{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:var(--g)}

/* ---------- responsive: narrower desktops ---------- */
@media (max-width:1280px){
  .ca.dropen{padding-right:0}
  .dr:not(.fd){top:16px}
  .scrim{display:block;position:absolute;inset:0;background:rgba(12,11,9,.55);z-index:5}
  .fz.op .fz-c{padding-right:24px}
  .fz.op .fz-t{left:50%}
}
@media (max-width:1100px){
  .pgw{padding-left:32px;padding-right:32px}

  /* the two guardrail lines get a line each instead of running into each other */
  :root{--foot:50px}
  .stb{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:1.35}
  .stb>span:first-child{display:none}
  .stb .r{margin-left:0}

  /* tables become cards (tablets, narrow laptops and phones) */
  .pn{border-radius:var(--rad)}
  .tr.th{display:none}
  .tr{display:grid;grid-template-columns:minmax(0,1fr) auto!important;row-gap:2px;padding:10px 12px 12px 16px;column-gap:10px}
  .tr .hide-p{display:none}
  .tr .c-n{font-size:15px;grid-column:1}
  .tr .c-n button{min-height:44px;min-width:44px;display:flex;align-items:center}
  .tr .st-c{grid-column:2;grid-row:2;justify-self:end}
  .tr .nx-c{grid-column:1;grid-row:2;align-self:center}
  .tr .ord{grid-column:2;grid-row:1;justify-content:flex-end;gap:4px}
  .tr .ord .ibtn{width:44px;height:44px;border:1px solid var(--ln)}
  .tr .trk-c{grid-column:2;grid-row:1}
  .tr .trk-c .btn{height:44px}
  .tr .meta-p{display:block;grid-column:1/-1;font-size:12.5px;color:var(--t3)}
  .tr .pro-p{display:flex;align-items:center;gap:7px;grid-column:1/-1;margin-top:6px;font:11px var(--mono);color:var(--t4)}
  .tr .pro-p .i{width:12px;height:12px;stroke-width:2}
  .tnote{padding:12px 14px}
}

/* ---------- phone (B Focus phones) ---------- */
@media (max-width:760px){
  :root{--foot:auto}
  body{font-size:14px}
  .app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}
  .sd{display:none}
  .mn{display:contents}
  .corner{display:none}
  .ptb{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-bottom:1px solid var(--ln);background:var(--bg);position:relative;z-index:4}
  .ptb .brand{padding:0;min-height:44px}
  .ob-top .brand{min-height:44px}
  .ptb .brand .b1{display:none}
  .ptb .mark{width:28px;height:28px;font-size:10px}
  .ptb .stp{margin-left:auto;height:44px;padding:0 12px;border-radius:var(--rad)}
  .ptb .warnchip{height:32px}
  .ca{overflow:auto}
  .stb{display:block;padding:4px 16px 2px;white-space:normal;text-align:center;font:11px/1.5 var(--sans);border-top:1px solid var(--ln);background:var(--bg);overflow:visible}
  .stb>span:first-child{display:none}
  .stb .r{display:inline;margin:0}
  .stb .r span{margin-right:2px}
  .stb .m1{display:block;padding-top:4px}
  /* 44px tap targets for text links on a phone */
  .stb a,.dr-foot a,.dr-f a,.lk{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}
  .stb a,.dr-foot a{padding:0 6px}
  .tabs.t4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tnote{display:block;line-height:1.5}
  .tnote>.i{display:inline-block;vertical-align:-2px;margin-right:6px}
  .tnote .lk{margin-left:6px}
  .tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ln);background:var(--bg1);padding-bottom:env(safe-area-inset-bottom,0px)}
  .tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;font-size:11px;color:var(--t3);text-decoration:none;position:relative}
  .tabs a .i{width:19px;height:19px}
  .tabs a[aria-current="page"]{color:var(--t1)}
  .tabs a .dt{position:absolute;top:9px;left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;background:var(--g)}
  .tabs a:focus-visible{outline-offset:-4px}

  .home{padding:0 20px}
  .hcol{padding:28px 0 28px}
  .hh{font-size:44px}
  .hsub{font-size:15px}
  .go{height:58px;border-radius:var(--rad);font-size:16.5px;margin-top:24px}
  .go .kbd{display:none}
  .li{min-height:48px;font-size:15px}
  .li .nmw{flex-direction:column;align-items:flex-start;gap:2px;padding:7px 0}
  .li .nm{max-width:100%}
  .li em{white-space:normal;overflow:visible}
  .li .acts{opacity:1}
  .li .acts .ibtn{width:44px;height:44px}
  .hnote{flex-wrap:wrap}
  .hnote .lk{display:none}
  .toast .kbd,.fz-end .acts2 .kbd{display:none}

  .pgw{padding:24px 16px 32px}
  .pg-h h1{font-size:24px}
  .pg-h .btn{margin-left:0}
  .tool{margin-top:16px}
  .tool .inp{width:100%;order:-1;height:46px}
  .pg-h .hp{display:none}
  .tool .sel{height:44px;flex:1}
  .tool .tot{margin-left:0;width:100%}
  .seg{width:100%}
  .seg button{flex:1;justify-content:center;height:44px;padding:0 8px}
  .tool .sp{display:none}
  .tool>.btn{height:44px;width:100%}

  /* tables are cards from 1100px down (see above) */

  .dr,.dr.fd,.dr:not(.fd){position:fixed;inset:0;top:0;bottom:0;right:0;left:0;width:auto;border-radius:0;border:0;z-index:20;animation:none}
  .dr-h{padding:18px 20px 0}
  .dr-h h2{font-size:26px}
  .dr-x{width:44px;height:44px;border-radius:50%}
  .dr-s,.dr-b,.sec{padding-left:20px;padding-right:20px}
  .dr-b .btn.pri{height:52px}
  .dr-b .btn.trk{height:48px}
  .dr-f{padding:6px 20px 8px;line-height:1.5}
  .dr-foot{display:block;padding:2px 16px calc(4px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ln);text-align:center;font:11px/1.5 var(--sans);color:var(--t3);background:var(--bg)}
  .dr-foot>span:first-child{display:none}
  .dr-foot .m1{display:block;padding-top:6px}
  .dr-foot .r span{margin-right:2px}
  .dr-foot a{color:var(--t2);text-decoration:underline;text-decoration-color:rgba(232,220,200,.22);text-underline-offset:3px}
  .kv{grid-template-columns:104px minmax(0,1fr)}
  .scrim{display:none}

  .fz{grid-template-rows:auto minmax(0,1fr) auto}
  .fz-top{grid-template-columns:44px 1fr auto;padding:8px 20px 0;row-gap:0;column-gap:10px;align-items:center}
  .fz-esc{width:44px;height:44px;border-radius:50%;border:1px solid var(--ln2);justify-content:center;padding:0;color:var(--t2)}
  .fz-esc .kbd,.fz-esc .lt{display:none}
  .fz-esc .x{display:block;width:15px;height:15px}
  .fz-pr{display:contents}
  .fz-pr .t{grid-column:2;justify-self:center;font-size:13px}
  .fz-pr .bar{grid-column:1/-1;width:100%;margin-top:12px}
  .fz-tr{grid-column:3;grid-row:1;min-width:44px}
  .fz-tr .btn{display:none}
  .fz-c{padding:0 20px;justify-content:flex-start}
  .fz-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:24px 0}
  .fz-n{font-size:46px;letter-spacing:-.045em;line-height:1.02}
  .fz-r{margin-top:18px;gap:10px}
  .fz-r .k{font-size:14px}
  .fz-r .amt{font-size:18px}
  .fz-pd{display:inline-flex;margin-top:18px;align-items:center;gap:4px;font-size:13px;color:var(--t3);height:44px;padding:0 8px}
  .fz-pd .i{width:14px;height:14px}
  .fz-a{margin-top:0;width:100%;gap:10px;padding:10px 0 4px}
  .fz-a .open{height:58px;border-radius:var(--rad);font-size:16.5px;justify-content:center;padding:0 16px}
  .fz-a .open .dom,.fz-a .kbd{display:none}
  .fz-a .btn:not(.open){height:52px;border-radius:var(--rad);justify-content:center;padding:0 12px}
  .fz-d{display:none}
  .fz-nx{margin-top:12px;font-size:12.5px;text-align:center}
  .fz-t{position:static;transform:none;width:100%;max-width:none;margin-top:14px;animation:none}
  .fz.op .fz-t{left:auto}
  .fz-end .fz-n{font-size:36px}
  .fz-end .sum{font-size:18px}
  .fz-end .acts2{width:100%}
  .fz-end .acts2 .btn{flex:1;height:52px}
  .fz .stb{border-top:0;padding:4px 20px calc(4px + env(safe-area-inset-bottom,0px))}

  .dr-k .kbd{display:none}

  .doc{padding:28px 20px 36px}
  .doc h1{font-size:28px}
  .doc .row .sel{min-width:0;flex:1;height:44px}
  .doc .row .btn{height:44px}

  .ob-top{height:60px;padding:0 20px}
  .ob-card h1{font-size:32px}
  .pcl h1{font-size:24px;max-width:300px}
  .pcl p{max-width:300px;font-size:14px}
  .ob .stb{padding:4px 20px calc(6px + env(safe-area-inset-bottom,0px))}

  .live{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
  .btn{min-height:44px}
  .ibtn{width:44px;height:44px}
  .banner{margin:12px 16px 0}
}

/* account screens on a phone */
@media (max-width:760px){
  .note,.ca>.note{margin:12px 16px 0}
  .note .btn{height:44px}
  .ob-top .btn{height:40px;padding:0 12px}
  .ob-top .b1{display:none}
  .pwt{height:44px;right:1px}
  .ob-n a.lk,.ob-ls a.lk,.pcl-l a.lk,.pcl-l button.lk,.ob-ls button.lk{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  .chk .lk{display:inline;min-height:0} /* links inside a sentence of a 44px+ checkbox row stay inline */
  /* links inside a sentence stay inline (an inline-flex 44px box would make that one line taller); vertical padding on
     an inline box widens the tap area without moving the lines */
  p .lk,.ob-n.sent a.lk,.ob-pend.sub>span .lk{display:inline;min-height:0;min-width:0;padding:12px 0}
  .doc .frm{max-width:none}
  .doc .warn .fld{max-width:none}
}

/* ---------- Pro and billing ---------- */
[hidden]{display:none!important}
.dr.still{animation:none}
.ch.at{color:var(--t1);background:rgba(232,220,200,.07);box-shadow:inset 0 0 0 1px var(--ln2)}
.pgr{display:flex;flex-direction:column;gap:6px;min-width:0}
.pgr .bar{width:100%;max-width:160px}
.pgt{font:12px var(--mono);color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr.row>.pc{min-width:0;overflow:hidden}
.tr.row>.pc .v,.tr.row>.pc .sb{overflow:hidden;text-overflow:ellipsis}
.tr .pro-p.on{color:var(--t2);font:12px var(--sans)}
.li .tm .tw{display:block;font:11px var(--mono);color:var(--t3);text-align:right;font-weight:400}
.money{margin-top:16px;display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--ln);border-radius:var(--rad);background:var(--bg1)}
.money .mk{display:flex;flex-direction:column;gap:4px;min-width:0}
.money .fig{font-size:24px;color:var(--t1)}
.money .ms{font-size:12.5px;color:var(--t3)}
.money .lk{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;text-decoration:none;color:var(--t2);white-space:nowrap}
.money .lk .i{width:14px;height:14px}
.money.big{margin-top:22px;padding:20px 22px;gap:40px}
.money.big .fig{font-size:36px}
.anote{margin-top:14px;display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--rad);border:1px solid var(--ln2);background:var(--bg2);font-size:13px;line-height:1.5;color:var(--t1)}
.anote .i{width:15px;height:15px;margin-top:2px;color:var(--t2)}
.anote>span{flex:1;min-width:0}
.anote .lk{white-space:nowrap}
.pnote{margin-top:16px;padding:12px 14px;border-radius:var(--rad);border:1px solid var(--ln2);background:var(--bg2);font-size:13.5px;line-height:1.55;color:var(--t1)}
.pnote .i{width:15px;height:15px;vertical-align:-3px;margin-right:8px}
.pnote.ok{border-color:var(--gl);background:var(--gd)}
.pnote.ok .i{color:var(--g)}
.pnote.bad{border-color:var(--rl);background:var(--rd)}
.pgw>.pnote{margin-top:16px}
.ob-pend.sub{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:16px}
.ob-pend.sub>span{flex:1 1 220px}
.pcl .ob-pend.sub{text-align:left;margin-top:18px}
.menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;border:0;border-bottom:1px solid var(--ln);background:none;font:inherit;font-size:15px;color:var(--t1);text-align:left;cursor:pointer}
.menu button .i{color:var(--t3);width:17px;height:17px}
.menu button .i:last-child{margin-left:auto;width:15px;height:15px}
/* reward conditions and "updated ..." lines wrap to two lines instead of cutting off the words that matter */
.nx-c .sb,.tr.row>.pc .sb{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.pblk{padding:12px 0 14px;border-bottom:1px solid rgba(232,220,200,.05)}
.pblk:last-child{border-bottom:0}
.pblk .ph{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--t3)}
.pblk .ph .sm,.pblk .sm{font-size:12px;color:var(--t3)}
.pblk p.sm{margin-top:6px;line-height:1.5}
.pblk .pv{margin-top:6px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px}
.pblk .pv b{font:500 18px var(--mono);color:var(--t1)}
.pblk .pgr .bar{max-width:none}
.pblk .pgt{white-space:normal}
.pact{display:flex;gap:10px;flex-wrap:wrap}
.pact .btn{height:36px;font-size:12.5px}
.pf{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.pf-r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pfl{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--t3)}
.pf .tin{height:38px;font-size:13.5px;padding:0 10px}
.pf .sel{height:38px}
.pf-a{display:flex;gap:8px;flex-wrap:wrap}
.pf-a .btn{height:36px}
.pf-m{border:0;display:flex;flex-direction:column;gap:8px}
.rad{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--t2)}
.rad input[type="radio"]{accent-color:var(--cream);width:16px;height:16px}
.tin.nn{width:76px}
.tin.tt{width:118px}
.rad .sel{min-width:0;width:auto}
.doc.wide .doc-in{width:820px}
.doc h2 .mut{margin-left:8px;color:var(--t4);letter-spacing:.04em}
.rxf{margin-top:14px}
.rxf-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rxf .row{margin-top:14px}
.rxf .ferr{margin-top:12px}
.rxf .fld .tin,.rxf .fld .sel{height:42px;font-size:14px}
.rxl{margin-top:8px;border:1px solid var(--ln);border-radius:var(--rad);background:var(--bg1);overflow:hidden}
.rxr{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px 16px;padding:12px 16px;border-bottom:1px solid rgba(232,220,200,.05)}
.rxr:last-child{border-bottom:0}
.rx-n b{display:block;font-weight:500;font-size:14px;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-amt{font:500 14px var(--mono);color:var(--t1);text-align:right}
.rx-a{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.btn.sm{height:30px;padding:0 10px;font-size:12px;border-radius:var(--rad)}
.rx-in{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px dashed var(--ln2);border-radius:var(--rad);font-size:13px;color:var(--t2)}
.rx-in .tin{height:36px;width:auto;font-size:13px}
.rx-in .btn{height:34px}
.rx-in .ferr{flex-basis:100%}
.alist{list-style:none;margin-top:12px;border:1px solid var(--ln);border-radius:var(--rad);background:var(--bg1);overflow:hidden}
.alist li{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(232,220,200,.05);font-size:14px;line-height:1.5;color:var(--t1)}
.alist li:last-child{border-bottom:0}
.alist li .i{width:15px;height:15px;margin-top:3px;color:var(--t3)}
.alist li>span{flex:1;min-width:0}
.alist li .lk{font-size:13px;white-space:nowrap}
.afs{border:0;display:flex;flex-direction:column;gap:14px;margin-top:2px}
.afs[disabled]{opacity:.6}
.afs .fld{max-width:200px}
.doc dl.bl{margin-top:8px}
.fz-a .fz-today{grid-column:1/-1;height:44px!important;font-size:13.5px!important;color:var(--t2)}
@media (max-width:1100px){
  .tr .pro-p.on{display:block;color:var(--t2)}
}
@media (max-width:760px){
  .money{gap:18px;padding:12px 14px}
  .money .lk{margin-left:0;flex-basis:100%;min-height:44px}
  .money.big{gap:22px;padding:16px}
  .money.big .fig{font-size:28px}
  .pf-r{grid-template-columns:minmax(0,1fr)}
  .pf .tin,.pf .sel,.pf-a .btn,.pact .btn{height:44px}
  .rxf-g{grid-template-columns:minmax(0,1fr)}
  .rxf .fld .tin,.rxf .fld .sel{height:46px}
  .rxr{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}
  .rx-st{grid-column:1}
  .rx-a{grid-column:1/-1;justify-content:flex-start}
  .btn.sm{height:44px}
  .rx-in .tin,.rx-in .btn{height:44px}
  .tin.nn{width:88px}
  .fz-a .fz-today{height:48px!important}
}

/* =====================================================================================================================
   SweepstakeReport layer: type, surfaces and components in the SweepstakeReport look. Kept after the layout rules
   above (and their media queries) so the fonts, letter-spacing and colours here win; sizes stay with the layout.
   ===================================================================================================================== */
body{color:var(--tb);font:13.5px/1.45 var(--sans);font-feature-settings:"tnum" 1,"kern" 1}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--rad)}
.skip{background:var(--gold);color:var(--ink)}
.sa-boot{flex:1;display:grid;place-items:center;margin:0;padding:2rem 1rem 6rem;color:var(--gold);font:500 11px var(--mono);letter-spacing:var(--tracking)}
/* phones: the real bar's Log in and Menu are 44px tall; the boot bar (brand only) keeps that height so nothing moves */
@media (max-width:639px){#boot .sa-hi{min-height:calc(44px + 2rem)}}
.lbl,.lh,.tr.th,.doc h2,.fld label,.pfl>span,.kick{letter-spacing:var(--tracking)}
.tr.th{letter-spacing:.14em}
.fig{font-family:var(--display);font-weight:500;letter-spacing:-.015em}
.mono,.v,.kbd,.ch,.sb,.pgt{font-feature-settings:"tnum" 1}

/* chips, buttons, links, fields */
.ch{font:500 11px var(--mono);letter-spacing:.02em}
.ch.ok{color:var(--g);background:var(--gd);box-shadow:inset 0 0 0 1px rgba(61,122,98,.45)}
.ch.wt{color:var(--amber);background:var(--ad)}
.ch.dn{color:var(--stone);background:rgba(232,220,200,.06)}
.ch.bad{color:var(--r);background:var(--rd)}
.btn{font:500 13px var(--sans);background:var(--ink-3);border-color:var(--rule-strong);color:var(--cream);letter-spacing:.005em}
.btn:hover{background:var(--ink-4);border-color:var(--gold-line)}
.btn.pri{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:600}
.btn.pri:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn.pri:focus-visible{outline-color:var(--gold-2);outline-offset:3px}
.btn.okb{color:var(--cream);background:var(--forest);border-color:rgba(201,165,106,.35)}
.btn.okb:hover{background:var(--forest-2)}
.btn.okb .kbd{color:var(--cream);border-color:rgba(243,234,216,.3)}
.btn.gh{background:transparent;border-color:var(--gold-line)}
.btn.gh:hover{background:var(--gold-dim);border-color:var(--gold)}
.btn.badb{color:var(--r);border-color:var(--rl);background:transparent}
.btn.badb:hover{background:var(--rd)}
.btn[disabled]:hover{background:var(--ink-3);border-color:var(--rule-strong)}
.kbd{font:500 10.5px var(--mono);color:var(--stone);border-color:var(--rule-strong);background:rgba(232,220,200,.03)}
.btn.pri .kbd{color:#5a5248;border-color:rgba(12,11,9,.22);background:rgba(12,11,9,.05)}
.bar{background:rgba(232,220,200,.1)}
.bar i{background:var(--gold)}
.lk{color:var(--gold-2);text-decoration-color:var(--gold-line)}
.lk:hover{color:var(--cream);text-decoration-color:var(--gold)}
.kick{font:500 11px var(--mono);text-transform:uppercase;color:var(--gold)}
.inp,.sel,.tin{background-color:var(--ink-2);border-color:var(--rule-strong);color:var(--cream)}
.inp:focus-within,.tin:focus{border-color:var(--gold-line)}
.inp input::placeholder,.tin::placeholder{color:var(--stone-2)}
.seg{background:var(--ink-2);border-color:var(--rule-strong)}
.seg button[aria-pressed="true"]{background:var(--gold-dim);color:var(--cream)}
.ibtn:hover{background:var(--gold-dim);border-color:var(--gold-line);color:var(--cream)}
.rad input[type="radio"]{accent-color:var(--gold)}

/* shell: the SweepstakeReport mark and wordmark, with the Terminal label */
.sd{background:var(--ink-2);border-right-color:var(--rule)}
.brand{gap:10px;color:var(--cream);padding:0 6px}
.brand .logo{width:34px;height:34px;color:var(--gold);flex:none}
.brand .wm{display:flex;flex-direction:column;min-width:0}
.brand .b1{display:block;font:italic 600 17px/1.1 var(--display);letter-spacing:-.02em;color:var(--cream);white-space:nowrap}
.brand .b2{display:block;margin-top:4px;font:500 9.5px/1 var(--mono);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--gold)}
.nav a{color:var(--stone);font-size:14px}
.nav a .i{color:var(--stone-2)}
.nav a:hover{color:var(--cream);background:var(--hl)}
.nav a[aria-current="page"]{background:rgba(201,165,106,.08);color:var(--cream);box-shadow:inset 2px 0 0 var(--gold)}
.nav a[aria-current="page"] .i{color:var(--gold)}
.nav .dt,.tabs a .dt{background:var(--gdot)}
.nav .ct{font:500 11.5px var(--mono);color:var(--stone-2)}
.nsep{background:var(--rule)}
.sdf:hover{background:var(--hl);border-color:var(--rule)}
.sdf .av{background:var(--ink-4);border-color:var(--gold-line);color:var(--gold)}
.sdf .who b{color:var(--cream)}
.sdf .who span{font:500 10px var(--mono);letter-spacing:.16em;color:var(--gold)}
/* the way back to the site, under the plan and state (ui.js SITE_LINKS) */
.sdl{display:flex;flex-wrap:wrap;gap:0 14px;margin-top:8px;padding:6px 10px 0;border-top:1px solid var(--rule)}
.sdl a{padding:5px 0;font:500 12px/1.4 var(--sans);color:var(--stone);text-decoration:none}
.sdl a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-line)}
.stp{background:var(--ink);border-color:var(--rule-strong);color:var(--stone)}
.stp .i{color:var(--gold)}
.stb{font:11px var(--mono);color:var(--stone-2);background:var(--ink-2);border-top-color:var(--rule)}
.stb a{color:var(--stone);text-decoration-color:var(--gold-line)}
.stb a:hover{color:var(--cream)}

/* home */
.hi{font:500 11px var(--mono);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--gold)}
.hh{margin-top:14px;font-family:var(--display);font-weight:500;font-size:64px;letter-spacing:-.025em;line-height:1;color:var(--cream)}
.hh .n{color:var(--gold-2)}
.hh .n.z{color:var(--stone)}
.hsub{color:var(--stone)}
.hnote b{font:500 13px var(--mono);color:var(--cream)}
.hnote .lk{color:var(--gold-2)}
.lh{color:var(--stone-2);border-bottom-color:var(--rule-strong)}
.li{border-bottom-color:var(--ln3);color:var(--cream)}
.li .d.g{background:var(--gdot)}
.li .d.a{background:var(--amber)}
.li .acts .ibtn.okc:hover{color:var(--g);border-color:var(--gl);background:var(--gd)}
.empty{border-color:var(--gold-line);color:var(--stone)}
.empty b{color:var(--cream)}

/* page headers and documents */
.pg-h h1{font-family:var(--display);font-weight:500;font-size:32px;letter-spacing:-.02em;color:var(--cream)}
.pg-h .c{font:500 12.5px var(--mono);color:var(--stone-2)}
.doc h1{font-family:var(--display);font-weight:500;font-size:38px;letter-spacing:-.02em;color:var(--cream)}
.doc .lede{color:var(--tb)}
.doc h2{color:var(--gold);border-bottom-color:var(--rule)}
.doc h2 .mut{color:var(--stone-2)}
.doc h3{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--cream)}
.doc p{color:var(--stone)}
.doc p b,.doc li b{color:var(--cream)}
.doc .call{background:var(--ink-2);border-color:var(--gold-line)}
.doc .call .fig{font-size:32px;color:var(--gold-2)}
.doc .disc{border-left-color:var(--gold);background:var(--ink-2);color:var(--cream);font-family:var(--display);font-size:16px;line-height:1.5}
.menu{background:var(--ink-2);border-color:var(--rule);border-top-color:var(--gold-line)}
.menu a,.menu button{border-bottom-color:var(--rule)}
.menu a .i,.menu button .i{color:var(--gold)}

/* tables */
.pn{background:var(--ink-2);border-color:var(--rule);border-top-color:var(--gold-line)}
.tr{border-bottom-color:var(--ln3)}
.tr.th{color:var(--stone-2);background:rgba(201,165,106,.035);border-bottom-color:var(--rule-strong)}
.tr.row:hover{background:rgba(201,165,106,.045)}
.tr.row.is-sel{background:rgba(201,165,106,.08);box-shadow:inset 2px 0 0 var(--gold)}
.tr.row.static{cursor:default}
.tr.row.static:hover{background:none}
.c-n,.c-n button,.c-n .nm{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--cream)}
.c-n .cx{font-family:var(--mono);font-weight:400;font-size:12.5px;color:var(--stone)}
.v{color:var(--cream)}
.v.m{color:var(--stone-2)}
.v.g{color:var(--g)}
.sb{color:var(--stone-2)}
.sb.w{color:var(--amber)}
.tnote{color:var(--stone-2);border-top-color:var(--rule)}
.tempty{color:var(--stone)}

/* drawer */
.dr{background:var(--ink-2);border-color:var(--gold-line);box-shadow:0 30px 60px -24px rgba(0,0,0,.72)}
.dr-h h2{font-family:var(--display);font-weight:600;font-size:30px;letter-spacing:-.02em;color:var(--cream)}
.dr-x{border-color:var(--rule-strong);color:var(--stone)}
.dr-x:hover{border-color:var(--gold-line);color:var(--cream)}
.dr-b .btn .dom{font-family:var(--mono)}
.sec .lbl{color:var(--gold);border-bottom-color:var(--rule)}
.kv{border-bottom-color:var(--ln3)}
.kv>dt{color:var(--stone-2)}
.kv>dd{color:var(--tb)}
.kv>dd.np{color:var(--stone-2)}
.dr-f{color:var(--stone-2);border-top-color:var(--rule)}
.dr-f a{color:var(--gold-2)}
.dr-nt{border-color:var(--gold-line);color:var(--stone)}
.dr-nt .i{color:var(--gdot)}
.pblk{border-bottom-color:var(--ln3)}
.pblk .pv b{font:500 18px var(--mono);color:var(--cream)}

/* farm mode */
.fz-n{font-family:var(--display);font-weight:500;letter-spacing:-.025em;color:var(--cream)}
.fz-pr .t{font-family:var(--mono);color:var(--stone)}
.fz-r .k,.fz-e .k{color:var(--stone-2)}
.fz-r .amt{font-family:var(--display);font-style:italic;font-weight:500;color:var(--cream)}
.fz-r .said{font-family:var(--mono);color:var(--stone-2)}
.fz-esc{color:var(--stone)}
.toast{background:var(--ink-4);border-color:var(--gold-line);color:var(--cream)}
.toast .i{color:var(--gdot)}
.toast button{color:var(--cream);text-decoration-color:var(--gold-line)}

/* plans */

/* account screens, dialog, notices */
.ob-card h1,.pcl h1{font-family:var(--display);font-weight:500;letter-spacing:-.02em;color:var(--cream)}
.ob-card .lede,.pcl p{color:var(--stone)}
.chk{background:var(--ink-2);border-color:var(--rule-strong)}
.chk input{border-color:rgba(232,220,200,.4);background:var(--ink)}
.chk input:checked{background:var(--gold);border-color:var(--gold)}
.chk small{color:var(--stone-2)}
.fld label,.pfl>span{color:var(--stone-2)}
.money{background:var(--ink-2);border-color:var(--rule);border-top-color:var(--gold-line)}
.money .fig{color:var(--cream)}
.money .ms{color:var(--stone-2)}
.anote,.pnote,.note.off{background:var(--ink-3);border-color:var(--rule-strong)}
.anote .i{color:var(--gold)}
.pnote.ok{border-color:var(--gl);background:var(--gd)}
.pnote.ok .i{color:var(--g)}
.hpend,.ob-pend,.banner{background:var(--ad);border-color:rgba(196,146,58,.3)}
.rxl,.alist{background:var(--ink-2);border-color:var(--rule);border-top-color:var(--gold-line)}
.rxr,.alist li{border-bottom-color:var(--ln3)}
.alist li .i{color:var(--gold)}
.alist li button.lk{white-space:nowrap;font-size:13px}
.rx-amt{color:var(--cream)}

/* ---------- daily reward estimates (every plan) ---------- */
.est{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.est-v{font:500 13px var(--mono);color:var(--cream)}
.est.none .est-v,.est.gc .est-v{color:var(--stone)}
.est-l{font:11px var(--mono);color:var(--stone-2)}
.estn{margin-top:12px;padding-left:10px;border-left:2px solid var(--gold-line);font-size:12.5px;line-height:1.5;color:var(--stone)}
.doc p.estn,.pw p.estn{color:var(--stone)}
.dr-estn{margin:10px 0 0}
.est-d{display:block;margin-top:5px;font:11.5px/1.5 var(--sans);color:var(--stone-2)}
.est-d .lk{font-size:inherit}
.estc{display:block;margin-top:3px;color:var(--amber)}
.es .v{font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis}
.es .v.none,.es .v.gc{color:var(--stone-2)}
.c-n .sb.est{display:block;font:11px var(--mono);color:var(--stone-2);letter-spacing:0}
.c-n .sb.est.amount{color:var(--stone)}
.c-n .sb.est .est-l{color:var(--stone-2)}
.tier{margin-top:10px;max-width:880px;font-size:13px;line-height:1.55;color:var(--stone)}
/* Directory first-run line (the account tracks no casino yet): one quiet line, the Track button's plus in gold */
.dir-first{margin-top:12px;display:flex;align-items:flex-start;gap:8px;max-width:880px;font-size:13.5px;line-height:1.55;color:var(--cream-soft)}
.dir-first .i{width:14px;height:14px;margin-top:3px;color:var(--gold-2);stroke-width:2}
/* Free with a full list (25 of the 50 it shows): one quiet gold-edged line, and a lock on the Track buttons. */
.dir-estn,.mc-estn{margin-top:14px}
.fz-e{margin-top:12px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center}
.fz-e .k{font-size:14px}
.fz-e .est-v{font-size:15px}
.fz-estn{margin:12px auto 0;max-width:440px;padding-left:0;border-left:0;text-align:center;color:var(--stone-2)}
.tr .meta-p .est-m{color:var(--stone)}

/* ---------- the coin's redemption rate (usd_rate): a published fact, quieter than the estimate ---------- */
/* (.coin-rate, not .rate: Power User's Insights styles .rate for its claim-rate bar further down) */
.coin-rate{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.rate-v{font:500 13px var(--mono);color:var(--cream)}
/* Directory: under the redemption minimum, in the cell's small type */
.tr.row .sb.rt{color:var(--stone)}
.tr .meta-p .rt-m{color:var(--stone)}
/* Farm Mode card: one quiet line under the daily estimate */
.fz-rt{margin-top:6px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center;max-width:100%}
.fz-g+.fz-rt{margin-top:10px}
.fz-rt .k{font-size:13px;color:var(--stone-2)}
.fz-rt .rate-v{font-size:13px;color:var(--stone)}
.fz-rt .est-l{overflow-wrap:anywhere}

/* ---------- Power User screens ---------- */
.ptabs{margin-top:18px;display:flex;gap:2px;border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.ptabs a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px}
.ptabs a:hover{color:var(--cream)}
.ptabs a[aria-current="page"]{color:var(--cream);border-bottom-color:var(--gold)}
.ptabs a:focus-visible{outline-offset:-2px}
.pw p.sm,.pw .sm{font-size:12.5px;line-height:1.55;color:var(--stone-2)}
.pw-fine{margin-top:12px;max-width:820px}
.pw-load{margin-top:28px;padding:20px 0;border-top:1px solid var(--rule)}
.kpis{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-top-color:var(--gold-line)}
.kpi{background:var(--ink-2);padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px;min-width:0}
.kpi .fig{font-size:34px;color:var(--cream);overflow-wrap:anywhere}
.kpi .fig small{font:400 14px var(--sans);letter-spacing:0;color:var(--stone)}
.kpi .ms{font-size:12.5px;line-height:1.45;color:var(--stone-2)}
.pwsec{margin-top:30px}
.pwsec>h2{font:500 10.5px var(--mono);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--gold);padding-bottom:9px;border-bottom:1px solid var(--rule);margin-bottom:14px}
.pwsec>h2 .mut{margin-left:8px;color:var(--stone-2);letter-spacing:.06em}
.pwsec>.pn{margin-top:0}
.bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;height:210px}
.bcol{display:grid;grid-template-rows:18px minmax(0,1fr) 20px;min-width:0}
.bvl{font:10.5px/18px var(--mono);color:var(--stone);text-align:center;white-space:nowrap;overflow:visible}
.bw{position:relative;border-bottom:1px solid var(--rule-strong)}
.bv{position:absolute;left:14%;right:14%;bottom:0;background:rgba(201,165,106,.5)}
.bcol.now .bv{background:var(--gold)}
.bm{font:500 10px/20px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stone-2);text-align:center}
.bcol.now .bm{color:var(--gold-2)}
.estbig{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
.estbig .fig{font-size:38px;color:var(--gold-2)}
.estbig .sm{max-width:420px}
.exp{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.doc .row.exp{margin-top:10px}
.heat{display:flex;gap:8px;--hc:15px}
.heat-d{display:grid;grid-template-rows:repeat(7,var(--hc));gap:3px;font:10px/var(--hc) var(--mono);color:var(--stone-2)}
.heat-g{display:grid;grid-template-rows:repeat(7,var(--hc));grid-auto-flow:column;grid-auto-columns:var(--hc);gap:3px}
.hc{display:block;width:var(--hc);height:var(--hc);background:rgba(232,220,200,.06)}
.hc.l1{background:rgba(201,165,106,.26)}
.hc.l2{background:rgba(201,165,106,.46)}
.hc.l3{background:rgba(201,165,106,.7)}
.hc.l4{background:var(--gold-2)}
.heat-k{margin-top:10px;display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;font:11px var(--mono);color:var(--stone-2);max-width:calc(13 * 18px + 40px)}
.heat-l{display:inline-flex;align-items:center;gap:4px}
.heat-l .hc{width:10px;height:10px}
.rate{display:flex;align-items:center;gap:10px}
.rate .bar{flex:1;max-width:110px}
.rate b{font:500 12.5px var(--mono);color:var(--cream)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.clist{list-style:none}
.clist li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ln3);font-size:14px;color:var(--cream)}
.clist li span{font-family:var(--display);font-weight:600}
.clist li b{font:500 13px var(--mono);color:var(--gold-2)}
.pw-label{margin-top:20px;padding-left:14px;border-left:2px solid var(--gold);font:italic 500 19px/1.4 var(--display);color:var(--cream);max-width:760px}
.formula{margin-top:16px;padding:12px 14px;border:1px solid var(--rule);background:var(--ink-2);max-width:820px}
.formula p{margin-top:6px;font-size:13px;line-height:1.55;color:var(--stone)}
.prio{list-style:none;margin-top:20px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.pr{display:flex;gap:18px;padding:16px 6px;border-bottom:1px solid var(--rule)}
.pr:last-child{border-bottom:0}
.pr-n{width:46px;flex:none;font:italic 500 32px/1 var(--display);color:var(--gold)}
.pr-b{flex:1;min-width:0}
.pr-h{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
.pr-h b{font:600 19px/1.2 var(--display);letter-spacing:-.01em;color:var(--cream)}
.pr-s{margin-left:auto;display:inline-flex;align-items:baseline;gap:8px;font:500 16px var(--mono);color:var(--cream)}
.why{list-style:none;margin-top:8px;display:grid;gap:3px;font-size:13px;line-height:1.5;color:var(--stone)}
.why li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px}
.why .op{font:500 12px/19px var(--mono);color:var(--gold);text-align:center}
.why li.eq,.why li.tot{color:var(--cream)}
.why li.tot{font-weight:600}
.hback{margin-top:16px;display:flex;gap:6px 20px;flex-wrap:wrap;font-size:13px}
.hback .i{width:14px;height:14px;vertical-align:-2px;transform:rotate(-90deg);margin-right:4px}
.spark{margin-top:20px;color:var(--gold)}
.spark svg{display:block;width:100%;max-width:560px;height:72px;border-bottom:1px solid var(--rule)}
.spark figcaption{margin-top:6px;font-size:12px;color:var(--stone-2)}
.hlist{list-style:none;border-top:1px solid var(--rule)}
.hr{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--ln3);font-size:13.5px}
.hr-t{font:12.5px var(--mono);color:var(--stone);min-width:210px}
.hr-a{flex:1;min-width:0}
.hr-a b{font:500 13px var(--mono);color:var(--cream)}
.hr-a .m{color:var(--stone-2);font-size:12.5px}
.hr-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1}
.hr-f .tin{width:130px;height:36px;font-size:13.5px}
.hr-f .btn{height:36px}
.hr-f .ferr{flex-basis:100%}
.hpick{list-style:none;margin-top:16px;border:1px solid var(--rule);border-top-color:var(--gold-line);background:var(--ink-2);max-width:720px}
.hpick a{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px;border-bottom:1px solid var(--ln3);text-decoration:none;color:var(--cream);font:600 15px var(--display)}
.hpick li:last-child a{border-bottom:0}
.hpick a:hover{background:rgba(201,165,106,.05)}
.hpick .sb{margin:0 0 0 auto;font:11px var(--mono);color:var(--stone-2)}
.hpick .i{width:15px;height:15px;color:var(--stone-2);flex:none}
.frow{display:flex;gap:12px;flex-wrap:wrap}
.frow .fld{min-width:150px}
.frow .tin.tt{width:150px}
.doc .frm.wide{max-width:none}
.rlist{list-style:none;margin-top:12px;border:1px solid var(--rule);background:var(--ink-2)}
.rlist li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--ln3)}
.rlist li:last-child{border-bottom:0}
.rlist li>span{flex:1;min-width:0}
.rlist b{font-weight:600;color:var(--cream)}
.rlist .sb{white-space:normal;margin-top:3px}
/* the estimate line under a casino name wraps at every width, so its source label is never cut */
.c-n .sb.est,.tr .c-n .sb.est{white-space:normal;overflow:visible}
/* the drawer's estimate details read as prose (they outrank .kv .dd's mono) */
.kv .dd.est-d{font:11.5px/1.5 var(--sans);color:var(--stone-2);letter-spacing:0}
/* one focus ring for the search field, around the whole field */
.inp input:focus-visible{outline:none}
.inp:focus-within{outline:2px solid var(--focus);outline-offset:2px}
/* casino names are Fraunces everywhere, the Home and Farm lists included */
.li .nm{font-family:var(--display);font-weight:600;letter-spacing:-.01em;color:var(--cream)}
.li .nm.msg{font-family:var(--sans);font-weight:400;letter-spacing:0;color:var(--stone)}
.fz-nx b{font-family:var(--display);font-weight:600;color:var(--cream)}
/* phone: the months with money received, as a short list under the bars */
.bars-l{display:none;margin-top:10px;font:11.5px/1.5 var(--mono);color:var(--stone)}
/* Priority: casinos that score 0, listed apart without a position */
.nrank{margin-top:22px}
.nrank li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:9px 0;border-bottom:1px solid var(--ln3)}
.nrank li b{font:600 15px var(--display);letter-spacing:-.01em;color:var(--cream)}
.nrank li span{font-size:12.5px;line-height:1.45;color:var(--stone)}

@media (min-width:1101px) and (max-width:1400px){
  .kpi .fig{font-size:30px}
}
@media (max-width:1100px){
  .tr .c-n .sb.est{white-space:normal}
}
@media (max-width:760px){
  .brand .logo{width:30px;height:30px}
  .ptb .brand .b1{display:block;font-size:15.5px}
  .ob-top .brand .b1{display:block;font-size:15.5px}
  .ob-top:has(.btn) .brand .b1{display:none}
  .hh{font-size:42px}
  .pg-h h1{font-size:27px}
  .doc h1{font-size:30px}
  .kpis{grid-template-columns:minmax(0,1fr)}
  .kpi .fig{font-size:30px}
  .bars{height:170px;gap:4px}
  .bvl{visibility:hidden}
  .bars-l{display:block}
  .tool .sel{flex:1 1 calc(50% - 5px);min-width:0}
  .bm{letter-spacing:0;font-size:9.5px}
  .two{grid-template-columns:minmax(0,1fr)}
  .pr{gap:12px;padding:14px 0}
  .pr-n{width:30px;font-size:24px}
  .pr-s{margin-left:0}
  .pw-label{font-size:17px}
  .hr-t{min-width:0;width:100%}
  .hr .btn.sm{height:44px}
  .hr-f .tin,.hr-f .btn{height:44px}
  .ptabs a{min-height:44px;padding:0 12px}
  .heat{--hc:14px}
  .estbig .fig{font-size:32px}
  .rlist li{flex-wrap:wrap}
  .rlist .btn.sm{height:44px}
  .fz-e{margin-top:10px}
  .fz-estn{font-size:11.5px;margin-top:8px}
  .frow .fld{flex:1 1 140px}
  .frow .tin.tt{width:100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* =====================================================================================================================
   Create account, Log in and Forgot password in the SweepstakeReport site frame (homepage direction A, 2026-10-08):
   the site header with its account area, the two-column Create account with "What you get on Free", the one-column
   Log in, the fine-print strip and the site footer, as on sweepstakereport.com (css/styles.css, terminal/terminal.css
   and the approved home-A.css). Everything is scoped to .sa (js/views/auth.js siteFrame). Sizes in rem like the site
   (the app never changes the root font size, so 1rem = 16px).
   ===================================================================================================================== */
.sa{--err:#eda89e;--err-line:rgba(214,116,104,.78);--err-bg:rgba(107,42,50,.24);--max:72rem;--trk:.22em;--ease:cubic-bezier(.22,1,.36,1);
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--ink);color:var(--cream-soft);font:400 16px/1.55 var(--sans);font-feature-settings:"ss01" on,"kern" on}
.sa [hidden]{display:none!important}
.sa-main{flex:1;display:flex;flex-direction:column}
.sa-main:focus{outline:none}
.sa-wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
@media (min-width:640px){.sa-wrap{width:min(var(--max),calc(100% - 3rem))}}
.sa :focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:0}
.sa [tabindex="-1"]:focus-visible{outline:none}
/* focus moved to a heading, a field or the error box lands below the sticky header, not under it */
.sa h1,.sa input,.sa select,.sa-err{scroll-margin-top:6rem}
.sa-kick{margin:0;font:400 11px/1.5 var(--mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold)}

/* header */
.sa-bar{position:sticky;top:0;z-index:40;border-bottom:1px solid transparent;background:rgba(12,11,9,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .4s var(--ease),border-color .4s var(--ease)}
.sa-bar.is-scrolled{background:rgba(12,11,9,.82);border-bottom-color:var(--gold-line);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
.sa-hi{display:flex;align-items:center;gap:.75rem;padding:1rem 0}
.sa-brand{display:flex;align-items:center;gap:.75rem;min-width:0;text-decoration:none;color:var(--cream)}
.sa-brand .logo{width:36px;height:36px;flex:none;color:var(--gold)}
.sa-bn{display:block;font:italic 600 1.45rem/1.1 var(--display);letter-spacing:-.03em;color:var(--cream);white-space:nowrap}
.sa-bt{display:none;margin-top:.15rem;font:400 10px/1.4 var(--mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold);white-space:nowrap}
.sa-nav{display:none;align-items:center;gap:.15rem;margin-left:auto}
.sa-nav a{position:relative;padding:.5rem .75rem;font-size:.9rem;color:var(--stone);text-decoration:none;transition:color .3s var(--ease)}
.sa-nav a::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.2rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.sa-nav a:hover,.sa-nav a.on{color:var(--cream)}
.sa-nav a:hover::after,.sa-nav a.on::after{transform:scaleX(1)}
.sa-acts{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.sa-login{display:inline-flex;align-items:center;padding:.5rem .65rem;font-size:.9rem;font-weight:500;color:var(--cream);text-decoration:none;text-underline-offset:4px;text-decoration-color:var(--gold);white-space:nowrap}
.sa-login:hover{text-decoration-line:underline;color:var(--gold-2)}
.sa-menu{display:inline-flex;align-items:center;padding:.45rem .75rem;border:1px solid var(--rule-strong);background:transparent;font-size:.875rem;color:var(--cream-soft);cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease)}
.sa-menu:hover,.sa-menu[aria-expanded="true"]{border-color:var(--gold);color:var(--gold-2)}
@media (min-width:640px){.sa-bt{display:block}}
@media (min-width:1120px){
  .sa-nav{display:flex}
  .sa-acts{margin-left:.5rem;padding-left:1rem;border-left:1px solid var(--rule-strong)}
  .sa-menu{display:none}
}
.sa-sheet{max-height:calc(100dvh - 4.5rem);overflow-y:auto;border-top:1px solid var(--rule);background:rgba(12,11,9,.97);padding:1rem 0 1.25rem}
@media (min-width:1120px){.sa-sheet{display:none!important}}
.sa-sheet-cta{display:grid;gap:.55rem}
.sa-sheet .sa-btn{width:100%;padding:.85rem 1rem;font-size:1rem}
.sa-sheet-note{margin:.1rem 0 0;font-size:.88rem;line-height:1.5;color:var(--stone)}
.sa-sheet-nav{margin-top:1rem;border-top:1px solid var(--gold-line)}
.sa-sheet-nav a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:.75rem .1rem;border-bottom:1px solid var(--rule);font-size:1.05rem;color:var(--cream-soft);text-decoration:none}
.sa-sheet-nav a::after{content:"";width:.45rem;height:.45rem;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:rotate(45deg)}
.sa-sheet-nav a:hover{color:var(--cream)}
.sa-sheet-nav a:focus-visible{outline-offset:-2px}
.sa-sheet-fine{margin:1rem 0 0;font:400 11px/1.5 var(--mono);letter-spacing:.04em;color:var(--stone)}

/* buttons and links */
.sa-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.2rem;border:1px solid transparent;border-radius:0;background:none;font:500 .9rem/1.3 var(--sans);color:var(--cream);text-align:center;text-decoration:none;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.sa-pri{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:600}
.sa-pri:hover{background:var(--gold-2);border-color:var(--gold-2);color:var(--ink)}
.sa-gh{border-color:var(--gold-line);color:var(--cream)}
.sa-gh:hover{background:var(--gold-dim);border-color:var(--gold)}
.sa-cta{padding:.55rem 1rem;font-size:.875rem;white-space:nowrap}
.sa-inl,.sa-alt a,.sa-small a,.sa-chk a,.sa-later a,.sa-linkbtn{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-line)}
.sa-inl:hover,.sa-alt a:hover,.sa-small a:hover,.sa-chk a:hover,.sa-later a:hover,.sa-linkbtn:hover{color:var(--cream);text-decoration-color:var(--gold)}
.sa-alt a,.sa-linkbtn{font-weight:500}
.sa-linkbtn{padding:0;border:0;background:none;font:inherit;font-weight:500;cursor:pointer}

/* the account section */
.sa-auth{position:relative;flex:1;overflow:hidden;border-bottom:1px solid var(--rule);background:radial-gradient(ellipse 70% 80% at 85% 0%,rgba(201,165,106,.09),transparent 55%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(74,28,34,.32),transparent 50%),var(--ink-2)}
.sa-rings{pointer-events:none;position:absolute;right:-4rem;top:-4rem;width:18rem;height:18rem;border-radius:50%;border:1px solid rgba(201,165,106,.22)}
.sa-rings::after{content:"";position:absolute;right:2rem;top:7rem;width:12rem;height:12rem;border-radius:50%;border:1px solid rgba(201,165,106,.14)}
.sa-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;padding:2rem 0 3rem}
@media (min-width:960px){.sa-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:start;padding:3.75rem 0 4.75rem}}
.sa-solo{position:relative;width:min(31rem,100%);margin-inline:auto;padding:2rem 0 3rem}
@media (min-width:640px){.sa-solo{padding:4.5rem 0 5rem}}
.sa-card{min-width:0;border:1px solid var(--gold-line);background:linear-gradient(180deg,rgba(28,25,21,.95),rgba(18,17,14,.95));padding:1.5rem 1.2rem 1.4rem;box-shadow:inset 0 1px 0 rgba(243,234,216,.07),0 30px 60px -36px rgba(0,0,0,.85)}
@media (min-width:640px){.sa-card{padding:2.25rem 2.5rem 2rem}}
.sa-card h1{margin:.6rem 0 0;font:600 clamp(1.9rem,3.4vw,2.55rem)/1.08 var(--display);letter-spacing:-.025em;color:var(--cream);text-wrap:balance}
.sa-lede{margin:.75rem 0 0;max-width:34rem;font-size:1rem;line-height:1.6;color:var(--stone)}

/* fields */
.sa-fields{display:grid;gap:1.2rem;margin-top:1.6rem}
.sa-fld{min-width:0}
.sa-fld>label{display:block;margin-bottom:.45rem;font:400 11px/1.5 var(--mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--stone)}
.sa-in{display:block;width:100%;height:auto;padding:.8rem .9rem;border:1px solid var(--rule-strong);border-radius:0;background:var(--ink-2);font:400 1rem/1.4 var(--sans);color:var(--cream);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.sa-in::placeholder{color:var(--stone-2)}
.sa-in:hover{border-color:rgba(232,220,200,.3)}
.sa .sa-in:focus,.sa .sa-in:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}
.sa .sa-in[aria-invalid="true"]{border-color:var(--err-line);box-shadow:0 0 0 3px rgba(214,116,104,.12)}
.sa .sa-in[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(214,116,104,.3)} /* still red while it has focus */
select.sa-in{-webkit-appearance:none;appearance:none;padding-right:2.6rem;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23c9a56a' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right .95rem center}
select.sa-in option{background:var(--ink-3);color:var(--cream)}
select.sa-in option:disabled{color:var(--stone-2)}
.sa-pw{position:relative}
.sa-pw .sa-in{padding-right:4.6rem}
.sa-pwt{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);min-height:2.4rem;padding:.4rem .65rem;border:0;background:none;font:500 .85rem var(--sans);color:var(--gold-2);cursor:pointer}
.sa-pwt:hover{color:var(--cream)}
.sa .sa-pwt:focus-visible{outline:2px solid var(--gold);outline-offset:0}
.sa-hint{display:block;margin-top:.45rem;font-size:.84rem;line-height:1.45;color:var(--stone)}
.sa-msg{display:flex;gap:.5rem;margin:.5rem 0 0;font-size:.88rem;font-weight:500;line-height:1.45;color:var(--err)}
.sa-msg::before{content:"!";display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.05rem;height:1.05rem;margin-top:.08rem;border:1px solid var(--err-line);font:400 10px/1 var(--mono)}
.sa-note,.sa .ob-pend{margin:0;padding:.7rem .9rem;border:0;border-left:2px solid var(--amber);border-radius:0;background:rgba(196,146,58,.1);font-size:.9rem;line-height:1.5;color:var(--cream-soft)}
.sa-card>.sa-note{margin-top:1.25rem}
.sa #supend .ob-pend{margin-top:.6rem}
.sa-err{margin:1.4rem 0 0;padding:.9rem 1rem .95rem;border:1px solid var(--err-line);border-left-width:3px;background:var(--err-bg);font-size:.95rem;font-weight:500;line-height:1.55;color:var(--cream)}
.sa-err:empty{display:none}
.sa-fields>.sa-err{margin:0}
/* the field's own line shows the message; the box keeps it for screen readers only (auth.js formError) */
.sa-err.sa-err-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
/* Create account where signing up is closed: the ways on */
.sa-go{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.sa-go .sa-btn{flex:1 1 11rem;padding:.85rem 1rem;font-size:.95rem}
.sa-more{display:block;margin-top:.35rem;font-weight:400;font-size:.88rem;color:var(--cream-soft)}
.sa-ok,.sa .fok{margin:1.25rem 0 0;padding:.7rem .9rem;border:0;border-left:2px solid var(--forest-3);border-radius:0;background:rgba(30,61,50,.35);font-size:.9rem;line-height:1.5;color:var(--cream-soft)}
.sa-chks{display:grid;gap:.95rem;padding-top:.3rem}
.sa-chk{display:flex;align-items:flex-start;gap:.75rem;font-size:.97rem;line-height:1.45;color:var(--cream-soft);cursor:pointer}
.sa-chk input{-webkit-appearance:none;appearance:none;display:grid;place-content:center;flex:none;width:1.2rem;height:1.2rem;margin:.1rem 0 0;border:1px solid var(--gold-line);border-radius:0;background:var(--ink-2);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}
.sa-chk input::before{content:"";width:.62rem;height:.32rem;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translate(0,-1px) rotate(-45deg);opacity:0}
.sa-chk input:checked{background:var(--gold);border-color:var(--gold)}
.sa-chk input:checked::before{opacity:1}
.sa .sa-chk input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sa-chk input[aria-invalid="true"]{border-color:var(--err-line)}
.sa-chk small{display:block;margin-top:.2rem;font-size:.84rem;color:var(--stone)}
.sa-submit{width:100%;margin-top:.4rem;padding:.95rem 1rem;font-size:1rem}
.sa-submit:disabled{background:var(--ink-5);border-color:var(--rule-strong);color:var(--stone-2);cursor:not-allowed}
.sa-alt{margin:1.1rem 0 0;font-size:.93rem;color:var(--stone)}
.sa-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem}
.sa-forgot{margin:.8rem 0 0}
.sa-small{margin:.9rem 0 0;font-size:.86rem;line-height:1.5;color:var(--stone)}
.sa-small.sa-c{text-align:center}
.sa-never{display:flex;gap:.55rem;margin:1.25rem 0 0;padding-top:1rem;border-top:1px solid var(--rule);font:400 11.5px/1.55 var(--mono);letter-spacing:.02em;color:var(--stone)}

/* Create account: the side column */
.sa-side{display:grid;gap:1.25rem;min-width:0}
.sa-plan{display:flex;flex-direction:column;border:1px solid var(--gold-line);background:linear-gradient(180deg,rgba(201,165,106,.08),rgba(22,20,18,.95) 40%);padding:1.5rem 1.5rem 1.4rem;box-shadow:inset 0 1px 0 rgba(243,234,216,.06)}
.sa-plan-h{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.sa-badge{padding:.15rem .45rem;border:1px solid rgba(61,122,98,.6);background:rgba(30,61,50,.45);font:400 10px/1.5 var(--mono);letter-spacing:var(--trk);text-transform:uppercase;white-space:nowrap;color:#b7d4c6}
.sa-plan h2{margin:.4rem 0 0;font:600 1.5rem/1.2 var(--display);color:var(--cream)}
.sa-price{display:flex;align-items:baseline;gap:.4rem;margin:.9rem 0 0}
.sa-price b{font:600 2.6rem/1 var(--display);letter-spacing:-.03em;color:var(--cream);font-variant-numeric:tabular-nums}
.sa-feat{margin:1.15rem 0 0;padding:1rem 0 0;border-top:1px solid var(--rule);list-style:none}
.sa-feat li{position:relative;padding-left:1.45rem;font-size:.95rem;line-height:1.45;color:var(--cream-soft)}
.sa-feat li+li{margin-top:.55rem}
.sa-feat li::before{content:"";position:absolute;left:.1rem;top:.32rem;width:.7rem;height:.38rem;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
.sa-later{margin:1.1rem 0 0;padding:.75rem 0 0;border-top:1px dashed var(--rule-strong);font-size:.9rem;line-height:1.55;color:var(--stone)}
.sa-later b{font-weight:600;color:var(--cream-soft)}
.sa-nevbox{padding:1.15rem 1.25rem;border:1px solid var(--rule-strong);background:var(--ink-3)}
.sa-nevbox h2{margin:0;font:italic 600 1.1rem/1.3 var(--display);color:var(--cream)}
.sa-nevbox ul{display:grid;gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none}
.sa-nevbox li{position:relative;padding-left:1.4rem;font-size:.9rem;line-height:1.45;color:var(--cream-soft)}
.sa-nevbox li::before{content:"";position:absolute;left:.1rem;top:.3rem;width:.7rem;height:.7rem;background:linear-gradient(45deg,transparent 44%,var(--gold) 44%,var(--gold) 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--gold) 44%,var(--gold) 56%,transparent 56%)}
.sa-side-fine{margin:0;font-size:.85rem;line-height:1.55;color:var(--stone)}
.sa-side-fine b{font-weight:600;color:var(--cream-soft)}

/* fine-print strip and footer */
.sa-fine{margin-top:.5rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:rgba(12,11,9,.6)}
.sa-fine .sa-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.85rem 0;font:400 12px/1.5 var(--mono);letter-spacing:.02em;color:var(--stone)}
.sa-fine a{color:var(--cream-soft);text-underline-offset:3px;text-decoration-color:var(--gold-line)}
.sa-fine a:hover{color:var(--gold-2)}
.sa-fr{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem}
.sa-foot{border-top:1px solid var(--gold-line);background:radial-gradient(ellipse 70% 80% at 0% 100%,rgba(74,28,34,.45),transparent 50%),var(--ink-2);color:var(--cream-soft)}
.sa-fgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding:3rem 0}
@media (min-width:768px){.sa-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.sa-fgrid{grid-template-columns:1.05fr .8fr .75fr 1.7fr;gap:2.25rem}}
.sa-fbrand{display:flex;align-items:center;gap:.5rem;font:italic 400 1.15rem/1.3 var(--display);color:var(--cream)}
.sa-foot .logo{width:24px;height:24px;flex:none;color:var(--gold)}
.sa-fk{margin:0;font:400 11px/1.5 var(--mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold)}
.sa-foot ul{margin:.75rem 0 0;padding:0;list-style:none}
.sa-foot li+li{margin-top:.5rem}
.sa-foot a{color:inherit;text-decoration:none}
.sa-foot a:hover{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
.sa-fp{margin:.75rem 0 0;font-size:.9rem;line-height:1.55;color:rgba(251,248,242,.8)}
.sa-fintro{max-width:18rem}
.sa-ffine{padding:1rem;border-top:1px solid var(--rule);text-align:center;font:400 11px/1.6 var(--mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--stone-2)}

/* phones */
@media (max-width:639px){
  .sa-cta{display:none}
  .sa-brand{gap:.55rem}
  .sa-brand .logo{width:30px;height:30px}
  .sa-bn{font-size:1.28rem}
  .sa-login{min-height:44px;padding:.45rem .5rem}
  .sa-menu{min-height:44px}
  .sa-pwt{min-height:44px;right:.15rem}
  .sa-fine .sa-wrap{flex-direction:column;align-items:flex-start}
  /* links inside a sentence stay inline; vertical padding on an inline box widens the tap area without moving lines */
  .sa-fine a,.sa-alt a,.sa-small a,.sa-chk a,.sa-later a,.sa-inl{padding:.6rem 0}
  .sa-linkbtn{padding:.6rem 0;margin:-.6rem 0}
  .sa-foot li+li{margin-top:.15rem}
  .sa-foot li a{display:inline-block;padding:.35rem 0}
  .sa-row{flex-direction:column;align-items:flex-start;gap:.9rem}
}

/* =====================================================================================================================
   Farm Mode: the amount received (every plan, 2026-10-09). An optional field beside Claimed, "Same as last time", the
   toast's "Add amount" and the Session done list (js/views/farm.js). Kept last so it wins over the farm layout above.
   ===================================================================================================================== */
/* one width for every card, with or without the field, so nothing shifts from one casino to the next */
.fz-a{width:640px}
.fz-a.cap{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
.fz-amt{display:flex;min-width:0;height:54px;border:1px solid var(--rule-strong);border-radius:var(--rad);background:var(--ink-2);transition:border-color .15s}
.fz-amt:hover{border-color:var(--gold-line)}
.fz-amt:focus-within{border-color:var(--gold);outline:2px solid var(--focus);outline-offset:2px}
.fz-amt:has(.fz-i[aria-invalid="true"]){border-color:var(--rl)}
.fz-lb{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 14px;cursor:text;text-align:left}
.fz-al{font:500 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-in{display:flex;align-items:baseline;gap:8px;min-width:0}
.fz-i{flex:1;min-width:0;width:100%;background:transparent;border:0;border-radius:0;padding:0;font:500 17px/1.2 var(--mono);color:var(--cream);font-feature-settings:"tnum" 1}
.fz-i:focus,.fz-i:focus-visible{outline:none}
.fz-i::placeholder{color:var(--t4);font:400 14px var(--sans)}
.fz-i[aria-invalid="true"]{color:var(--r)}
.fz-al.err{color:var(--r)}
.fz-u{flex:none;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px var(--mono);color:var(--stone)}
.fz-a .okb .k-e{display:none}
@media (min-width:761px){
  /* in the field, Enter marks it claimed: the key hints say so */
  .fz-a:has(#fzamt:focus) .okb .k-c{display:none}
  .fz-a:has(#fzamt:focus) .okb .k-e{display:inline-grid}
  .fz-a:has(#fzamt:focus) .open .kbd{visibility:hidden}
}
.fz-sub{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-height:32px;text-align:left}
.fz-rep{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--gold-line);border-radius:var(--rad);background:var(--gold-dim);color:var(--cream);font:500 12.5px var(--sans);white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.fz-rep b{font:500 12.5px var(--mono);color:var(--cream)}
.fz-rep:hover{border-color:var(--gold);background:rgba(201,165,106,.22)}
.fz-msg{font-size:12.5px;line-height:1.4;color:var(--stone-2)}
.fz-msg.em{color:var(--cream)}
.fz-msg.err{color:var(--r)}

/* the toast: "Add amount" beside Undo, and its small field */
.toast button+button{margin-left:0}
.fz-t.fz-tf{width:560px}
.fz-ta{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.fz-ta button{margin-left:0}
/* the field in the toast: the casino's name as its caption (the card behind already shows the next casino) */
.fz-tbox{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;height:40px;padding:0 10px;border:1px solid var(--rule-strong);border-radius:var(--rad);background:var(--ink-2);cursor:text}
.fz-tbox:focus-within{border-color:var(--gold);outline:2px solid var(--focus);outline-offset:1px}
.fz-tbox:has(.fz-i[aria-invalid="true"]){border-color:var(--rl)}
.fz-tbox .fz-al{font-size:9px}
.fz-tbox .fz-i{font-size:14px}
.fz-tbox .fz-i::placeholder{font-size:13px}
.fz-tin{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--rule-strong);border-radius:var(--rad);background:var(--ink-2)}
.fz-tin:focus-within{border-color:var(--gold);outline:2px solid var(--focus);outline-offset:1px}
.fz-tin:has(.fz-i[aria-invalid="true"]){border-color:var(--rl)}
.fz-tin .fz-i{font-size:14px}
.fz-tin .fz-i::placeholder{font-size:13px}

/* Session done: what was recorded, per unit, and the claims still without an amount */
.fz-rec{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.fz-tot{font-size:15px;color:var(--stone)}
.fz-tot b{margin-right:3px;font:500 17px var(--mono);color:var(--cream)}
.fz-fill{margin-top:28px;width:480px;max-width:100%;text-align:left}
.fz-fill .lbl{display:block;padding-bottom:10px;border-bottom:1px solid var(--rule-strong);color:var(--gold)}
.fz-fill ul{list-style:none}
.fz-fl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px) auto;align-items:center;gap:8px 10px;padding:10px 0;border-bottom:1px solid var(--ln3)}
.fz-fl .nm{font:600 15px/1.3 var(--display);letter-spacing:-.01em;color:var(--cream);overflow-wrap:anywhere}
.fz-fl .fz-tin{height:40px}
.fz-fl .btn{height:40px}
.fz-fe{grid-column:1/-1;font-size:12.5px;color:var(--r)}
.fz-fe:empty{display:none}

@media (max-width:760px){
  .fz-a{width:100%}
  .fz-a.cap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fz-amt{height:52px}
  .fz-lb{padding:0 12px}
  /* phone order: Open; the field beside Claimed; Same as last time; Skip beside Skip for today (every account) */
  .fz-a.cap .fz-amt,.fz-a.cap .okb{order:1}
  .fz-a.cap .fz-sub{order:2;min-height:0}
  .fz-a.cap [data-act="skip"],.fz-a.cap .fz-today{order:3}
  .fz-a.cap:not(.pro) [data-act="skip"]{grid-column:1/-1}
  .fz-a.cap.pro .fz-today{grid-column:auto;height:52px!important}
  /* phones: a refusal shows in the field's caption (nothing moves); the full sentence stays for screen readers */
  .fz-msg,.fz-sub:not(.has){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .fz-rep{flex:1;justify-content:center;height:44px;font-size:14px}
  .fz-rep b{font-size:14px}
  .fz-t.fz-tf{width:100%}
  .fz-tbox{height:44px}
  .fz-tbox .fz-i{font-size:16px}
  .fz-tin{height:40px}
  .fz-tin .fz-i{font-size:16px} /* 16px or more: phones do not zoom the page into the field */
  .fz-fl{grid-template-columns:minmax(0,1fr) auto}
  .fz-fl .nm{grid-column:1/-1}
  .fz-fl .fz-tin,.fz-fl .btn{height:44px}
}

/* ---------- phase 1 (2026-10-10): what changed, checked dates, Report a change, the Directory's counts ---------- */
/* "Changed": a quiet mark on a tracked casino's row (Home lists, My Casinos, Directory); it opens "What changed" */
.chg{display:inline-flex;align-items:center;flex:none;height:22px;margin-left:8px;padding:0 7px;border:0;border-radius:var(--rad);background:transparent;box-shadow:inset 0 0 0 1px var(--gold-line);font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold-2);white-space:nowrap;vertical-align:1px;cursor:pointer}
.chg:hover{background:var(--gold-dim)}
.li .nmw .chg{margin-left:0;align-self:center}
/* in a table row's name cell the name's own button styles must not reach it (font, 44px box on cards) */
.c-n button.chg{display:inline-flex;min-width:0;min-height:0;height:22px;font:500 10.5px var(--mono);letter-spacing:.04em;color:var(--gold-2);white-space:nowrap;overflow:visible}
/* a block's own "checked" date: beside a section's label, and under a row's name (drawn from data-ck so the name
   stays the row's whole text) */
.sec .lbl .ck{margin-left:auto;font:400 11px var(--mono);letter-spacing:0;text-transform:none;color:var(--stone-2);white-space:nowrap}
.kv>dt[data-ck]::after{content:attr(data-ck);display:block;margin-top:2px;font:400 11px var(--mono);letter-spacing:0;color:var(--stone-2)}
/* What changed: one line per change, newest first; where and when it was read under it */
.chgl{list-style:none;margin:0;padding:0}
.chgl li{padding:9px 0;border-bottom:1px solid var(--ln3);font-size:13px;line-height:1.45;color:var(--tb)}
.chgl li:last-child{border-bottom:0}
.chg-t{display:block;overflow-wrap:anywhere}
.chg-m{display:block;margin-top:3px;font:400 11.5px var(--mono);color:var(--stone-2)}
.chg-m .lk{color:var(--gold-2)}
.chg-n{margin-top:8px;font-size:12px;color:var(--stone-2)}
/* Report a change: the button sits where the form's first field will (the same caption line above it); the captions
   read as plain sentences, not as letter-spaced labels */
.rpf,.rp-cap{margin-top:10px}
.rp .pfl>span{letter-spacing:0;font-size:12px;line-height:1.4}
.pf textarea.tin{height:auto;min-height:78px;padding:8px 10px;line-height:1.45;resize:vertical;font:inherit;font-size:13.5px}
.rp-ok{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:13.5px;line-height:1.5;color:var(--tb)}
.rp-ok .i{flex:none;width:15px;height:15px;margin-top:2px;color:var(--gdot)}
.rp-p{margin-top:10px;font-size:12px;line-height:1.5;color:var(--stone-2)}
/* Directory: the market in numbers */
.dstat{margin-top:8px;max-width:880px;font-size:13px;line-height:1.55;color:var(--stone)}
.dstat b{font:500 13px var(--mono);color:var(--cream)}
@media (max-width:1100px){
  /* cards: the mark sits on its own line under the name, before the line under it */
  .tr .c-n button.chg{margin:2px 0 4px;min-height:0;min-width:0}
}
@media (max-width:760px){
  .chg,.c-n button.chg,.tr .c-n button.chg{height:28px;padding:0 9px}
  .li .nmw .chg{align-self:flex-start;margin-top:2px}
  .chg-m .lk{display:inline;min-height:0;min-width:0;padding:12px 0}
}

/* =====================================================================================================================
   No cut-off text (2026-10-09). Every name, fact and label wraps inside its own column, card or field instead of ending
   in "..." or running under its neighbour; a long single word (a domain, "SweepstakesCasino.com") breaks where it must.
   Swept at 1440, 1024, 390 and 360 with all 233 casinos (scratchpad sr-fixes2/clip-sweep.cjs). Kept last so it wins.
   ===================================================================================================================== */
.app,.ob,.sa,#dlg{overflow-wrap:break-word}
/* tables and cards: casino names, the lines under them (domain, gates, estimate source), coin, redeem and playthrough
   facts, next-claim lines and the Pro columns. A long fact makes its row taller; the full text is always on screen. */
.c-n,.c-n button{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.sb{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.tr.row>.wcol.v,.es .v,.nx-c .v,.tr.row>.pc,.tr.row>.pc .v{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.nx-c .sb,.tr.row>.pc .sb{display:block;-webkit-line-clamp:none;overflow:visible}
.pgt{white-space:normal;overflow:visible;text-overflow:clip}
/* table headers: a long column name ("Redeem progress", "Time to receive") takes a second line instead of running into
   the next column; a chip in a narrow column ("At the cash minimum") wraps instead of sitting on the next one */
.tr.th{white-space:normal;line-height:1.3}
.tr.row .ch{white-space:normal;height:auto;min-height:22px;padding-top:3px;padding-bottom:3px;line-height:1.3}
/* table rows (wide screens) keep a little room above and below a fact that wrapped to a second or third line */
@media (min-width:1101px){.tr.row{padding-top:7px;padding-bottom:7px}}
/* Home and Farm lists */
.li .nmw{flex-wrap:wrap;row-gap:2px}
.li .nm,.li em{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
/* Redemptions: the casino's name */
.rx-n b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
/* headings and lists that carry a casino's name: the drawer, Priority, Insights, the claim history picker */
.dr-h h2,.pr-h b,.clist li span,.nrank li b,.rlist b,.hpick a{overflow-wrap:anywhere}
/* the history picker: the name, then its range of amounts on the next line when both do not fit */
.hpick a{flex-wrap:wrap;row-gap:2px;padding-block:8px}
/* the sidebar's wordmark fits its column (it ran 1.5px past it) */
.sd .brand{padding:0 4px}
/* Farm Mode amount fields: the coin's name beside the number wraps instead of being cut ("Promotional Entries"); in the
   toast, the casino's name over the field wraps too */
.fz-u{max-width:60%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.15;text-align:right}
.fz-tbox{height:auto;min-height:40px;padding-block:5px}
.fz-tbox .fz-al{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}
/* Portfolio's month bars: a value label shows only when its column can hold it; otherwise the list under the bars (shown
   on phones already) gives each month's amount. Hidden labels never widen the page. */
.pwsec:has(>.bars){container-type:inline-size}
@container (max-width:900px){
  .bvl{visibility:hidden;overflow:hidden}
  .bars-l{display:block}
}
@media (min-width:761px){
  /* a Farm Mode screen taller than the window starts at its top, where it can be scrolled to (plain centring cut the
     top off), and Session done keeps a band at the top for the toast, so the toast never sits on its text */
  .fz-c{justify-content:safe center}
  .fz-c.fz-end{padding-top:72px}
}
@media (max-width:760px){
  .bvl{overflow:hidden}
  /* the toast's amount field takes the first row beside the tick; Undo goes under it, so "Amount received" fits. The
     toast keeps its full height in the card's column (its own min-height let the column squeeze it, and Undo spilled
     over the casino's name). */
  .fz-t.fz-tf{flex-wrap:wrap;row-gap:4px}
  .fz-tf>.fz-ta{flex:1 1 calc(100% - 40px)}
  .fz-c>.fz-t{flex-shrink:0}
  /* a long coin name ("Promotional Entries") leaves no room for the "Optional" hint: no hint rather than half of one */
  .fz-amt.lu .fz-i::placeholder{color:transparent}
}
@media (max-width:639px){
  /* the site header on small phones: the wordmark shrinks a little so it never runs under Log in, and on the narrowest
     screens Log in and Menu drop to a second row instead of covering it */
  .sa-hi{flex-wrap:wrap;row-gap:.25rem}
  .sa-brand{min-width:auto}
  .sa-bn{font-size:clamp(1rem,4.6vw,1.28rem)}
}
@media (max-width:479px){
  /* Directory filters with long choices ("More often than daily", "Amount not published") get a row each */
  .tool #dcad,.tool #dest{flex-basis:100%}
}
@media (max-width:359px){
  /* the narrowest phones: "Any minimum age" and "Most popular first" get a row each too, instead of being cut */
  .tool #dage,.tool #dsort{flex-basis:100%}
}

/* =====================================================================================================================
   Directory list (2026-10-10, release extras): concise, and every row the same height. One set of cells, laid out by
   the list's own width (container queries, so an open drawer counts too):
     wide   880px and up   Casino | Daily estimate | Redeems at | Age | Track
     mid    724 to 879px   Casino (the age under the name) | Daily estimate | Redeems at | Track   (a 1024px window)
     slim   508 to 723px beside an open drawer (windows of 1281px and up): Casino | Daily estimate | Track
     cards  otherwise (phones, narrow windows): the name and Track; the estimate and its caveat; the rate and the age
   A table cell is one 20px line plus at most one 18px line; a card is always the same three lines. The column widths
   hold the longest content of all 233 listed casinos, measured in the app's fonts (scratchpad sr-extras/dir): name
   178px, rate 203px ("100 Premium Funzpoints = $1"), "from" line 191px, the daily line's tag and chip 159px. Nothing is
   shortened: what a row does not show is in the facts drawer. Kept last so it wins over the shared table rules.
   ===================================================================================================================== */
.dirt{container:dir/inline-size}
/* the cells, as cards (the default) */
.dirt .tr.th{display:none}
.dirt .tr.row{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:6px;min-height:0;padding:10px 14px 10px 16px}
.dirt .tr.row>.c-n{order:1;flex:1 1 0;min-width:0;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.dirt .tr.row>.dtk{order:2;flex:none}
.dirt .tr.row>.dc{order:3;flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.dirt .tr.row>.rd{order:4;flex:none;display:flex;min-width:0}
.dirt .tr.row>.ag{order:5;flex:none}
.dirt .tr .c-n button[data-act="open"]{display:block;min-height:0;min-width:0;max-width:100%;line-height:20px;text-align:left}
.dirt .dsb{display:flex;align-items:center;gap:6px;min-width:0}
.dirt .dom,.dirt .agm,.dirt .rf,.dirt .in-t{display:none}
.dirt .dc .dsl{display:contents}
/* a card shows no source tag; its words stay for screen readers (the drawer shows them in full) */
.dirt .src{display:contents}
.dirt .src>[aria-hidden]{display:none}
.dirt .dc>.dv,.dirt .rd>.dv,.dirt .tr.row>.ag{display:inline-block;height:22px;padding:0 7px;border-radius:var(--rad);background:rgba(232,220,200,.055);font:500 11.5px/22px var(--mono);color:var(--cream);white-space:nowrap}
.dirt .dv.m,.dirt .tr.row>.ag.m{font-weight:400;color:var(--stone)}
.dirt .cnd{display:inline-block;height:22px;padding:0 7px;border-radius:var(--rad);background:var(--ad);font:500 11px/22px var(--sans);color:var(--amber);white-space:nowrap}
.dirt .tr .c-n button.chg{margin:0;height:24px;padding:0 8px;font-size:10.5px}
.dirt .dtk .btn{height:44px;min-width:0;padding:0 12px;gap:7px}
.dirt .dtk .btn.trk-on{color:var(--t2)}
/* the narrowest cards (a 320px phone): a long name takes two lines on every card, and the chips are a little smaller,
   so every card is still the same three lines */
@container dir (max-width:325.98px){
  .dirt .tr.row>.c-n{min-height:64px}
  .dirt .dc>.dv,.dirt .rd>.dv,.dirt .tr.row>.ag,.dirt .cnd{padding:0 6px;font-size:10.5px}
  .dirt .dtk .btn{padding:0 10px;gap:6px}
}
/* the tables: the base for mid and wide (never on a phone: below 761px the list is always cards) */
@media (min-width:761px){@container dir (min-width:724px){
  .dirt .tr.th,.dirt .tr.row{display:grid;grid-template-columns:minmax(178px,1fr) 164px 204px 108px!important;column-gap:12px;padding-left:16px;padding-right:16px}
  .dirt .tr.th{min-height:38px;align-items:center}
  .dirt .tr.row{min-height:58px;padding-top:9px;padding-bottom:9px;align-items:center}
  .dirt .tr.row>.c-n,.dirt .tr.row>.dc,.dirt .tr.row>.rd,.dirt .tr.row>.ag,.dirt .tr.row>.dtk{order:0}
  .dirt .tr.row>.c-n{display:block;min-height:0;grid-column:auto}
  .dirt .tr.row>.dc,.dirt .tr.row>.rd{display:block}
  .dirt .dc>.dv,.dirt .rd>.dv,.dirt .tr.row>.ag{display:block;height:auto;padding:0;background:none;font:500 12.5px/20px var(--mono);white-space:normal}
  .dirt .dv.m,.dirt .tr.row>.ag.m{font-weight:400;font-size:12px}
  .dirt .dc .dsl,.dirt .rf{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:18px;margin-top:1px}
  .dirt .src{display:inline-block;height:16px;padding:0 5px;border-radius:var(--rad);background:rgba(232,220,200,.06);font:400 10px/16px var(--mono);color:var(--stone-2);white-space:nowrap}
  .dirt .src>[aria-hidden]{display:inline}
  .dirt .cnd{height:18px;padding:0 6px;line-height:18px}
  .dirt .rf{font:400 11px var(--mono);color:var(--stone-2)}
  .dirt .dsb{min-height:18px;margin-top:1px}
  .dirt .dom,.dirt .agm{font:400 11px/18px var(--mono);color:var(--stone-2)}
  .dirt .tr .c-n button.chg{height:18px;padding:0 6px;font-size:10px}
  .dirt .aday,.dirt .in-c{display:none}
  .dirt .in-t{display:inline}
  .dirt .dtk{justify-self:end}
  .dirt .dtk .btn{height:32px;min-width:108px;padding:0 15px;gap:9px}
  /* mid: no Age column, the age sits under the name (the domain is on the drawer's Open casino button) */
  .dirt .tr.th>.h-ag,.dirt .tr.row>.ag,.dirt .dom{display:none}
  .dirt .agm{display:inline}
}}
@media (min-width:761px){@container dir (min-width:880px){
  .dirt .tr.th,.dirt .tr.row{grid-template-columns:minmax(200px,1.25fr) minmax(164px,1fr) minmax(204px,1fr) 72px 108px!important;column-gap:16px;padding-left:20px;padding-right:20px}
  .dirt .tr.th>.h-ag,.dirt .tr.row>.ag{display:block}
  .dirt .dom{display:inline}
  .dirt .agm{display:none}
}}
/* slim: beside an open drawer, the list keeps the casino, its estimate and Track (the drawer holds the rest) */
@media (min-width:1281px){
  @container dir (min-width:508px) and (max-width:723.98px){
    .ca.dropen .dirt .tr.th,.ca.dropen .dirt .tr.row{display:grid;grid-template-columns:minmax(178px,1fr) 164px 108px!important;column-gap:12px;padding-left:16px;padding-right:16px}
    .ca.dropen .dirt .tr.th{min-height:38px;align-items:center}
    .ca.dropen .dirt .tr.th>.h-rd,.ca.dropen .dirt .tr.th>.h-ag,.ca.dropen .dirt .tr.row>.rd,.ca.dropen .dirt .tr.row>.ag,.ca.dropen .dirt .agm{display:none}
    .ca.dropen .dirt .tr.row{min-height:58px;padding-top:9px;padding-bottom:9px;align-items:center}
    .ca.dropen .dirt .tr.row>.c-n,.ca.dropen .dirt .tr.row>.dc,.ca.dropen .dirt .tr.row>.dtk{order:0}
    .ca.dropen .dirt .tr.row>.c-n{display:block;min-height:0;grid-column:auto}
    .ca.dropen .dirt .tr.row>.dc{display:block}
    .ca.dropen .dirt .dc>.dv{display:block;height:auto;padding:0;background:none;font:500 12.5px/20px var(--mono);white-space:normal}
    .ca.dropen .dirt .dv.m{font-weight:400;font-size:12px}
    .ca.dropen .dirt .dc .dsl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:18px;margin-top:1px}
    .ca.dropen .dirt .src{display:inline-block;height:16px;padding:0 5px;border-radius:var(--rad);background:rgba(232,220,200,.06);font:400 10px/16px var(--mono);color:var(--stone-2);white-space:nowrap}
    .ca.dropen .dirt .src>[aria-hidden]{display:inline}
    .ca.dropen .dirt .cnd{height:18px;padding:0 6px;line-height:18px}
    .ca.dropen .dirt .dsb{min-height:18px;margin-top:1px}
    .ca.dropen .dirt .dom{display:inline;font:400 11px/18px var(--mono);color:var(--stone-2)}
    .ca.dropen .dirt .tr .c-n button.chg{height:18px;padding:0 6px;font-size:10px}
    .ca.dropen .dirt .aday,.ca.dropen .dirt .in-c{display:none}
    .ca.dropen .dirt .in-t{display:inline}
    .ca.dropen .dirt .dtk{justify-self:end}
    .ca.dropen .dirt .dtk .btn{height:32px;min-width:108px;padding:0 15px;gap:9px}
  }
}

/* ---------- money in green (2026-10-10, release extras): a casino's "= $1" and the money the user recorded ----------
   Never a plan price or a billing charge. */
.usd{color:var(--money)}
/* a rejected or cancelled redemption's amount never arrived: it stays quiet */
.rx-amt .m{color:var(--stone)}

/* =====================================================================================================================
   Daily value (2026-10-10): Home's Today panel, the Farm Mode order and the Pro "Your record" card (js/valueui.js),
   Power's Time view and the Portfolio's monthly estimate (js/views/power.js). Figures in tabular mono, right-aligned so
   they line up; coins in each casino's own unit; dollars only in the monthly estimate, in the money token (.usd above).
   Every block keeps its rows whatever the figures, so an answer arriving changes text, not the layout. Without an
   account (2026-10-14) the Today panel has no figure rows at all, only the quick fill list. Kept last.
   ===================================================================================================================== */
/* the Farm Mode order (Pro and Power), under Start farming */
.ford{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.ford .lbl{color:var(--stone-2)}
.ford .seg button{height:32px;padding:0 12px;font-size:12.5px}
.ford-c{flex:1 1 180px;min-width:0;font-size:12px;line-height:1.4;color:var(--stone-2)}

/* Today: what it is | the SC figure (right-aligned) | where it comes from */
.tdy{margin-top:18px;padding:12px 16px 14px;background:var(--ink-2);border:1px solid var(--rule);border-top-color:var(--gold-line);border-radius:var(--rad)}
.tdy-hd,.rec-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.tdy-hd .lbl,.rec-hd .lbl{color:var(--gold);letter-spacing:var(--tracking)}
.tdy-cap,.rec-w{margin-left:auto;font:11px/1.4 var(--mono);color:var(--stone-2)}
.tdy-g{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);column-gap:16px}
.tdy-r{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--ln3)}
.tdy-r>dt{font:500 10.5px/20px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stone-2);white-space:nowrap}
.tdy-n{min-width:9ch;font:500 16px/20px var(--mono);color:var(--cream);text-align:right;white-space:nowrap;font-feature-settings:"tnum" 1}
.tdy-n .ab{font:400 12px var(--sans);color:var(--stone-2)}
.tdy-n .u{font-size:12px;color:var(--stone)}
.tdy-r.got .tdy-n{color:var(--gold-2)}
.tdy-d{min-width:0;font-size:13px;line-height:20px;color:var(--stone)}
/* other coins, each in its own coin, under the SC rows */
.tdy-o{list-style:none;margin-top:8px;display:grid;gap:4px}
.tdy-o li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:12.5px;line-height:1.45;color:var(--stone)}
.tdy-ou{font:500 11px var(--mono);color:var(--cream-soft);overflow-wrap:anywhere}
.tdy-o b{font:500 12.5px var(--mono);color:var(--cream)}
.tdy-bar{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.tdy-bar .bar{flex:1 1 120px;height:5px}
.tdy-bc{flex:none;font:11.5px var(--mono);color:var(--stone)}
.tdy-a{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;line-height:1.45;color:var(--cream-soft)}
.tdy-a .lk{min-height:28px;font-size:13px;color:var(--gold-2)}
/* the quick fill list: Farm Mode's Session done rows, full width inside the panel */
.tdy-fill{margin-top:8px;width:100%}
.tdy-fill .lbl{padding-bottom:8px}
.tdy-t{margin-left:4px;font:400 11.5px var(--mono);letter-spacing:0;color:var(--stone-2);white-space:nowrap}
/* the casinos with no countable amount, and why */
.tdy-why{margin-top:10px;border-top:1px solid var(--rule)}
.tdy-wb{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding-top:4px;text-align:left;font-size:13px;line-height:1.4;color:var(--cream-soft);cursor:pointer}
.tdy-wb>span:first-child{flex:1;min-width:0}
.tdy-wq{flex:none;display:inline-flex;align-items:center;gap:7px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.tdy-wq::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.tdy-wb[aria-expanded="true"] .tdy-wq::after{transform:translateY(2px) rotate(-135deg)}
.tdy-rule{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--stone-2)}
.tdy-why ul{list-style:none;margin-top:6px}
.tdy-why li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:7px 0;border-bottom:1px solid var(--ln3);font-size:12.5px;line-height:1.45;color:var(--stone)}
.tdy-why li:last-child{border-bottom:0}
.tdy-why li b{font:600 14px var(--display);letter-spacing:-.01em;color:var(--cream)}
.tdy-s{margin-top:12px;font-size:12px;line-height:1.5;color:var(--stone-2)}

/* Your record (Pro and Power): 30 days of SC recorded, a dot under each day with a claim */
.rec{margin-top:30px;padding:12px 16px 14px;background:var(--ink-2);border:1px solid var(--rule);border-top-color:var(--gold-line);border-radius:var(--rad)}
.rec-bars{margin-top:14px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;height:64px;align-items:end;border-bottom:1px solid var(--rule-strong)}
.rb{position:relative;height:100%;display:flex;align-items:flex-end}
.rb i{display:block;width:100%;background:rgba(201,165,106,.5)}
.rb.now i{background:var(--gold)}
.rb.cl::after{content:"";position:absolute;left:50%;bottom:-6px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--stone-2)}
.rec-ax{margin-top:10px;display:flex;justify-content:space-between;gap:12px;font:10.5px var(--mono);letter-spacing:.06em;color:var(--stone-2)}
.rec-k{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.rec-k>div{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:9px 12px;background:var(--ink-2)}
.rec-k dt{font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stone-2)}
.rec-k dd{font:500 17px var(--mono);color:var(--cream);font-feature-settings:"tnum" 1}
.rec-k dd .u{font-size:11.5px;color:var(--stone)}
.rec-o{margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--stone)}
.rec-nc{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;line-height:1.5;color:var(--cream-soft)}
.rec-nc .lbl{color:var(--stone-2)}
.rec-nc>span:nth-child(2){flex:1 1 220px;min-width:0}
.rec-nc .lk{white-space:nowrap}

/* Power: Time */
.tses{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.tses .fig{font:400 14px var(--sans);letter-spacing:0;color:var(--stone)}
.tses .fig b{margin:0 2px;font:500 36px var(--mono);letter-spacing:-.02em;color:var(--gold-2)}
.tses .sm{flex:1 1 280px;max-width:520px}
section[aria-labelledby="pwses"]>p.sm{margin-top:8px}
.tpn .tr.row{padding-top:10px;padding-bottom:10px}
.tpn .c-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.tpn .c-n .nm{min-width:0}
.tpos{flex:none;min-width:18px;font:italic 500 18px/1 var(--display);color:var(--gold)}
.tlow{align-self:center}
.tpn .sb.tmin{flex-basis:100%;margin-top:0;font:12px/1.4 var(--sans);letter-spacing:0;color:var(--stone)}
/* Skip for today and Remove: a row of their own under the casino's figures, on a table row and on a card */
.tpn .tr>.tact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tpn .tact .btn{font:500 12px var(--sans);letter-spacing:0;color:var(--cream);white-space:nowrap}
.tact .btn .i{width:13px;height:13px}
.tpn .tr.row.low{background:rgba(232,220,200,.025)}
.tpn .v b{font-weight:500;color:var(--cream)}
/* a long coin name in a figure cell ("Sweepstakes Coins") takes a second line instead of running into the next column */
.tpn .tr.row>.nr.v{white-space:normal;overflow-wrap:anywhere}

/* Power: the Portfolio's monthly estimate */
.mest-g{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);column-gap:18px;max-width:960px}
.mest-r{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--ln3)}
.mest-k{font-size:13.5px;line-height:1.45;color:var(--cream-soft)}
.mest-sc{font-size:13.5px;color:var(--stone);text-align:right;white-space:nowrap}
.mest-sc b{margin-right:3px;font:500 22px var(--mono);color:var(--cream);font-feature-settings:"tnum" 1}
.mest-usd{min-width:0;font-size:13.5px;line-height:1.45;color:var(--stone)}
.mest-usd .usd{font:500 15px var(--mono);font-feature-settings:"tnum" 1}
.mest-none{margin-top:4px;max-width:820px}
.mest-lb{margin-top:12px;max-width:820px;padding:10px 14px;border-left:2px solid var(--gold);background:var(--ink-2);font-size:13px;line-height:1.55;color:var(--cream)}
.mest-n{list-style:none;margin-top:12px;display:grid;gap:6px;max-width:820px}
.mest-n li{font-size:12.5px;line-height:1.5;color:var(--stone)}
.mest-how{margin-top:12px;max-width:820px;border-top:1px solid var(--rule)}
.mest-hb{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.mest-hb::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.mest-hb[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
#mesthow>.sm{margin-top:2px}
.mest-cs{list-style:none;margin-top:8px}
.mest-cs li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:8px 0;border-bottom:1px solid var(--ln3);font-size:12.5px;line-height:1.5;color:var(--stone)}
.mest-cs li b{font:600 14px var(--display);letter-spacing:-.01em;color:var(--cream)}
.mest-cs li>span{flex-basis:100%}
.mest-cs .nw{white-space:nowrap}
.mest-nh{margin-top:14px}

@media (max-width:760px){
  .ford .seg{flex:1 1 100%}
  .ford .seg button{flex:1 1 0;justify-content:center;height:44px}
  .tdy,.rec{padding:10px 14px 12px}
  .tdy-a .lk{min-height:44px}
  .tdy-wb,.mest-hb{min-height:44px}
  .rec-k dd{font-size:15px}
  .rec-nc .lk{display:inline-flex;align-items:center;min-height:44px}
  .tact .btn{height:44px}
  .tses .fig b{font-size:30px}
  .mest-g{grid-template-columns:minmax(0,1fr)}
  .mest-r{grid-template-columns:minmax(0,1fr);row-gap:3px}
  .mest-sc{text-align:left;white-space:normal}
}
@media (max-width:760px){
  /* the Power tabs (five since Time, 2026-10-10) fit a 320px phone: tighter letters, each tab as wide as its word */
  .ptabs{gap:0}
  .ptabs a{flex:1 0 auto;justify-content:center;padding:0 6px;font-size:10.5px;letter-spacing:.04em}
}
@media (max-width:480px){
  /* phones: the figure stays beside what it is (the figures still line up); where it comes from takes the next line */
  .tdy-g{grid-template-columns:max-content minmax(0,1fr)}
  .tdy-r>.tdy-d{grid-column:1/-1;font-size:12.5px;line-height:18px}
  .rec-k>div{padding:8px 9px}
  .rec-k dt{letter-spacing:.06em}
}

/* =====================================================================================================================
   The Reward Queue's phone tab (2026-10-10; it was Farm until then). Below 480px the full name would fill a fifth of
   the bar edge to edge, so the tab shows "Queue" and "Reward " is read out only (js/app.js tabs). From 480px the
   full name fits on one line with room to spare and shows. */
.tabs .tq{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:480px){.tabs .tq{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}}

/* =====================================================================================================================
   Sweeps Coins figures (2026-10-12): the Ready now SC in Home's headline, the Today panel's monthly line, the line under
   each plan's price and the note under the cards (Plans), and the 26th-Track dialog's figures. SC only, never dollars.
   With an account only: no SC figure in the headline without one (2026-10-14). */
.hh-sc{display:block;margin-top:12px;font:500 24px/1.2 var(--mono);letter-spacing:0;color:var(--cream-soft);font-feature-settings:"tnum" 1}
@media (max-width:760px){.hh-sc{margin-top:10px;font-size:20px}}
.tdy-m{margin-top:12px;padding-top:10px;border-top:1px solid var(--rule)}
.tdy-mf{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;line-height:1.45;color:var(--cream-soft)}
.tdy-mf b{font:500 14px var(--mono);color:var(--cream);white-space:nowrap;font-feature-settings:"tnum" 1}
.tdy-ml{margin-top:6px;padding-left:10px;border-left:2px solid var(--gold-line);font-size:12px;line-height:1.5;color:var(--stone)}

/* =====================================================================================================================
   Sign-up bonus (2026-10-13, DATA_CONTRACT.md v5; the Terminal is free): the facts drawer's "Sign-up bonus" panel under
   "Recurring reward", in the same visual language (its amount as an estimate is written, the conditions as quiet chips),
   and the Directory's small tag under a casino's name for the casinos the account does not track yet. Coins only: it
   is never money, so never the money colour.
   ===================================================================================================================== */
.sgn-cs{display:flex;flex-wrap:wrap;gap:6px}
.sgn-c{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:var(--rad);box-shadow:inset 0 0 0 1px var(--rule-strong);font:500 11px/1.35 var(--mono);color:var(--cream-soft);letter-spacing:.01em}
.sgn-c b{margin-left:5px;font-weight:600;color:var(--gold-2);letter-spacing:.04em}
.sgn-a .est-v{color:var(--cream)}
.kv .dd.est-d.sgn-n{color:var(--cream-soft)}
.sgn-cs+.dd{margin-top:8px}
/* a phone keeps the Source link inside its sentence in every facts-drawer note line (the daily estimate, Redeems at
   and the sign-up bonus): a 44px inline-flex box would push the quote's lines apart; the vertical padding keeps the
   tap area without moving them */
@media (max-width:760px){.est-d .lk{display:inline;min-height:0;min-width:0;padding:12px 0}}
/* the Directory's tag: the "Changed" mark's slot (a tracked casino has that one, never this) */
.sgn-t{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 7px;border-radius:var(--rad);background:var(--gold-dim);font:500 10.5px var(--mono);letter-spacing:.02em;color:var(--gold-2);white-space:nowrap}
.sgn-t .i{width:11px;height:11px;margin-right:5px;stroke-width:2}
/* " on sign-up" only where the row is wide enough: the wide table (the gift mark and the title say it everywhere) */
.sgn-w{display:none}
/* and on a card (phones, narrow windows) when the whole tag is 24 characters or fewer (js/views/directory.js sgn-fit),
   so a short tag never reads as part of the daily estimate beside it ("+2.5 SC" over "~0.66 SC a day"); the mid and
   slim tables keep the amount alone. None is cut at any width from 320 to 1920 (scratchpad sr-free/app-probe/widths.cjs) */
.dirt .sgn-fit .sgn-w{display:inline;white-space:pre}
@media (min-width:761px){@container dir (min-width:724px) and (max-width:879.98px){.dirt .sgn-fit .sgn-w{display:none}}}
@media (min-width:1281px){@container dir (min-width:508px) and (max-width:723.98px){.ca.dropen .dirt .sgn-fit .sgn-w{display:none}}}
/* the line under the name keeps one line: the age never wraps, and a tag too long for what is left (a long coin name
   beside "Age not stated" in the mid-width table) ends in an ellipsis; its title and the drawer have every word */
.dirt .dsb{min-width:0;max-width:100%}
.dirt .agm{flex:none;white-space:nowrap}
.dirt .sgn-t{flex:0 1 auto;min-width:0;max-width:100%}
.dirt .sgn-v{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container dir (max-width:325.98px){
  .dirt .sgn-t{padding:0 5px;font-size:10px;letter-spacing:0}
  .dirt .sgn-t .i{margin-right:4px}
}
@media (min-width:761px){@container dir (min-width:724px){
  .dirt .sgn-t{height:18px;padding:0 6px;font-size:10px}
}}
@media (min-width:761px){@container dir (min-width:880px){
  .dirt .sgn-w{display:inline;white-space:pre}
}}
@media (min-width:1281px){@container dir (min-width:508px) and (max-width:723.98px){
  .ca.dropen .dirt .sgn-t{height:18px;padding:0 6px;font-size:10px}
}}

/* =====================================================================================================================
   Partnered tag (2026-10-13; js/ui.js partnerTag): a casino the server marks `partnered` (an active partner offer)
   carries a small "Partnered" mark beside its name in the Directory, the facts drawer's header line, My Casinos, Home's
   lists and the Reward Queue. The "Changed" mark's geometry (mono capitals, a 1px inset line, 22px; 18px in the
   Directory tables, 24px on its cards, 28px on phones elsewhere) in the quiet stone of "Not tracked", never gold, so it
   reads as a fact, not an alert. Never on a button: the Open buttons look the same either way. A tap opens the note
   (.ptn) with the same words as its title. Kept last so it wins.
   ===================================================================================================================== */
.ptag{display:inline-flex;align-items:center;justify-content:center;flex:none;height:22px;margin-left:8px;padding:0 7px;border:0;border-radius:var(--rad);background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong);font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--stone);white-space:nowrap;vertical-align:1px;cursor:pointer}
.ptag:hover,.ptag[aria-expanded="true"]{color:var(--cream-soft);background:rgba(232,220,200,.06)}
/* in a table row's name cell the name's own button styles must not reach it (font, 44px box on cards) */
.c-n button.ptag{display:inline-flex;min-width:0;min-height:0;height:22px;font:500 10.5px var(--mono);letter-spacing:.04em;color:var(--stone);text-align:center;white-space:nowrap;overflow:visible;overflow-wrap:normal}
.c-n button.ptag:hover,.c-n button.ptag[aria-expanded="true"]{color:var(--cream-soft)}
/* Home's lists and the Reward Queue's Up next rows: right after the name */
.li .nmw .ptag,.li>.ptag{margin-left:0;align-self:center}
/* the facts drawer: beside "Not tracked" or the status chip */
.dr-s .ptag{margin-left:0}
/* the Reward Queue card: its own short line under the name */
.fz-pt{margin-top:14px;display:flex;justify-content:center}
.fz-pt .ptag{margin-left:0}
.fz-pt+.fz-r{margin-top:18px}
/* the Directory: first on the line under the name. A partnered row never cuts a fact (partner status never changes what
   the Terminal shows, Terms section 9): when the tag and the facts do not fit on one line, the line wraps. */
.dirt .tr .c-n button.ptag{margin:0;height:24px;padding:0 8px;font-size:10.5px}
.dirt .dsb:has(.ptag){flex-wrap:wrap;row-gap:3px}
@container dir (max-width:325.98px){
  .dirt .tr .c-n button.ptag{padding:0 6px;font-size:10px;letter-spacing:.02em}
}
@media (min-width:761px){@container dir (min-width:724px){
  .dirt .tr .c-n button.ptag{height:18px;padding:0 6px;font-size:10px}
}}
@media (min-width:1281px){@container dir (min-width:508px) and (max-width:723.98px){
  .ca.dropen .dirt .tr .c-n button.ptag{height:18px;padding:0 6px;font-size:10px}
}}
/* My Casinos: the name and its tag share the name's line when both fit; otherwise the tag starts the next line flush
   with the name (no indent), the "Changed" mark beside it; the estimate stays the line under them. Only a row with a tag
   is laid out this way (:has), so every other row is exactly as before. */
.c-n:has(> button.ptag){display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:3px}
.c-n:has(> button.ptag)>button[data-act="open"]{min-width:0;max-width:100%}
.c-n:has(> button.ptag)>button.ptag,.c-n:has(> button.ptag)>button.chg{margin:0}
.c-n:has(> button.ptag)>.sb{flex:0 0 100%}
@media (max-width:760px){
  .ptag,.c-n button.ptag,.tr .c-n button.ptag{height:28px;padding:0 9px}
  .li .nmw .ptag{align-self:flex-start;margin-top:2px}
  .dirt .tr .c-n button.ptag{height:24px;padding:0 8px}
  .fz-pt{margin-top:10px}
  .fz-pt+.fz-r{margin-top:12px}
}
/* the note: a small panel beside the pressed tag, fixed to the window (it moves nothing), above the drawer and toasts */
.ptn{position:fixed;z-index:60;left:12px;top:12px;width:min(340px,calc(100vw - 24px));padding:13px 42px 13px 15px;background:var(--bg3);border:1px solid var(--ln2);border-radius:var(--rad);box-shadow:0 18px 40px -12px rgba(0,0,0,.7);font:400 13px/1.55 var(--sans);color:var(--tb);text-align:left;overflow-wrap:break-word}
.ptn-t{margin:0}
.ptn-t .lk{color:var(--gold-2);text-decoration-color:var(--gold-line)}
.ptn-x{position:absolute;top:5px;right:5px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rad);color:var(--t2)}
.ptn-x:hover{color:var(--t1);background:rgba(232,220,200,.06)}
@media (max-width:760px){
  .ptn{padding-right:50px;font-size:14px}
  .ptn-x{top:0;right:0;width:44px;height:44px}
  /* the link stays inside its sentence: a 44px box would push the lines apart; the padding keeps the tap area */
  .ptn-t .lk{display:inline;min-height:0;min-width:0;padding:12px 0}
}

/* ---------- use without an account (SPEC-NOLOGIN-EMAIL, 2026-10-14) ---------- */
/* the side bar's account slot: Create free account and Log in, above the state */
.sdacct{margin-top:auto;display:grid;gap:8px;padding:12px 4px 10px}
.sdacct .btn{width:100%;height:36px}
.sdacct+.sdf{margin-top:4px}
/* Home: the quiet line under the header, and the one-time cards */
.hloc{margin-top:14px;display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:var(--t3)}
.hloc .i{width:14px;height:14px;flex:none;margin-top:2px;color:var(--gold)}
.hloc .lk{white-space:nowrap}
.hcard{margin-top:16px;padding:14px 16px;border:1px solid var(--gold-line);border-radius:var(--rad);background:var(--ink-3)}
.hcard-h{font:500 15px/1.4 var(--sans);letter-spacing:-.005em;color:var(--cream)}
.hcard p{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--t2)}
.hcard-a{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
/* the fixed notes in the frame (a browser that does not save, a list moving to an account) */
.note.lnote{margin-bottom:0}
/* the drawer's one line about what needs an account */
.lacct p{padding-bottom:6px;font-size:12.5px;line-height:1.55;color:var(--t3)}
/* Closed, Stop and the merge question: a confirmation, a message, the change of state */
.lwarn{margin-top:14px;max-width:420px;padding:12px 14px;border:1px solid var(--rl);background:var(--rd);border-radius:var(--rad);font-size:13.5px;line-height:1.55;color:var(--t1);text-align:left}
.lwarn p{margin:0;color:var(--t1)}
.lwarn .pcl-l,.lwarn .ob-ls{margin-top:10px;justify-content:flex-start}
.lmsg{color:var(--g)}
.pcl .pcl-l .btn{height:38px}
.lmove{margin-top:22px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:8px}
.lmove label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.lrow{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}
.lrow .sel{flex:1 1 180px;min-width:0;height:38px}
.lmove .ferr:empty{display:none}
/* Log in: "Use without an account" */
.sa-local{width:100%;margin-top:1.1rem;padding:.8rem 1rem}
/* Settings: the daily email */
.rem-row{align-items:flex-end}
.rem-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.rem-f span{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.doc .rem-row .sel{min-width:160px}
.doc .rem-consent{padding:12px 14px;border-left:2px solid var(--gold-line);background:var(--ink-3);color:var(--t1);font-size:14px}
@media (max-width:760px){
  .doc .rem-row .sel{min-width:0;max-width:100%}
  .rem-f{flex:1 1 140px}
  .rem-f .sel{width:100%}
  .hcard-a .btn{flex:1 1 auto}
}