/* pkrslots.store — purple / white, light.
   Static header (no stick), lettered steps, ordered-list FAQ, underline-only tables,
   portrait screenshot rows. Component set disjoint from every sibling property. */
:root{
  --royal:#4c1d95; --grape:#6d28d9; --orchid:#8b5cf6; --deepest:#2e1065;
  --lilac:#ede9fe; --blossom:#faf7ff; --veil:#f4effd;
  --white:#ffffff; --rule:#e2d9f5; --rule-2:#efe9fa;
  --ink:#1e1035; --ink-2:#4b3f63; --ink-3:#8b82a3;
  --yes:#15704a; --no:#a52a3c;
  --span:1160px;
  --type:'Verdana','DejaVu Sans','Segoe UI',system-ui,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--type);color:var(--ink-2);background:var(--white);
  line-height:1.7;font-size:15.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--grape)}

/* ---- cabinet: STATIC header, inline nav, scrolls away ---- */
.cabinet{border-bottom:2px solid var(--royal);background:var(--white)}
.cabinet-in{max-width:var(--span);margin:0 auto;padding:14px 20px;display:flex;
  align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.bezel{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.bezel img{width:42px;height:42px;border-radius:11px}
.bezel span{font-size:1.16rem;font-weight:700;color:var(--royal);letter-spacing:-.4px}
.bezel span i{font-style:normal;color:var(--orchid)}
.lever{display:none;list-style:none;margin:0;padding:0;gap:18px;flex-wrap:wrap}
.lever a{font-size:.86rem;font-weight:700;color:var(--ink-2);text-decoration:none;
  padding-bottom:2px;border-bottom:2px solid transparent}
.lever a:hover,.lever a[aria-current]{color:var(--royal);border-bottom-color:var(--orchid)}
.paytable{background:var(--royal);border:0;color:#fff;font-weight:700;font-size:.8rem;
  padding:9px 15px;cursor:pointer;letter-spacing:.5px}
.lever.down{display:flex;flex-direction:column;gap:0;width:100%;border-top:1px solid var(--rule);margin-top:10px}
.lever.down li{border-bottom:1px solid var(--rule-2)}
.lever.down a{display:block;padding:11px 0;border:0}


/* ---- specsheet: replaces hero + stat row + contents nav in one block.
   No eyebrow label, no centred stat boxes, no separate ToC. ---- */
.ratecard{border-bottom:1px solid var(--rule);padding:26px 0 30px}
.ratecard-in{max-width:var(--span);margin:0 auto;padding:0 20px;
  display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.ratecard-text{flex:1 1 380px;min-width:0}
.ratecard-text h1{font-size:1.55rem;line-height:1.24;color:var(--ink);margin:0 0 12px;
  font-weight:700;letter-spacing:-.5px}
.ratecard-text h1 em{font-style:normal;color:var(--grape)}
.ratecard-text p{font-size:1rem;color:var(--ink-2);margin:0 0 16px;max-width:60ch}

/* the spec panel doubles as the page index — rows link to sections */
.ratepanel{flex:1 1 300px;border:1px solid var(--royal);align-self:stretch}
.ratepanel caption{caption-side:top;background:var(--royal);color:#fff;text-align:left;
  padding:8px 14px;font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}
.ratepanel table{width:100%;border-collapse:collapse;font-size:.86rem}
.ratepanel th{text-align:left;padding:8px 14px;color:var(--ink-3);font-weight:700;
  width:42%;border-bottom:1px solid var(--rule-2);font-size:.74rem;
  letter-spacing:.6px;text-transform:uppercase;vertical-align:top}
.ratepanel td{padding:8px 14px;border-bottom:1px solid var(--rule-2);color:var(--ink);font-weight:700}
.ratepanel tr:last-child th,.ratepanel tr:last-child td{border-bottom:0}
.ratepanel a{color:var(--grape);text-decoration:none;border-bottom:1px dotted var(--orchid)}

/* ---- buttons ---- */
.spinrow{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 10px;align-items:center}
.spinbox{display:inline-block;font-weight:700;font-size:1rem;line-height:1.2;
  padding:15px 30px;text-decoration:none;text-align:center;border:2px solid var(--royal);
  letter-spacing:.2px}
.jackpot{background:var(--royal);color:#fff}
.jackpot:hover{background:var(--deepest);border-color:var(--deepest)}
.cherry{background:var(--white);color:var(--royal)}
.cherry:hover{background:var(--lilac)}
.smallnote{font-size:.8rem;color:var(--ink-3);margin:0}

/* the download CTA is the primary action on /apk/ — give it more presence */
#grab .spinrow{margin-top:20px}
#grab .spinbox{font-size:1.05rem;padding:16px 34px}

/* ---- unlockline: inline delayed link, no box, no numeral, no bar ---- */
.unlockline{margin:16px 0 4px}
.unlockline .spinbox[aria-disabled="true"]{opacity:.45;pointer-events:none}
.unlocknote{font-size:.78rem;color:var(--ink-3);margin:6px 0 0}
.unlocknote b{color:var(--grape)}

/* ---- runway: left rule-marked sections, no tint bands ---- */
.runway{max-width:var(--span);margin:0 auto;padding:0 20px}
.tier{padding:32px 0 8px;scroll-margin-top:18px}
.tier + .tier{border-top:1px solid var(--rule-2)}
.tier h2{font-size:1.34rem;color:var(--ink);margin:0 0 14px;font-weight:700;letter-spacing:-.3px;
  border-left:5px solid var(--orchid);padding-left:12px}
.tier h3{font-size:.99rem;color:var(--grape);margin:1.5em 0 .4em;font-weight:700}
.tier p,.tier li{font-size:.97rem;color:var(--ink-2)}
.tier ul,.tier ol{padding-left:19px}
.tier li{margin:5px 0}

/* ---- wake replacement: lettered A/B/C steps ---- */
.stepset{list-style:none;padding:0;margin:18px 0;counter-reset:sq}
.stepset li{counter-increment:sq;position:relative;padding:12px 0 12px 44px;border-bottom:1px solid var(--rule-2)}
.stepset li:last-child{border-bottom:0}
.stepset li::before{content:counter(sq,upper-alpha);position:absolute;left:0;top:12px;
  width:28px;height:28px;border:2px solid var(--orchid);color:var(--royal);
  font-weight:700;font-size:.82rem;display:flex;align-items:center;justify-content:center}
.stepset b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:2px}
.stepset p{margin:0;font-size:.9rem}

/* ---- frames: PORTRAIT phone screenshots in a row ---- */
.frame-set{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}
.frame{margin:0;flex:1 1 240px;max-width:300px}
.frame img{width:100%;border:1px solid var(--rule)}
.frame figcaption{font-size:.72rem;letter-spacing:.4px;text-transform:uppercase;
  color:var(--ink-3);padding-top:7px;font-weight:700}
.frame-wide{max-width:100%;flex:1 1 100%}

/* ---- ledgerx: underline-only header table ---- */
.ledgerx-wrap{overflow-x:auto;margin:18px 0}
table.ledgerx{width:100%;border-collapse:collapse;min-width:400px;font-size:.9rem}
table.ledgerx caption{caption-side:top;text-align:left;font-size:.68rem;letter-spacing:1.3px;
  text-transform:uppercase;color:var(--ink-3);padding-bottom:8px;font-weight:700}
table.ledgerx th{text-align:left;padding:9px 12px 9px 0;font-weight:700;color:var(--royal);
  border-bottom:2px solid var(--royal);background:none}
table.ledgerx td{padding:9px 12px 9px 0;border-bottom:1px solid var(--rule-2);color:var(--ink-2)}
table.ledgerx tbody tr:last-child td{border-bottom:1px solid var(--rule)}

/* ---- chit / hazard: notes ---- */
.chit{border:1px solid var(--rule);border-top:3px solid var(--orchid);background:var(--blossom);
  padding:14px 16px;margin:18px 0;font-size:.9rem}
.chit b{color:var(--royal)}
.hazard{border:1px solid #e6c2c8;border-top:3px solid var(--no);background:#fdf7f8;
  padding:14px 16px;margin:18px 0;font-size:.9rem;color:#6e2030}

/* ---- qlist: numbered ordered-list FAQ ---- */
ol.qlist{margin:18px 0;padding-left:0;list-style:none;counter-reset:qq}
ol.qlist li{counter-increment:qq;padding:14px 0;border-bottom:1px solid var(--rule-2)}
ol.qlist li:last-child{border-bottom:0}
.qlist-q{font-weight:700;color:var(--ink);margin:0 0 5px;font-size:.95rem}
.qlist-q::before{content:counter(qq) ". ";color:var(--orchid)}
.qlist-a{margin:0;font-size:.9rem;color:var(--ink-2)}

/* ---- scorecard: pros/cons ---- */
.scorecard{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}
.upcol,.downcol{flex:1 1 100%;border:1px solid var(--rule);padding:15px 16px}
.upcol h3,.downcol h3{margin:0 0 8px;font-size:.95rem}
.upcol h3{color:var(--yes)} .downcol h3{color:var(--no)}
.upcol ul,.downcol ul{list-style:none;padding:0;margin:0}
.upcol li,.downcol li{padding:4px 0 4px 18px;position:relative;font-size:.89rem}
.upcol li::before{content:"\2713";position:absolute;left:0;color:var(--yes);font-weight:700}
.downcol li::before{content:"\2715";position:absolute;left:0;color:var(--no);font-weight:700}

/* ---- urdu ---- */
.urdu-reel{direction:rtl;text-align:right;line-height:2.4;border:1px solid var(--rule);
  border-right:5px solid var(--orchid);background:var(--veil);padding:20px;margin:22px 0;
  font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq','Segoe UI',Tahoma,sans-serif}
.urdu-reel h2,.urdu-reel h3{text-align:right;color:var(--ink);border:0;padding:0}
.urdu-reel h2{font-size:1.15rem;margin:0 0 8px}
.urdu-reel ul,.urdu-reel ol{padding-right:19px;padding-left:0}

/* ---- baseplate: two-row left-aligned footer ---- */
.baseplate{background:var(--deepest);color:#c3b3e8;margin-top:34px}
.baseplate-in{max-width:var(--span);margin:0 auto;padding:26px 20px}
.baseplate h4{color:var(--orchid);font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 8px}
.baseplate p{font-size:.84rem;color:#9e8fc4;margin:0 0 14px;max-width:70ch}
.footlinks{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:6px 20px}
.footlinks a{color:#d9cdf3;font-size:.85rem;text-decoration:none}
.footlinks a:hover{color:var(--orchid)}
.smallprint{border-top:1px solid #3f2680;padding-top:14px;font-size:.74rem;color:#8778ab;max-width:88ch}

@media(min-width:760px){
  .reelbar h1{font-size:2.05rem}
  .lever{display:flex}
  .paytable{display:none}
  .upcol,.downcol{flex:1 1 calc(50% - 7px)}
  .frame{flex:1 1 200px}
}