/* Ground-to-orbit scene based on the supplied flight video. */
body{background:#262737}main{max-width:1280px}header{margin-bottom:14px}.layout{position:relative;grid-template-columns:250px minmax(320px,1fr) 210px;gap:0;min-height:585px}.controls{border:0;border-radius:18px;background:linear-gradient(#33451f,#191b2c 20%,#151625);z-index:3;padding:14px;min-height:585px}.pilot{height:95px;background:none;justify-content:center;padding:0}.pilot img{height:100%;width:110px;object-fit:contain}.mode-label{margin:5px -14px 0;padding:13px;text-align:center;background:linear-gradient(90deg,#447f21 50%,#34364a 50%);font-size:13px}.mode-label span{margin-left:18px;color:#bcc0d3}input{font-size:20px;padding:13px}.controls label{margin-top:16px}.controls .primary{font-size:18px;min-height:55px;margin-top:16px}.controls .rules[hidden]{display:none}.space{border:0;border-radius:0;overflow:visible;min-height:585px;background:none;isolation:isolate}.space:before{z-index:-2;inset:0 -210px 0 -250px;background-color:#40029c;opacity:1;mask-image:linear-gradient(transparent,black 10%,black 88%,transparent)}.landscape{position:absolute;inset:0 -210px 0 -250px;z-index:-1;overflow:hidden;opacity:0;transform:translateY(65%);transition:transform 1.7s ease-in,opacity 1.4s}.landscape svg{width:100%;height:100%}.waiting .landscape{transform:translateY(0);opacity:1}.launching .landscape{transform:translateY(65%);opacity:0}.orbit{display:none}.history{height:48px;padding:10px 20px;white-space:nowrap}.flight{top:28%;width:100px;transition:top 1.4s cubic-bezier(.25,.1,.2,1),width 1.4s;z-index:2}.waiting .flight{top:34%;width:165px;animation:none}.flying .flight{animation:flightDrift 2.3s ease-in-out infinite}.launching .flight{animation:liftOff 1.8s ease-out both}.flight .flame{filter:drop-shadow(0 0 7px #76efff);animation:enginePulse .14s linear infinite alternate}.waiting .flame{opacity:.5}.readout{top:61%;z-index:2}.readout strong{font-size:52px;line-height:1.15;font-weight:950}.readout>span{font-size:16px;color:white;letter-spacing:1px}.readout p{margin:10px;font-size:12px}.waiting .readout{top:14%}.waiting .readout strong{display:none}.waiting .readout>span{font-size:27px;font-weight:bold}.waiting .readout:after{content:"";display:block;height:3px;width:45%;margin:12px auto;background:#b2fcff}.launch-pad{position:absolute;left:50%;top:72%;width:200px;height:28px;border-radius:50%;transform:translateX(-50%);background:repeating-radial-gradient(ellipse,#7697a7 0 7px,#293d58 10px 15px,#fbe580 17px 19px);box-shadow:0 6px #11263f;opacity:0;transition:opacity .4s}.waiting .launch-pad{opacity:1}.smoke{position:absolute;left:50%;top:69%;width:1px;height:1px;z-index:3;opacity:0}.waiting .smoke,.launching .smoke{opacity:1}.smoke i{position:absolute;width:65px;height:45px;border-radius:50%;background:radial-gradient(ellipse,#fff 0,#e7f3f3d9 45%,#d5e5ed00 72%);filter:blur(3px);animation:exhaustCloud 1.5s ease-out infinite;--direction:-1}.smoke i:nth-child(2){--direction:1;animation-delay:-.3s}.smoke i:nth-child(3){animation-delay:-.6s}.smoke i:nth-child(4){--direction:1;animation-delay:-.9s}.smoke i:nth-child(5){animation-delay:-1.2s}.p1{left:-360px;top:35px;width:220px;height:220px;z-index:-1;opacity:.9}.p2{right:-205px;bottom:70px;z-index:-1}.waiting .planet{opacity:0}.flying .planet{animation:planetTravel 12s linear infinite}.speed-lines{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}.speed-lines:before{content:"";position:absolute;inset:-100% 0;background:repeating-linear-gradient(103deg,transparent 0 70px,#9a5dff30 71px 74px,transparent 75px 145px);transform:rotate(8deg);animation:starTravel 1s linear infinite}.flying .speed-lines{opacity:.6}.asteroid{position:absolute;right:0;top:12%;width:90px;height:130px;background:linear-gradient(145deg,#0288e9 30%,#112e71 31% 55%,#251858 56%);clip-path:polygon(25% 0,90% 15%,100% 60%,50% 100%,0 65%,10% 25%);opacity:0;z-index:0}.a2{width:30px;height:42px;left:4%;right:auto;top:55%;animation-delay:-3s!important}.flying .asteroid{animation:rockTravel 7s linear infinite}.explosion{position:absolute;left:50%;top:38%;width:130px;height:130px;margin:-65px;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 10%,#fff798 15%,#ffbb32 29%,#ff6c09 42%,transparent 67%);filter:drop-shadow(0 0 14px #ffb233);clip-path:polygon(50% 0,60% 28%,83% 9%,75% 36%,100% 50%,75% 62%,90% 88%,61% 73%,50% 100%,39% 73%,11% 91%,26% 63%,0 50%,28% 38%,11% 10%,39% 26%)}.crashed .explosion{animation:shipExplosion .75s ease-out both}.crashed .flight{transition:opacity .1s;opacity:0}.cashed .flight{animation:collectedFlyAway 1s ease-in both}.mission{z-index:3;background:#5115ae55;backdrop-filter:blur(3px);border:1px solid #9167d638;border-radius:9px;padding:15px;margin:66px 0 58px}.mission h2{margin:12px 0}.mission>p{display:none}.mission dt{margin-top:22px}.mission dd{font-size:18px}.tools{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.tools button,.tools a{background:#181a2b;padding:9px 16px;border-radius:8px;font-size:12px;color:#bfc0d1}.records{margin-top:35px}footer{z-index:3;bottom:20px}.offline *{animation-play-state:paused!important}
dialog{width:min(480px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:24px;border:0;border-radius:17px;background:linear-gradient(#466c17,#191b29 90px);color:#e5e6ed;box-shadow:0 15px 40px #0008}dialog::backdrop{background:#151827bc}.guide-title{display:flex;align-items:center;justify-content:space-between}.guide-title h2{font-size:23px;margin:0 0 22px}.guide-title button{background:none;font-size:25px;padding:0 0 20px;color:#aab0bc}.guide-tabs{display:flex;background:#2b2d3c;padding:7px;border-radius:10px;margin-bottom:16px}.guide-tabs button{width:50%;background:none}.guide-tabs .selected{background:#75ad0c}.guide-art{height:150px;background:radial-gradient(circle at 50% 75%,#eaf4a3 0 20%,transparent 21%),linear-gradient(#3687cc,#13d7cf 70%,#153d69 71%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:75px;position:relative}.guide-art span{position:absolute;bottom:8px;font-size:12px;color:#fff}dialog p{font-size:13px;line-height:1.8}dialog h3{font-size:16px}.tools a:focus-visible,button:focus-visible{outline:2px solid #a5ffeb;outline-offset:3px}
@keyframes liftOff{0%{transform:translate(-50%,90px) scale(1.5)}65%{transform:translate(-50%,-18px) scale(.9)}100%{transform:translate(-50%,0) scale(1)}}@keyframes flightDrift{0%,100%{transform:translate(-50%,0) rotate(-1deg)}50%{transform:translate(-47%,-8px) rotate(2deg)}}@keyframes enginePulse{from{transform:scaleY(.8);opacity:.8}to{transform:scaleY(1.25);opacity:1}}@keyframes exhaustCloud{0%{transform:translate(-50%,-10px) scale(.3);opacity:0}20%{opacity:.95}100%{transform:translate(calc(-50% + var(--direction)*65px),30px) scale(1.6);opacity:0}}@keyframes starTravel{to{translate:0 50%}}@keyframes rockTravel{0%{transform:translateY(-180px) rotate(-10deg);opacity:0}15%,75%{opacity:1}100%{transform:translateY(390px) rotate(15deg);opacity:0}}@keyframes planetTravel{from{transform:translateY(-45px)}to{transform:translateY(120px)}}@keyframes shipExplosion{0%{opacity:0;transform:scale(.1)}20%{opacity:1;transform:scale(1)}65%{opacity:.9}100%{opacity:0;transform:scale(1.8)}}@keyframes collectedFlyAway{to{transform:translate(-50%,-230px) scale(.25);opacity:0}}
@media(max-width:1050px){.layout{grid-template-columns:220px 1fr}.landscape,.space:before{left:-220px;right:0}.p1{left:-200px}.p2{right:0}.controls{min-height:585px}.mission{display:none}}@media(max-width:650px){main{overflow:hidden}.layout{min-height:0;gap:12px}.space{overflow:hidden;min-height:390px;border-radius:15px}.space:before,.landscape{inset:0}.controls{min-height:0;border-radius:15px}.mode-label{display:none}.waiting .flight{width:125px;top:33%}.flight{width:80px;top:25%}.readout{top:60%}.readout strong{font-size:42px}.waiting .readout{top:14%}.waiting .readout>span{font-size:21px}.launch-pad{width:155px;top:72%}.smoke{top:69%}.p1{left:-85px;width:145px;height:145px}.p2{right:-40px}.controls label{margin:0}.controls .primary{margin:0;min-height:55px}.pilot{display:none}.tools{justify-content:center}.records{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.space *{animation:none!important;transition:none!important}.smoke,.speed-lines,.asteroid{display:none}.cashed .flight{opacity:.4}}
/* Explicit in-game effects preference; scene decoration never intercepts controls. */
.tools{position:relative;z-index:30;pointer-events:auto}.tools button{position:relative;z-index:1;pointer-events:auto}
.landscape,.planet,.orbit,.speed-lines,.asteroid,.launch-pad,.smoke,.explosion,.flight,.space:before{pointer-events:none!important}
body.full-effects .flying .flight{animation:flightDrift 2.3s ease-in-out infinite!important}
body.full-effects .launching .flight{animation:liftOff 1.8s ease-out both!important}
body.full-effects .flight .flame{animation:enginePulse .14s linear infinite alternate!important}
body.full-effects .smoke{display:block!important}body.full-effects .smoke i{animation:exhaustCloud 1.5s ease-out infinite!important}
body.full-effects .smoke i:nth-child(2){animation-delay:-.3s!important}body.full-effects .smoke i:nth-child(3){animation-delay:-.6s!important}body.full-effects .smoke i:nth-child(4){animation-delay:-.9s!important}body.full-effects .smoke i:nth-child(5){animation-delay:-1.2s!important}
body.full-effects .speed-lines{display:block!important}body.full-effects .speed-lines:before{animation:starTravel 1s linear infinite!important}
body.full-effects .flying .asteroid{display:block!important;animation:rockTravel 7s linear infinite!important}body.full-effects .flying .a2{animation-delay:-3s!important}
body.full-effects .flying .planet{animation:planetTravel 12s linear infinite!important}
body.full-effects .crashed .explosion{animation:shipExplosion .75s ease-out both!important}
body.full-effects .cashed .flight{animation:collectedFlyAway 1s ease-in both!important}
body.full-effects .landscape{transition:transform 1.7s ease-in,opacity 1.4s!important}
body.full-effects .offline *{animation-play-state:paused!important}
body:not(.full-effects) .space *{animation:none!important;transition:none!important}
/* Compact reference sidebar */
.controls{padding:0 13px;position:relative}.pilot{height:100px;margin:0 -13px}.pilot img{width:110px;height:96px}.flight-tabs{display:flex;margin:0 -13px 12px;height:42px;background:#353749}.flight-tabs button{width:50%;border-radius:0;background:none;font-size:14px;font-weight:bold;padding:0;color:#b7bed1}.flight-tabs button.selected{background:#438327;color:#fff}.flight-tabs span{font-size:17px;margin-left:3px}.stake-field{height:58px;position:relative;border:1px solid #505a6d;border-radius:11px;background:#20232d;padding:7px 12px 5px 48px}.controls .stake-field label{display:block;margin:0;font-size:11px;color:#969da9}.controls .stake-field input{margin:0;padding:0;border:0;background:none;border-radius:0;width:100%;height:25px;font-size:16px;box-shadow:none;outline-offset:2px}.coin-mark{position:absolute;left:12px;top:17px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #ffe3a0;border-radius:50%;background:linear-gradient(#ffd168,#cc8818);color:#fff6d1;font-size:16px;font-weight:bold}.controls .quick{gap:6px;margin:8px 0 10px;height:28px}.controls .quick button{padding:0;font-size:12px;background:#343645;border-radius:6px}.target-control{display:flex;gap:8px;height:58px}.target-field{flex:1;min-width:0;border:1px solid #505a6d;border-radius:10px;background:#20232d;padding:7px 12px}.controls .target-field label{margin:0;font-size:11px;color:#969da9}.target-field>div{display:flex;align-items:center;gap:5px}.controls .target-field input{margin:0;padding:0;width:75px;max-width:80%;border:0;border-radius:0;background:none;font-size:16px;height:24px}.target-field span{font-size:12px;color:#a3a8b3}.target-arrows{width:54px;border:1px solid #505a6d;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.target-arrows button{height:50%;padding:0;border-radius:0;font-size:21px;line-height:1;background:#343745;color:#bcc4d4}.target-arrows button+button{border-top:1px solid #505a6d}.controls input::-webkit-inner-spin-button,.controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.controls input{appearance:textfield}.controls .primary{margin-top:10px;min-height:55px;font-size:17px}.controls #mode-hint{display:block;font-size:10px;line-height:1.5;color:#9da4b4;margin:8px 1px 0}.controls #message{font-size:11px;margin:10px 2px}.controls .rules{display:none}
@media(max-width:650px){.controls{display:block;padding:0 13px 13px}.controls .pilot{display:none}.flight-tabs{margin-bottom:12px;border-radius:12px 12px 0 0;overflow:hidden}.controls .stake-field{width:100%}.controls .target-field label{display:block}.controls .primary{width:100%;margin-top:10px}.controls .quick{display:flex}.controls #mode-hint{grid-column:auto}}
/* Wallet icon and the next-round bet caption. */
header .wallet{display:flex;align-items:center;gap:6px;white-space:nowrap}
.wallet-coin{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;margin-right:2px;border:2px solid #ffe997;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff6b8 0%,#ffd55b 36%,#eaa921 70%,#b9790a 100%);color:#956009;font:700 19px/1 Georgia,serif;text-shadow:0 1px #fff3a7;box-shadow:inset 0 0 0 2px #e2a52c,0 2px 3px #0005}
#bet.next-round{line-height:1.25;padding-top:8px;padding-bottom:8px}
#bet.next-round::after{content:'(下一輪)';display:block;margin-top:3px;font-size:12px;font-weight:400;line-height:1.2}
.flight-tabs{position:relative}
#automatic-tab{padding-right:30px}
.flight-tabs #automatic-info{position:absolute;right:17px;top:8px;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:#bcc3d8;font-size:20px;line-height:26px;cursor:pointer}
.flight-tabs #automatic-info:hover{color:white;background:#ffffff18}
.flight-tabs #automatic-info:focus-visible{outline:2px solid #b9f34c;outline-offset:2px}
#automatic-guide{padding:0;width:min(480px,calc(100% - 24px));background:linear-gradient(#466c17,#191b29 82px);border-radius:17px}
#automatic-guide .guide-title{padding:24px 24px 10px}
#automatic-guide h2{font-size:23px;margin:0;color:#fff}
.automatic-guide-content{padding:0 24px 8px;font-size:14px;line-height:1.65;color:#c4c8d7}
.automatic-guide-content h3{font-size:17px;color:#fff;margin:12px 0 18px}
.automatic-guide-content ul{padding-left:20px}
.automatic-guide-content li{margin:14px 0}
.automatic-guide-footer{padding:16px 24px 28px;border-top:1px solid #ffffff20}
.automatic-guide-footer .primary{width:100%;min-height:44px;margin:0;font-size:15px;color:#fff}
.bet-count-field{position:relative;margin-top:10px;padding:8px 70px 8px 12px;border:1px solid #50596f;border-radius:10px;background:#202330;height:58px;box-sizing:border-box}
.bet-count-field[hidden],#stop-automatic[hidden]{display:none}
.bet-count-field label{display:block;color:#949aad;font-size:12px;margin:0 0 3px}
.bet-count-field input{width:100%;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:16px;font-weight:bold;height:22px}
#count-infinite{position:absolute;right:12px;top:11px;width:56px;height:34px;padding:0;background:#343647;border:0;border-radius:7px;color:#b9bfd3;font-size:24px}
#count-infinite[aria-pressed=true]{background:#477e1b;color:#fff}
#stop-automatic{width:100%;margin-top:10px;padding:10px;border:1px solid #ff8d88;border-radius:8px;background:#582b36;color:#fff}
.hide-automatic-guide{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#fff;font-size:13px;cursor:pointer}
.hide-automatic-guide input{appearance:auto;width:22px;height:22px;margin:0;accent-color:#83c918;cursor:pointer}
.guide-reference-image{display:block;width:100%;height:auto;border-radius:10px;margin:16px 0;object-fit:contain}
.pilot img{width:auto;max-width:100%;height:100px;object-fit:contain;align-self:flex-end}
#history{display:flex;align-items:center;gap:8px;overflow:hidden}
.history-label{flex:0 0 auto;padding:5px 16px;border-radius:4px;background:#37218d;color:#fff;font-size:12px;white-space:nowrap}
.history-multipliers{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}
.history-multipliers::-webkit-scrollbar{display:none}
#history .history-multipliers span{flex:0 0 auto;padding:5px 8px;border-radius:4px;color:#fff;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
#history .history-low{background:#56319a}
#history .history-medium{background:#72b900}
#history .history-high{background:#ed278c}
.history-multipliers small{white-space:nowrap;color:#c8bfdf}