@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
.cruise-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0}.cruise-canvas-container{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;aspect-ratio:19/9;background:#0a3060;width:100%;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.cruise-canvas{filter:saturate(1.18)brightness(1.04)contrast(1.05)}.cruise-canvas-container:before{content:"";pointer-events:none;z-index:4;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#0000001f 3px 4px);position:absolute;inset:0}.cruise-canvas-container:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 65%,#00000059 100%),linear-gradient(90deg,#ff00801a 0%,#ff008000 10%,#0000 100%),linear-gradient(-90deg,#00dcff1a 0%,#00dcff00 10%,#0000 100%);border-radius:1.2vw;position:absolute;inset:0;box-shadow:inset 0 0 100px #0014284d,inset 0 0 25px #ff64c80f,inset 0 0 25px #00c8ff0f}.cruise-canvas{image-rendering:auto;width:100%;height:100%;display:block}@media (max-width:600px) and (orientation:portrait){.cruise-canvas-container{aspect-ratio:9/16;max-height:calc(100svh - 120px)}}.cruise-rotate-hint{z-index:99999;text-align:center;color:#fff;background:radial-gradient(circle at 50% 30%,#f7931a1a 0%,#f7931a00 60%),linear-gradient(#0a1530 0%,#0a3060 60%,#1a2570 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;padding:2rem;font-family:system-ui,-apple-system,sans-serif;display:none;position:fixed;inset:0}.cruise-rotate-hint-icon{background:#f7931a2e;border:2px solid #f7931a8c;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;animation:2s ease-in-out infinite cruise-rotate-spin;display:flex;box-shadow:0 0 40px #f7931a4d}.cruise-rotate-hint-icon svg{stroke:#f7931a;fill:none;stroke-width:2px;width:60px;height:60px}.cruise-rotate-hint h3{letter-spacing:.01em;background:linear-gradient(90deg,#f7931a,#f48);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:800}.cruise-rotate-hint p{color:#cbd5e1;max-width:32ch;margin:0;font-size:1rem;line-height:1.55}.cruise-rotate-hint-brand{color:#cbd5e18c;letter-spacing:.08em;text-transform:uppercase;margin-top:1.5rem;font-size:.85rem}@keyframes cruise-rotate-spin{0%,to{transform:rotate(-90deg)}50%{transform:rotate(0)}}@media (max-width:900px) and (orientation:portrait){.cruise-rotate-hint{display:flex}}.cruise-canvas-container.is-mobile-fullscreen{z-index:9998;aspect-ratio:auto;border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;position:fixed;inset:0}.cruise-mobile-fullscreen-exit{color:#fff;cursor:pointer;z-index:9999;background:#000000a6;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.4rem;right:.4rem}.cruise-mobile-fullscreen-exit:active{background:#000000d9}.cruise-fullscreen-btn{z-index:5;position:absolute;top:.6rem;right:.6rem}.cruise-canvas-container:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.cruise-canvas-container:fullscreen .cruise-canvas{width:100%;height:100%}.cruise-canvas-container:-webkit-full-screen{aspect-ratio:auto;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.cruise-overlay{text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fff;background:#0a1e3c33;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.cruise-overlay h2{background:linear-gradient(90deg,#f7931a,#f48);-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.cruise-overlay p{color:#cbd5e1;max-width:36ch;margin:0;font-size:.95rem}.cruise-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .15s,filter .15s}.cruise-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.cruise-btn-primary{color:#fff;background:linear-gradient(90deg,#f7931a,#f50)}.cruise-btn-garage{color:#f7931a;background:#0f172ab3;border:1px solid #f7931a80;margin-top:.4rem}.cruise-btn-garage:hover{background:#f7931a26}.cruise-sats-bar{color:#fff;background:linear-gradient(90deg,#f7931a33,#f7931a14);border:1px solid #f7931a80;border-radius:999px;align-items:center;gap:.5rem;margin:.2rem 0 .4rem;padding:.4rem 1.2rem;font-size:.95rem;display:inline-flex}.cruise-sats-bar-label{color:#cbd5e1;font-size:.85rem}.cruise-sats-bar strong{color:#f7931a;font-weight:800}.cruise-garage{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f7931a99 #ffffff14;flex-wrap:nowrap;gap:.5rem;width:100%;max-width:100%;margin:.25rem 0 .6rem;padding:.5rem 1rem .6rem;display:flex;overflow:auto visible}.cruise-garage::-webkit-scrollbar{width:6px;height:6px}.cruise-garage::-webkit-scrollbar-track{background:#ffffff0f;border-radius:3px}.cruise-garage::-webkit-scrollbar-thumb{background:#f7931a99;border-radius:3px}@media (min-width:1000px){.cruise-garage{justify-content:center;overflow-x:visible}}@media (max-width:1000px) and (orientation:landscape){.cruise-overlay.cruise-start{flex-direction:row;align-items:stretch;gap:1rem;padding:.6rem}.cruise-garage{scroll-snap-type:y mandatory;flex-flow:column;gap:.4rem;width:160px;max-width:160px;height:100%;margin:0;padding:.4rem;overflow:hidden auto}.cruise-garage .cruise-vehicle-card{scroll-snap-align:start;flex:none;width:100%}.cruise-start-info{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.3rem;display:flex;overflow-y:auto}.cruise-overlay.cruise-start h2{margin:0;font-size:1.4rem}}.cruise-start-info{display:contents}@media (max-width:1000px) and (orientation:landscape){.cruise-start-info{display:flex}}.cruise-selected-info{text-align:center;margin:.2rem 0}.cruise-selected-name{color:#fff;letter-spacing:.02em;font-size:1.1rem;font-weight:800}.cruise-selected-price{color:#f7931a;margin-top:.1rem;font-size:.85rem;font-weight:700}.cruise-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:300px;margin:.2rem 0;display:grid}.cruise-stat-box{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:.05rem;padding:.45rem .6rem;display:flex}.cruise-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:600}.cruise-stat-value{color:#f7931a;font-size:1.1rem;font-weight:800;line-height:1.1}.cruise-stat-unit{color:#cbd5e1;font-size:.65rem;font-weight:600}.cruise-vehicle-card{cursor:pointer;box-sizing:border-box;scroll-snap-align:start;scroll-snap-align:center;background:#0f172ab3;border:2px solid #ffffff26;border-radius:10px;flex-direction:column;flex:0 0 130px;align-items:center;gap:.2rem;min-width:130px;padding:.4rem .5rem .45rem;font-family:inherit;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative}.cruise-vehicle-card:not(:disabled):hover{border-color:#f7931a99;transform:translateY(-2px)}.cruise-vehicle-selected{background:#f7931a26;border-color:#f7931a;box-shadow:0 0 0 2px #f7931a59}.cruise-vehicle-buyable{border-color:#22c55e8c}.cruise-vehicle-locked{cursor:not-allowed;opacity:.55;filter:grayscale(.6)}.cruise-vehicle-card:disabled{pointer-events:none}.cruise-vehicle-price{color:#f7931a;letter-spacing:.02em;font-size:.7rem;font-weight:700}.cruise-vehicle-locked .cruise-vehicle-price{color:#94a3b8}.cruise-vehicle-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;z-index:2;background:#f7931a;border-radius:4px;padding:.12rem .35rem;font-size:.55rem;font-weight:800;position:absolute;top:4px;right:4px}@media (max-width:600px){.cruise-garage{grid-auto-columns:115px;gap:.4rem}.cruise-vehicle-card{gap:.15rem;padding:.3rem .35rem .4rem}.cruise-vehicle-card img{max-width:80px;height:50px}.cruise-vehicle-name{font-size:.7rem}.cruise-vehicle-price{font-size:.6rem}.cruise-vehicle-badge{padding:.1rem .3rem;font-size:.55rem;top:-6px}}.cruise-vehicle-card img{object-fit:contain;width:100%;max-width:110px;height:70px;image-rendering:pixelated}.cruise-vehicle-name{color:#fff;letter-spacing:.01em;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:.78rem;font-weight:700;line-height:1.2}.cruise-overlay.cruise-start{gap:.6rem;padding:.8rem}.cruise-overlay.cruise-start h2{font-size:clamp(1.2rem,3vw,2rem)}.cruise-overlay.cruise-start p{margin-bottom:.2rem;font-size:.85rem}.cruise-overlay.cruise-start .cruise-btn{padding:.55rem 1.4rem;font-size:.95rem}.cruise-overlay.cruise-start .cruise-controls-hint{font-size:.72rem;line-height:1.5}.cruise-overlay.cruise-start .cruise-best{margin-top:.2rem;font-size:.85rem}.cruise-overlay.cruise-start .cruise-cta-card{margin-top:.4rem;padding:.55rem .9rem}@media (max-width:600px){.cruise-vehicle-pick{gap:.5rem;max-width:340px}.cruise-vehicle-card{padding:.3rem .4rem}.cruise-vehicle-card img{max-width:80px;height:50px}.cruise-vehicle-name{font-size:.68rem}.cruise-overlay.cruise-start .cruise-controls-hint{font-size:.65rem}.cruise-overlay.cruise-start .cruise-cta-card{max-width:95%}}.cruise-controls-hint{color:#94a3b8;font-size:.78rem;line-height:1.6}.cruise-controls-hint strong{color:#cbd5e1}.cruise-best{color:#fbbf24;margin-top:.5rem;font-size:.9rem}.cruise-pause-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;max-width:360px;padding:1.5rem 2rem;display:flex}.cruise-pause-card h3{color:#fff;margin:0;font-size:1.5rem}.cruise-pause-card p{color:#94a3b8;margin:0;font-size:.85rem}.cruise-bitvavo-cta{color:#f7931a;background:#f7931a26;border:1px solid #f7931a80;border-radius:6px;margin-top:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.cruise-bitvavo-cta:hover{background:#f7931a40}.cruise-topright{z-index:5;gap:.3rem;display:flex;position:absolute;bottom:.6rem;right:.6rem}.cruise-iconbtn{color:#fff;box-sizing:border-box;cursor:pointer;background:#0000008c;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;font-size:.72rem;line-height:1;display:flex}.cruise-iconbtn:hover{background:#000000b3}.cruise-track-toast{color:#fff;letter-spacing:.02em;z-index:6;pointer-events:none;background:#000000b3;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;animation:.3s ease-out cruise-toast-in;display:inline-flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.cruise-track-toast-icon{color:#f7931a;font-size:1.1rem}@keyframes cruise-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.cruise-cta-card{color:#fff;background:linear-gradient(135deg,#f7931a2e 0%,#f7931a14 100%);border:1px solid #f7931a8c;border-radius:12px;align-items:center;gap:.9rem;max-width:380px;margin-top:1.5rem;padding:.85rem 1.25rem;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.cruise-cta-card:hover{background:linear-gradient(135deg,#f7931a4d 0%,#f7931a1f 100%);border-color:#f7931ad9;transform:translateY(-2px)}.cruise-cta-card-badge{color:#1a1a1a;letter-spacing:.08em;text-transform:uppercase;background:#f7931a;border-radius:4px;flex-shrink:0;padding:.25rem .5rem;font-size:.65rem;font-weight:800}.cruise-cta-card-body{text-align:left;flex-direction:column;flex:1;display:flex}.cruise-cta-card-title{color:#cbd5e1;font-size:.85rem;font-weight:500;line-height:1.3}.cruise-cta-card-amount{color:#f7931a;margin-top:.15rem;font-size:1.05rem;font-weight:800}.cruise-cta-card-arrow{color:#f7931a;flex-shrink:0;font-size:1.5rem;font-weight:700;transition:transform .15s}.cruise-cta-card:hover .cruise-cta-card-arrow{transform:translate(4px)}