.rf-game.rf-game-hilo{max-width:1080px;width:100%;margin:auto}.hl-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px}.hl-layout>*{min-width:0}.hl-connection{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#8db6dd;margin:4px 0 13px}.hl-connection button{border:1px solid #3b536e;border-radius:5px;padding:7px 10px;color:#a9c9e9}.hl-stage{background:radial-gradient(ellipse at 50% 40%,#204c7433,transparent 65%),#181e29;border:1px solid #344256;border-radius:10px;padding:17px;overflow:hidden}.hl-trail{display:flex;gap:7px;min-height:57px;overflow:hidden;justify-content:flex-end;opacity:.8;margin-bottom:15px}.hl-card{position:relative;width:142px;height:214px;flex-shrink:0;background:#f5faff;color:#111d2d;border:1px solid #c5d8ee;border-radius:9px;box-shadow:0 10px 24px #050b1760;overflow:hidden;user-select:none}.hl-card.red{color:#dc4562}.hl-card-corner{position:absolute;left:10px;top:8px;display:flex;flex-direction:column;align-items:center;line-height:1}.hl-card-corner b{font-size:36px;font-weight:500}.hl-card-corner span{font-size:26px}.hl-card-corner.bottom{left:auto;top:auto;right:10px;bottom:8px;transform:rotate(180deg)}.hl-card-pip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;opacity:.07}.hl-card-scene{display:flex;align-items:center;justify-content:center;gap:22px;min-height:250px}.hl-stack{position:relative;isolation:isolate;margin-right:20px;perspective:700px}.hl-card-back{position:absolute;width:142px;height:214px;left:27px;top:18px;background:repeating-linear-gradient(45deg,#244569 0 1px,#1e3453 1px 7px);border:1px solid #47698e;border-radius:9px;z-index:-1;display:grid;place-items:center;transform:rotate(5deg);box-shadow:0 8px 20px #0003}.hl-card-back b{font-size:19px;color:#87b8ea;letter-spacing:2px;font-style:italic}.hl-metric{text-align:center;min-width:55px;position:relative;z-index:2}.hl-metric strong{font-size:23px;font-weight:900;display:block;color:#d6e9ff}.hl-metric>span{font-size:10px;color:#7286a4;display:block;margin-top:7px}.hl-change{display:block;margin:14px auto 0;padding:9px;font-size:11px;color:#6fb6fb}.hl-change[hidden]{display:none}#hl-outcome{min-height:20px;font-size:11px;text-align:center;color:#91abc8;margin:14px 0}.hl-stage[data-state=won] #hl-outcome{color:#7ce7b1}.hl-stage[data-state=lost] #hl-outcome{color:#e28ba3}.hl-stage-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2e3d50;padding-top:14px;margin-top:18px;font-size:10px;color:#6886a9}.hl-stage-footer>span b{color:#97c5f1}.hl-stage-footer small{font-size:8px;letter-spacing:1px;color:#c4ddfa}.hl-stage-footer small span{color:#627e9f}.hl-mini.hl-card{width:35px;height:51px;border-radius:3px;box-shadow:none}.hl-mini .hl-card-corner{top:3px;left:3px}.hl-mini .hl-card-corner b{font-size:13px;font-weight:700}.hl-mini .hl-card-corner span{font-size:11px}.hl-mini .hl-card-corner.bottom{right:3px;bottom:3px;left:auto;top:auto}.hl-mini .hl-card-pip{display:none}.hl-flipping #hl-current{animation:hl-flip .7s ease-in-out}.hl-side{padding-top:39px}.hl-controls,.hl-history{background:#1f2733;border:1px solid #36465b;border-radius:10px;padding:16px}.hl-controls-heading{display:flex;justify-content:space-between;color:#8fa8c7;font-size:8px;margin-bottom:13px}.hl-controls-heading small{font-size:8px;color:#6f88a8}.hl-controls .rf-currency{background:#253449;border:1px solid #3b526d;border-radius:6px;padding:3px;margin:0 0 12px}.hl-controls .rf-currency .selected{background:#315c8b;color:#d7ecff;border-radius:4px}.rf-game-hilo .hl-controls .control-row{height:auto;min-height:47px;flex-wrap:nowrap;background:#171f2b;border:1px solid #3a4a60;border-radius:6px;padding:8px;gap:5px}.rf-game-hilo .hl-controls .control-row input{flex:1;width:0;min-width:0;padding:0;background:none;border:0;font-size:17px}.rf-game-hilo .hl-controls .control-row .coin{flex:0 0 20px}.hl-controls .adjust{font-size:10px;padding:6px;min-width:28px}.hl-controls .hl-start{width:100%;min-height:46px;border-radius:6px;margin-top:10px}.hl-start[hidden]{display:none}.hl-directions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.hl-directions>button{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:6px;text-align:left;padding:12px 10px;border-radius:7px;border:1px solid #3e837a;background:#245f54;color:#a9f1d9}.hl-directions>button:disabled{opacity:.5}.hl-directions>button>span{font-size:25px;grid-row:1/3}.hl-directions strong{font-size:17px;line-height:1}.hl-directions small{font-size:9px;color:#b0d8d2;display:block;margin-top:4px}.hl-directions b{font-size:11px;font-weight:600}.hl-directions .hl-low{background:#673148;border-color:#a0536f;color:#ffd0df}.hl-low small{color:#deafc0}.hl-cashout{width:100%;background:#4298ff;border:1px solid #78baff;color:#0a2441;font-weight:800;min-height:45px;border-radius:7px;margin-top:10px}.hl-cashout[hidden]{display:none}.hl-add{display:flex;gap:5px;margin-top:12px;justify-content:space-between}.hl-add button{background:#26364a;border:1px solid #3c4f69;padding:7px;font-size:9px;border-radius:4px;color:#9ab3d1}#hl-result{font-size:10px;line-height:1.6;color:#819dbc;margin:12px 0 0}.hl-pending{background:#413c2e;border:1px solid #a38c5b;padding:10px;border-radius:6px;font-size:10px;margin-top:12px;line-height:1.5}.hl-pending button{color:#dfc997;border:1px solid #9d8659;border-radius:5px;padding:8px}.hl-history{margin-top:15px}.hl-history h2{font-size:14px;margin:0 0 12px}.hl-history button{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;width:100%;background:#25354a;border:1px solid #3a4e68;border-radius:6px;padding:10px;margin-top:7px}.hl-history button b{font-size:11px}.hl-history button small{display:block;font-size:9px;color:#91a9c5;margin-top:5px}.hl-history strong{font-size:13px}.hl-history .won{color:#7cdbac}.hl-history .lost{color:#d0849d}.hl-history p{font-size:10px;line-height:1.6;color:#7c95b2}.hl-receipt-cards{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.hl-cover{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse,#244c7444,transparent 70%),#19283e}.hl-cover>span{position:absolute;top:35px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#9ac7f2}.hl-cover .hl-card{position:absolute;left:calc(50% - 55px);top:75px;width:112px;height:165px}.hl-cover .cover-back{transform:translateX(-35px) rotate(-14deg);opacity:.7}.hl-cover .cover-front{transform:translateX(20px) rotate(13deg)}.hl-cover>b{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:#79b9ff;font-size:25px}.hl-cover>b i{font-style:normal;color:#e0efff;margin:0 15px;font-size:16px;letter-spacing:3px}
@keyframes hl-flip{0%{transform:rotateY(0)}49%{transform:rotateY(90deg)}50%{transform:rotateY(-90deg)}100%{transform:rotateY(0)}}
@media(min-width:850px){#content:has(.rf-game-hilo){max-width:1100px;width:100%}}
@media(max-width:849px){.hl-layout{display:flex;flex-direction:column;gap:13px}.hl-side{padding-top:0}.hl-stage{padding:13px}.hl-trail{min-height:40px;margin-bottom:8px}.hl-trail .hl-mini{width:27px;height:39px}.hl-mini .hl-card-corner b{font-size:11px}.hl-mini .hl-card-corner span{font-size:9px}.hl-card-scene{min-height:208px;gap:16px}.hl-card,.hl-card-back{width:117px;height:174px;border-radius:7px}.hl-card-corner b{font-size:30px}.hl-card-corner span{font-size:22px}.hl-stack{margin-right:10px}.hl-card-back{left:20px;top:12px}.hl-metric{min-width:44px}.hl-metric strong{font-size:20px}.hl-metric>span{font-size:8px}.hl-change{margin:5px auto 0;padding:7px}#hl-outcome{margin:5px 0;font-size:10px;min-height:16px}.hl-stage-footer{margin-top:10px;padding-top:10px}.hl-controls{padding:13px}.hl-controls-heading{margin-bottom:9px}.hl-controls .rf-currency{margin-bottom:8px}.hl-directions{margin-top:9px}.hl-directions>button{padding:10px}.hl-add{margin-top:9px}.hl-connection{margin-bottom:10px}}
@media(max-width:360px){.hl-card-scene{gap:11px;min-height:190px}.hl-card,.hl-card-back{width:103px;height:154px}.hl-stack{margin-right:7px}.hl-metric strong{font-size:18px}.hl-stage-footer small{letter-spacing:0;font-size:7px}.hl-controls-heading{display:none}.hl-controls{padding:11px}.hl-directions>button{padding:9px}.hl-history{padding:12px}.hl-add button{padding:6px}}
@media(prefers-reduced-motion:reduce){.hl-flipping #hl-current{animation:none}}
@media(max-width:849px){.hl-card-scene{min-height:190px}.hl-stage-footer{margin-top:8px}.rf-game-hilo .gx-heading h1{text-transform:uppercase;font-style:italic}.hl-controls #hl-result{margin-top:8px}}
@media(max-width:360px){.hl-card-scene{min-height:170px}.hl-trail{margin-bottom:5px;min-height:35px}.hl-directions>button{padding:8px}.hl-cashout{min-height:41px}}
@media(max-width:360px){.hl-trail,.hl-stage-footer{display:none}}