/* Sky Jet — its own night-sky world inside the Opalis site */
.sj{--j-panel:#17134A;--j-panel2:#201A63;--j-well:#100D36;--j-line:#2E2780;--j-mut:#A49FD6;--j-violet:#8B7CFF;--j-sky:#4FA8FF;--j-gold:#FFC94D;--j-win:#3DE39E;--j-win-ink:#04261A;--j-loss:#FF6B7A;
  max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.sj-head{display:flex;align-items:center;gap:12px}
.sj-logo{font:800 22px var(--display);letter-spacing:.02em;background:linear-gradient(90deg,#C9BCFF,#7FC4FF);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.sj-logo small{display:block;font:700 11px var(--body);letter-spacing:.02em;color:var(--mut);-webkit-text-fill-color:var(--mut);margin-top:3px}
.sj-online{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--sub);background:var(--j-panel);border:1px solid var(--j-line);border-radius:999px;padding:6px 12px;white-space:nowrap}
.sj-hist{display:flex;gap:6px;overflow:hidden;min-height:34px}
.sj-hist span{flex:none;min-width:62px;text-align:center;padding:7px 10px;border-radius:12px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;background:#2B5FB8}
.sj-hist span.mid{background:#6A4FE0}
.sj-hist span.big{background:linear-gradient(90deg,#E09A2C,#FFC94D);color:#3A2A00}
.sj-hist span.now{background:var(--j-sky)}
.sj-stage{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--j-line);background:#120E3A;aspect-ratio:16/10;max-width:100%}
.sj-stage canvas{display:block;width:100%;height:100%}
.sj-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:9% 7% 0;text-align:center}
.sj-mult{font:800 clamp(44px,10vw,84px)/1 var(--display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.45)}
.sj-mult.crash{color:var(--j-loss)}
.sj-sub{margin-top:8px;font-size:clamp(12px,2.5vw,15px);color:var(--j-mut);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.sj-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;color:#fff}
.sj-wait[hidden],.sj-hud[hidden]{display:none}
.sj-wait b{font:800 clamp(16px,3.4vw,22px) var(--display)}
.sj-bar{width:min(240px,60%);height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.sj-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--j-violet),var(--j-sky));border-radius:99px}
.sj-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.sj-panel{background:var(--j-panel);border:1px solid var(--j-line);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:10px;color:#F2F0FF}
.sj-opts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--j-well);border-radius:14px;padding:8px 10px}
.sj-tg{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;cursor:pointer;user-select:none}
.sj-tg input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;background:var(--j-panel2);border:1px solid var(--j-line);display:grid;place-items:center;margin:0;cursor:pointer}
.sj-tg input:checked{background:var(--j-violet)}
.sj-tg input:checked::after{content:"";width:9px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.sj-auto{margin-left:auto;display:flex;align-items:center;gap:4px;background:#0B0920;border-radius:10px;padding:4px 10px;font-weight:800}
.sj-auto input{width:58px;background:none;border:0;color:#fff;font:800 15px var(--body);text-align:right;outline:none}
.sj-row{display:flex;gap:10px;align-items:stretch}
.sj-amt{flex:1;min-width:0;background:var(--j-well);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:8px}
.sj-ctl{display:flex;align-items:center;gap:6px}
.sj-ctl button{width:40px;height:38px;border-radius:10px;background:var(--j-panel2);border:0;color:#fff;font-weight:800;font-size:13px;flex:none;cursor:pointer}
.sj-ctl input{flex:1;min-width:0;background:none;border:0;color:#fff;font:800 17px var(--body);text-align:center;font-variant-numeric:tabular-nums;outline:none}
.sj-ic{display:flex}
.sj-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.sj-quick button{background:var(--j-panel2);border:0;border-radius:9px;padding:7px 0;font-size:12px;font-weight:800;color:#fff;cursor:pointer}
.sj-go{flex:1.1;min-width:0;border:0;border-radius:16px;font:800 18px var(--display);letter-spacing:.04em;color:#fff;cursor:pointer;
  background:linear-gradient(160deg,#9D8BFF,#6A5CF0 60%,#5B8CFF);box-shadow:0 6px 0 #3E2FB0,0 12px 26px -10px #6A5CF0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:96px;transition:transform .08s}
.sj-go:active{transform:translateY(3px);box-shadow:0 3px 0 #3E2FB0}
.sj-go small{font:800 12px var(--body);letter-spacing:0;opacity:.88}
.sj-go.cash{background:linear-gradient(160deg,#5CF0B2,#20C887);color:var(--j-win-ink);box-shadow:0 6px 0 #138A5C,0 12px 26px -10px #20C887}
.sj-go.cancel{background:linear-gradient(160deg,#FF8A97,#E04B5E);box-shadow:0 6px 0 #9C2737}
.sj-go.wait{background:linear-gradient(160deg,#6E63C9,#4B3FA8);box-shadow:0 6px 0 #2D2480}
.sj-go.done{background:var(--j-panel2);box-shadow:none;color:var(--j-mut)}
.sj-go[disabled]{opacity:.5;cursor:not-allowed}
.sj-live .t td{white-space:nowrap}
.sj-live .won td{background:rgba(61,227,158,.06)}
.sj-fair{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--mut);font-size:12px;margin:0}
.sj-fair .ico{color:var(--green)}
.sj-fair .mono{font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:560px){.sj-stage{aspect-ratio:4/3.4}.sj-logo{font-size:18px}}
.sj-live .seg button{white-space:nowrap}
@media (max-width:480px){
  .sj-opts{flex-wrap:nowrap;gap:8px;padding:7px 8px}
  .sj-tg{font-size:12px;gap:6px;white-space:nowrap}
  .sj-tg input{width:20px;height:20px}
  .sj-auto{padding:3px 8px}
  .sj-auto input{width:42px;font-size:14px}
  .sj-row{gap:8px}
  .sj-ctl{gap:4px}
  .sj-ctl button{width:32px;height:34px;font-size:12px}
  .sj-ic{display:none}
  .sj-ctl input{font-size:16px}
  .sj-go{flex:.9;font-size:16px;min-height:88px}
  .sj-quick button{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.sj-go{transition:none}}