.hilo-arena { perspective:1200px; }
.hilo-table { background:linear-gradient(160deg,#1a0a2e 0%,#0d1a2e 50%,#1a0a2e 100%); border:1px solid rgba(255,255,255,.1); position:relative; overflow:hidden; }
.hilo-table::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(212,165,212,.07) 0%,transparent 70%); pointer-events:none; }
.hilo-start-grid { display:grid; grid-template-columns:1fr; gap:32px; align-items:center; }
@media(min-width:768px){ .hilo-start-grid { grid-template-columns:1fr 1fr; } }
.hilo-bet-track { -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:3px; background:rgba(255,255,255,.1); outline:none; cursor:pointer; }
.hilo-bet-track::-webkit-slider-thumb { -webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:linear-gradient(135deg,#d4a5d4,#FFB6C1); box-shadow:0 0 12px rgba(212,165,212,.6); cursor:pointer; }
.hilo-chip { display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; font-weight:900; font-size:1.1rem; border:4px dashed; transition:all .2s; cursor:pointer; }
.hilo-chip:hover { transform:scale(1.1); }
.hilo-game-layout { display:grid; grid-template-columns:auto 1fr; gap:32px; align-items:start; }
@media(max-width:767px){ .hilo-game-layout { grid-template-columns:1fr; } }
.hilo-card-wrap { display:flex; flex-direction:column; align-items:center; gap:12px; }
.hilo-card { width:160px; height:224px; border-radius:14px; object-fit:cover; border:2px solid rgba(255,255,255,.25); box-shadow:0 0 40px var(--card-glow,rgba(212,165,212,.35)), 0 20px 60px rgba(0,0,0,.6); transition:box-shadow .4s; }
.card-flip { animation:cardFlip .35s cubic-bezier(.4,0,.2,1); }

.hilo-card-name { font-family:'Playfair Display',serif; font-size:1.4rem; color:white; font-weight:700; text-align:center; }
.hilo-card-suit-red { --card-glow:rgba(239,68,68,.5); }
.hilo-card-suit-dark { --card-glow:rgba(148,163,184,.4); }
.hilo-history-strip { display:flex; gap:4px; flex-wrap:wrap; justify-content:center; max-width:200px; position:relative; }
.hilo-mini-card { width:28px; height:39px; border-radius:4px; object-fit:cover; border:1px solid rgba(255,255,255,.2); opacity:.7; transition:transform .2s,opacity .2s,z-index .2s; cursor:zoom-in; }
.hilo-mini-card:hover { transform:scale(2.4); opacity:1; z-index:20; position:relative; }
.hilo-mini-card.current { opacity:1; border-color:rgba(212,165,212,.7); box-shadow:0 0 8px rgba(212,165,212,.5); }

.hilo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:20px; }
@media(max-width:480px){ .hilo-stats { grid-template-columns:repeat(2,1fr); } }
.hilo-stat { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:10px; text-align:center; }
.hilo-stat-label { font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.35); margin-bottom:4px; }
.hilo-stat-val { font-size:1rem; font-weight:700; color:white; }
.hilo-action-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
.hilo-btn-h, .hilo-btn-l { padding:18px 12px; border-radius:14px; font-weight:700; font-size:.9rem; display:flex; flex-direction:column; align-items:center; gap:4px; transition:all .2s; border:2px solid; cursor:pointer; }
.hilo-btn-h { background:rgba(59,130,246,.15); border-color:rgba(59,130,246,.4); color:#93c5fd; }
.hilo-btn-h:hover:not(:disabled) { background:rgba(59,130,246,.3); border-color:#60a5fa; box-shadow:0 0 20px rgba(59,130,246,.3); transform:translateY(-2px); }
.hilo-btn-l { background:rgba(239,68,68,.15); border-color:rgba(239,68,68,.4); color:#fca5a5; }
.hilo-btn-l:hover:not(:disabled) { background:rgba(239,68,68,.3); border-color:#f87171; box-shadow:0 0 20px rgba(239,68,68,.3); transform:translateY(-2px); }
.hilo-btn-prob { font-size:.75rem; opacity:.7; font-weight:400; }
.hilo-btn-gain { font-size:.8rem; font-weight:600; }
.hilo-btn-cash-new { width:100%; padding:14px; border-radius:14px; font-weight:700; font-size:.95rem; background:rgba(63,185,80,.15); border:2px solid rgba(63,185,80,.4); color:#86efac; transition:all .2s; cursor:pointer; }
.hilo-btn-cash-new:hover:not(:disabled) { background:rgba(63,185,80,.3); box-shadow:0 0 20px rgba(63,185,80,.3); }
button:disabled { opacity:.35; cursor:not-allowed; }
.hilo-result-icon { font-size:5rem; animation:resultBounce .5s cubic-bezier(.4,0,.2,1) both; display:block; }
.hilo-result-title { font-family:'Playfair Display',serif; font-size:2rem; color:white; margin:12px 0 8px; }
.hilo-result-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:20px 0; }