/* Hi-Lo Cards */
.hilo-screen{padding:0 14px calc(var(--bh) + 24px);animation:casinoFadeIn .4s ease;}
.hilo-hero{background:var(--gradient-casino);border:1px solid var(--border2);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow-md);}
.hilo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;color:var(--text2);}
.hilo-top strong{color:var(--cyan);}
.hilo-table{display:flex;align-items:center;justify-content:center;gap:16px;min-height:160px;}
.hilo-card{width:100px;height:140px;border-radius:12px;background:linear-gradient(145deg,#fff,#e8e8e8);border:2px solid var(--border2);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.hilo-card.red{color:#c0392b;}
.hilo-card.black{color:#2c3e50;}
.hilo-card.flip{animation:hiloFlip .6s ease;}
.hilo-card-rank{font-size:36px;font-weight:800;line-height:1;font-family:var(--font-display);}
.hilo-card-suit{font-size:28px;line-height:1;margin-top:4px;}
.hilo-arrow{font-size:28px;color:var(--cyan);opacity:.8;}
.hilo-card.placeholder{background:var(--card);border-style:dashed;color:var(--text2);}
.hilo-card.placeholder .hilo-card-rank{font-size:24px;}
.hilo-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;}
.hilo-pick{padding:16px;border-radius:14px;border:2px solid var(--border);background:var(--card);cursor:pointer;font-weight:800;font-size:15px;color:var(--white);transition:all .2s;}
.hilo-pick.on{border-color:var(--cyan);background:#00d4ff15;color:var(--cyan);box-shadow:var(--shadow-glow);}
.hilo-pick span{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-top:4px;}
.hilo-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;}
.hilo-result{margin-top:12px;padding:14px;border-radius:12px;text-align:center;font-weight:700;font-size:14px;}
.hilo-result.win{background:#003010;border:1px solid var(--green);color:var(--green);}
.hilo-result.lose{background:#300010;border:1px solid var(--red);color:var(--red);}
@keyframes hiloFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(.95)}100%{transform:rotateY(0) scale(1)}}