@font-face{font-family:SpaceSystem;src:local("Avenir Next Condensed"),local("Avenir Next"),local("Helvetica Neue");font-display:swap}
:root{--ink:#f8f7ff;--muted:#a8a1c7;--violet:#8158ff;--violet2:#b47cff;--cyan:#41e4ff;--gold:#ffd06a;--green:#4ff2a6;--danger:#ff4b87;--panel:rgba(11,8,31,.68);--line:rgba(255,255,255,.14);--safe-bottom:max(8px,env(safe-area-inset-bottom));--app-height:100dvh}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070515;color:var(--ink);font-family:SpaceSystem,"Arial Narrow",sans-serif}button,input{font:inherit}button{color:inherit}.game{position:relative;width:100%;height:var(--app-height);min-height:520px;overflow:hidden;isolation:isolate;background:#070515;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:64px 37px minmax(180px,1fr) auto 24px;touch-action:manipulation}.cosmos{position:absolute;inset:-3%;z-index:-5;background:#070515 url("assets/cosmic-vista-v1.webp") center center/cover no-repeat;transform:scale(1.04);transition:filter .7s ease,transform 8s ease}.game[data-state="flying"] .cosmos{transform:scale(1.1) translate3d(-1%,1%,0);filter:saturate(1.12) brightness(1.04)}.game[data-state="crashed"] .cosmos{filter:saturate(.55) brightness(.55);transform:scale(1.13)}#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}.vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 24%,rgba(3,2,17,.14) 66%,rgba(3,2,17,.72) 100%),linear-gradient(180deg,rgba(3,2,17,.18),transparent 35%,rgba(3,2,17,.84) 100%)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px max(14px,env(safe-area-inset-left)) 5px max(14px,env(safe-area-inset-right));z-index:8}.brand{position:relative;display:flex;align-items:center;gap:5px;height:54px;padding:0 8px 0 0;letter-spacing:.04em;filter:drop-shadow(0 3px 12px rgba(101,61,255,.55))}.brand-emblem{width:56px;height:56px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(65,228,255,.32))}.brand-copy{display:grid;align-content:center;gap:1px;line-height:1}.brand strong{font-size:clamp(18px,4vw,25px);line-height:1;font-weight:900;transform:skew(-7deg);background:linear-gradient(#fff,#b9c7ff 48%,#7452ed);-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px rgba(116,82,237,.16)}.brand b{font-size:clamp(9px,2.2vw,12px);line-height:1.08;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 14px rgba(255,208,106,.55)}.brand-orbit{position:absolute;left:2px;right:-2px;top:4px;bottom:4px;border:1px solid rgba(117,224,255,.38);border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 18px rgba(65,228,255,.15)}.brand-orbit:after{content:"";position:absolute;width:5px;height:5px;right:10%;top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 9px 3px var(--cyan)}.top-actions{display:flex;align-items:center;gap:7px}.wallet{min-width:108px;text-align:right;padding-right:4px}.wallet span{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em}.wallet strong{display:block;font-size:18px;line-height:1.08;font-variant-numeric:tabular-nums;color:#fff}.round-tool{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,7,28,.48);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.18);font-weight:800;cursor:pointer;transition:.18s transform,.18s background}.round-tool:active{transform:scale(.92);background:rgba(119,81,255,.5)}
.history{z-index:8;display:flex;align-items:center;gap:9px;padding:3px 14px;border-block:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(8,5,27,.58),rgba(8,5,27,.22),rgba(8,5,27,.58));backdrop-filter:blur(5px)}.history-label{flex:0 0 auto;color:#c8c1e7;font-size:9px;letter-spacing:.18em}.history-track{display:flex;gap:6px;min-width:0;overflow:hidden}.history-chip{flex:0 0 auto;min-width:48px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:850;text-align:center;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.history-chip.low{color:#b8b0d6}.history-chip.mid{color:var(--cyan);border-color:rgba(65,228,255,.28)}.history-chip.high{color:var(--gold);border-color:rgba(255,208,106,.35);box-shadow:0 0 13px rgba(255,196,67,.1)}
.stage{position:relative;z-index:2;width:100%;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;align-content:center;padding:18px 16px 8px}.stage:after{content:"";position:absolute;left:50%;top:46%;width:110px;aspect-ratio:1;border:2px solid rgba(255,74,137,.6);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none}.game[data-state="crashed"] .stage:after{animation:lostSignal 1.35s ease-out infinite}.round-label{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:6px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(8,5,27,.42);backdrop-filter:blur(8px);font-size:10px;font-weight:850;letter-spacing:.18em;color:#d9d3f4;white-space:nowrap}.countdown{position:absolute;top:44px;left:50%;transform:translateX(-50%);font-size:clamp(42px,10vw,76px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(130,88,255,.75);opacity:1;transition:.25s opacity}.multiplier{position:relative;z-index:4;margin-top:-3vh;font-size:clamp(62px,19vw,150px);font-weight:950;letter-spacing:-.07em;line-height:.84;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 0%,#d8d0ff 31%,#976cff 68%,#5ce8ff 100%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 rgba(34,15,85,.7)) drop-shadow(0 0 28px rgba(132,83,255,.72));opacity:0;transform:scale(.76);transition:.32s opacity,.32s transform}.multiplier span{font-size:.46em;margin-left:.06em}.subline{position:relative;z-index:4;margin-top:14px;color:#d4ceef;font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 2px 12px #050314}.game[data-state="flying"] .countdown,.game[data-state="crashed"] .countdown{opacity:0}.game[data-state="flying"] .multiplier,.game[data-state="crashed"] .multiplier{opacity:1;transform:scale(1)}.game[data-state="crashed"] .multiplier{background:linear-gradient(#fff,#ff8bb1 46%,#ff3a77);-webkit-background-clip:text;filter:drop-shadow(0 5px 0 rgba(76,7,34,.7)) drop-shadow(0 0 32px rgba(255,56,119,.7));animation:crashPulse .35s both}.flight-path{position:absolute;left:10%;bottom:16%;width:62%;height:35%;border-radius:50%;border-top:2px solid rgba(85,226,255,.38);transform:rotate(-16deg);filter:drop-shadow(0 0 9px #43ddff);opacity:0;transition:.4s opacity}.game[data-state="flying"] .flight-path{opacity:.52}.astronaut{position:absolute;left:13%;bottom:8%;width:clamp(132px,30vw,285px);aspect-ratio:1;z-index:3;transform:translate3d(0,0,0) rotate(-7deg);will-change:transform,opacity;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(55,220,255,.24));transition:.6s opacity}.astronaut img{display:block;width:100%;height:100%;object-fit:contain}.game[data-state="betting"] .astronaut{animation:idleFloat 3.2s ease-in-out infinite}.game[data-state="crashed"] .astronaut{animation:signalLost .55s cubic-bezier(.2,.7,.1,1) forwards}.blast{position:absolute;z-index:5;left:50%;top:45%;width:16px;height:16px;pointer-events:none;opacity:0}.blast:before{content:"";position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,#62ecff 13%,#9b5cff 32%,rgba(255,73,142,.4) 47%,transparent 68%);transform:scale(.2)}.blast i{position:absolute;width:5px;height:34px;border-radius:5px;background:linear-gradient(#fff,#7fe9ff,transparent);transform-origin:50% 100%}.blast i:nth-child(1){transform:rotate(0deg) translateY(-38px)}.blast i:nth-child(2){transform:rotate(45deg) translateY(-38px)}.blast i:nth-child(3){transform:rotate(90deg) translateY(-38px)}.blast i:nth-child(4){transform:rotate(135deg) translateY(-38px)}.blast i:nth-child(5){transform:rotate(180deg) translateY(-38px)}.blast i:nth-child(6){transform:rotate(225deg) translateY(-38px)}.blast i:nth-child(7){transform:rotate(270deg) translateY(-38px)}.blast i:nth-child(8){transform:rotate(315deg) translateY(-38px)}.game[data-state="crashed"] .blast{opacity:1;animation:blastOut .72s both}.game[data-state="crashed"] .blast:before{animation:flashOut .72s both}.cash-toast{position:absolute;left:50%;bottom:9%;transform:translate(-50%,18px) scale(.85);z-index:9;padding:9px 16px;border-radius:999px;background:rgba(5,19,22,.84);border:1px solid rgba(79,242,166,.55);color:#dfffee;font-size:13px;font-weight:900;letter-spacing:.05em;opacity:0;pointer-events:none;white-space:nowrap}.cash-toast.show{animation:toastUp 1.65s both}
.control-deck{z-index:10;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,520px);justify-content:center;gap:8px;padding:8px 10px 7px;background:linear-gradient(180deg,rgba(5,3,20,.06),rgba(5,3,20,.82) 18%,rgba(5,3,20,.96));backdrop-filter:blur(5px)}.ticket{min-width:0;padding:8px;border-radius:18px;background:linear-gradient(145deg,rgba(29,21,67,.72),rgba(8,7,27,.82));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.19);transition:.25s border-color,.25s box-shadow}.ticket.active{border-color:rgba(65,228,255,.55);box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 25px rgba(72,193,255,.12)}.ticket.won{border-color:rgba(79,242,166,.65)}.ticket.lost{border-color:rgba(255,75,135,.45)}.ticket-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:10px;font-weight:850;letter-spacing:.13em;color:#d2cbec}.auto-switch{display:flex;align-items:center;gap:4px;font-size:8px;color:#aaa2ca;cursor:pointer}.auto-switch input{position:absolute;opacity:0}.auto-switch i{position:relative;width:25px;height:14px;border-radius:10px;background:#30294b;border:1px solid rgba(255,255,255,.12);transition:.2s}.auto-switch i:after{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#8d85a8;transition:.2s}.auto-switch input:checked+i{background:#6544d8}.auto-switch input:checked+i:after{left:13px;background:#fff;box-shadow:0 0 7px var(--cyan)}.amount-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:5px}.step,.half{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:12px;min-height:40px;font-size:22px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:.15s transform,.15s background}.step:active,.half:active{transform:scale(.93);background:rgba(124,86,255,.35)}.amount{display:grid;place-content:center;text-align:center;min-width:0;border-radius:12px;background:rgba(3,2,15,.35)}.amount span{font-size:8px;color:#9f97c1;letter-spacing:.13em}.amount strong{font-size:17px;line-height:1.05;font-variant-numeric:tabular-nums}.auto-row{display:flex;align-items:center;justify-content:center;gap:4px;height:25px;margin-top:3px;color:#9189b1;font-size:8px;letter-spacing:.08em}.auto-row input{width:46px;border:0;border-bottom:1px solid rgba(255,255,255,.17);outline:0;background:transparent;color:#e5e1f5;text-align:right;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.action-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px}.half{min-height:49px;font-size:11px;letter-spacing:.04em}.half:disabled{opacity:.28}.flight-action{position:relative;min-height:49px;border:0;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#9c72ff,#6c43dc 55%,#4a28af);box-shadow:inset 0 2px rgba(255,255,255,.24),inset 0 -3px rgba(36,13,92,.45),0 7px 18px rgba(80,43,185,.33);cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.25);transition:.16s transform,.25s filter,.25s background}.flight-action:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 44%,transparent 67%);transform:translateX(-120%)}.flight-action:hover:before{animation:shine .8s}.flight-action:active{transform:translateY(2px) scale(.98)}.flight-action span{position:relative;display:block;font-size:10px;font-weight:900;letter-spacing:.08em}.flight-action strong{position:relative;display:block;font-size:14px;font-variant-numeric:tabular-nums}.ticket.active .flight-action{background:linear-gradient(180deg,#56f3ba,#22b985 60%,#11745a);box-shadow:inset 0 2px rgba(255,255,255,.24),inset 0 -3px rgba(0,72,49,.35),0 7px 20px rgba(39,226,158,.22)}.ticket.queued .flight-action{background:linear-gradient(180deg,#ffd676,#e69734 60%,#9c5719);color:#261405}.ticket.won .flight-action{background:linear-gradient(180deg,#62f6bb,#21b880);color:#031a11}.ticket.lost .flight-action{background:linear-gradient(180deg,#ff6b9d,#b62c64);color:#fff}.flight-action:disabled{cursor:default;filter:saturate(.7)}.fairline{z-index:10;display:flex;align-items:center;justify-content:center;gap:13px;padding-bottom:var(--safe-bottom);height:calc(24px + var(--safe-bottom));background:#050313;color:#6f688e;font-size:8px;letter-spacing:.14em}.fairline b{color:#aaa2c5;font-weight:700}
#infoDialog{width:min(440px,calc(100% - 28px));border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;color:#f6f3ff;background:linear-gradient(145deg,#1b1240,#09071d 72%);box-shadow:0 30px 90px rgba(0,0,0,.58)}#infoDialog::backdrop{background:rgba(2,1,10,.78);backdrop-filter:blur(7px)}#infoDialog .eyebrow{margin:0;color:var(--cyan);font-size:10px;letter-spacing:.2em}#infoDialog h2{font-size:25px;line-height:1.05;margin:10px 30px 18px 0}#infoDialog ol{padding-left:20px;color:#d2cce9;line-height:1.55}#infoDialog .fine{font-size:11px;color:#837b9e}.dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-size:24px;cursor:pointer}
@keyframes lostSignal{0%{opacity:.8;transform:translate(-50%,-50%) scale(.25);box-shadow:0 0 18px rgba(255,74,137,.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2);box-shadow:0 0 4px rgba(255,74,137,0)}}@keyframes idleFloat{0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}50%{transform:translate3d(9px,-12px,0) rotate(-3deg)}}@keyframes signalLost{0%{opacity:1;filter:brightness(1.8) drop-shadow(0 0 35px #58eaff)}45%{opacity:1;transform:translate3d(6vw,-4vh,0) rotate(10deg) scale(1.16)}100%{opacity:0;transform:translate3d(18vw,-16vh,0) rotate(35deg) scale(.2);filter:brightness(3)}}@keyframes blastOut{0%{transform:scale(.2);opacity:0}22%{opacity:1}100%{transform:scale(4.6);opacity:0}}@keyframes flashOut{0%{transform:scale(.1);opacity:0}20%{opacity:1}100%{transform:scale(6);opacity:0}}@keyframes crashPulse{0%{transform:scale(1)}38%{transform:scale(1.16)}100%{transform:scale(1)}}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,18px) scale(.85)}16%,74%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-14px) scale(.96)}}@keyframes shine{to{transform:translateX(130%)}}
@media(max-width:600px){.game{grid-template-rows:58px 34px minmax(170px,1fr) auto 20px}.topbar{padding:6px 8px 3px}.wallet{min-width:92px}.wallet strong{font-size:15px}.round-tool{width:34px;height:34px}.desktop-tool{display:none}.history{padding-inline:9px}.stage{padding-inline:8px}.round-label{top:8px}.countdown{top:40px}.multiplier{margin-top:-2vh}.astronaut{left:5%;bottom:3%;width:clamp(122px,38vw,168px)}.control-deck{gap:5px;padding:6px 5px 5px}.ticket{padding:6px;border-radius:15px}.ticket-head{margin-bottom:4px}.amount-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:3px}.step{min-height:36px;border-radius:10px}.amount strong{font-size:15px}.auto-row{height:22px}.action-row{grid-template-columns:42px minmax(0,1fr);gap:4px}.half,.flight-action{min-height:46px;border-radius:11px}.flight-action span{font-size:9px}.flight-action strong{font-size:12px}.fairline{height:calc(20px + var(--safe-bottom))}.cash-toast{bottom:5%;font-size:11px}}
@media(max-width:370px){.brand{gap:4px;padding-inline:5px}.brand strong{font-size:19px}.brand b{font-size:12px}.top-actions{gap:4px}.wallet{min-width:82px}.wallet span{font-size:8px}.wallet strong{font-size:14px}.round-tool{width:32px;height:32px}.ticket-head{font-size:9px}.auto-switch{font-size:0}.amount-row{grid-template-columns:32px minmax(0,1fr) 32px}.step{font-size:19px}.action-row{grid-template-columns:37px minmax(0,1fr)}.half{font-size:9px}.auto-row label{display:none}.multiplier{font-size:58px}}
@media(max-height:680px) and (max-width:600px){.game{grid-template-rows:54px 31px minmax(145px,1fr) auto 18px}.brand{height:42px}.control-deck{padding-top:4px}.ticket{padding-block:5px}.auto-row{height:19px}.half,.flight-action{min-height:42px}.astronaut{width:124px}.round-label{font-size:8px;padding-block:4px}.countdown{top:34px;font-size:40px}.subline{margin-top:8px;font-size:10px}}
@media(min-width:760px){.game{grid-template-rows:74px 39px minmax(250px,1fr) auto 24px}.topbar{padding-inline:28px}.history{padding-inline:30px}.stage{max-width:1200px;width:100%;justify-self:center}.control-deck{grid-template-columns:minmax(440px,560px);justify-content:center;gap:14px;padding:10px 20px 12px}.ticket{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:11px 12px}.ticket-head{grid-column:1/-1}.amount-row{grid-column:1}.auto-row{grid-column:1}.action-row{grid-column:2;grid-row:2/4;align-self:stretch}.half,.flight-action{height:100%;min-height:78px}.multiplier{margin-top:-8vh}.astronaut{left:18%;bottom:0;width:min(25vw,310px)}.round-label{top:18px}}
.brand-full-logo{display:block;width:230px;height:68px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 12px rgba(85,53,209,.34))}.brand{padding:0;overflow:visible}
@media(max-width:600px){.brand-full-logo{width:192px;height:56px}.astronaut{width:clamp(145px,44vw,190px)}}
@media(max-width:370px){.brand-full-logo{width:174px;height:52px}.brand{padding:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}