.demo-navigation{z-index:100;background:#0c1120;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font:600 14px/1 system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-navigation a{color:#f4e5b8;letter-spacing:.04em;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.demo-navigation a:hover{color:#fff}.demo-navigation a:focus-visible{outline-offset:-4px;outline:2px solid #f4e5b8}.has-demo-navigation .cabinet{top:calc(50% + 22px)}.has-demo-navigation.fluid-demo #app{height:calc(100dvh - 44px);margin-top:44px}.has-demo-navigation.fluid-demo .cabinet{width:min(100vw,177.778dvh - 78.2222px);height:min(100dvh - 44px,56.25vw);top:auto}@media (width<=620px) and (orientation:portrait){.has-demo-navigation.fluid-demo .cabinet{width:100vw;height:calc(100dvh - 44px)}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f7f1dd;background:#071721;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:#ffffff0d;border:1px solid #ffffff35;border-radius:10px;min-width:44px;min-height:44px;transition:background .16s,transform .16s,box-shadow .16s}button:hover:not(:disabled){background:#fff2;box-shadow:0 0 16px #ffffff16}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a7f5e5}[hidden]{display:none!important}.arcade-body #app{height:calc(100dvh - var(--nav-height,0px));margin-top:var(--nav-height,0px)}.arcade{--accent:#f6dc9b;--ink:#14282e;background:#0e2631;grid-template-rows:68px minmax(120px,1fr) 66px 92px;max-width:1800px;height:100%;margin:auto;display:grid;position:relative;overflow:hidden}.journey-header{z-index:3;background:linear-gradient(110deg,#122e39,#101d2b);border-bottom:1px solid #dac39470;justify-content:space-between;align-items:center;gap:20px;padding:8px 26px;display:flex}.wordmark{letter-spacing:-.02em;text-transform:uppercase;color:#ffe5aa;text-shadow:1px 2px #362c32;font-family:Georgia,serif;font-size:25px;font-weight:900;line-height:.96;display:grid}.wordmark b{color:#fff0cf;letter-spacing:.07em;font-size:20px}.route-display{align-items:center;gap:12px;display:flex}.route-display small,footer small{letter-spacing:.12em;color:#c1d2d3;font-size:10px;font-weight:700}.route-display strong{font-size:15px}.header-actions{gap:8px;display:flex}.header-actions button{width:44px;font-size:23px}.arena{isolation:isolate;min-height:0;position:relative;overflow:hidden}.arena canvas{width:100%;height:100%;display:block}.overhead{text-align:center;pointer-events:none;color:#fff;filter:drop-shadow(0 2px 3px #051c35);white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.overhead strong{letter-spacing:-.025em;-webkit-text-stroke:1px #29404b;paint-order:stroke fill;font-size:clamp(25px,3.2vw,45px);font-weight:900;display:block}.overhead small{letter-spacing:.06em;color:#fff1ac;text-shadow:0 1px 3px #081522;font-size:10px;font-weight:900;display:block}.scene-caption{color:#fff3d6;text-shadow:0 2px 3px #071e37;max-width:44%;font-size:13px;font-weight:700;position:absolute;top:16px;left:25px}.scene-caption>span{display:block}#journey-track{letter-spacing:.1em;margin-top:7px;font-size:11px}#flight-feedback{text-align:center;color:#fff8dd;text-shadow:0 2px 5px #142236;pointer-events:none;min-height:28px;font-size:clamp(17px,2vw,26px);font-weight:900;position:absolute;bottom:16px;left:0;right:0}.journey-message{z-index:2;background:linear-gradient(90deg,#0e2530,#19383f,#0e2530);border-top:1px solid #d6c69565;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 20px;display:flex}.journey-message strong{color:var(--accent);text-align:center;font-size:clamp(16px,2vw,24px);line-height:1.12}.journey-message>span{color:#d1dbdb;text-align:center;font-size:12px}.flight-controls{z-index:3;background:linear-gradient(#122c36,#081a24);border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:clamp(12px,2vw,36px);padding:10px 22px;display:flex}.flight-controls small{margin-bottom:6px;display:block}.flight-controls b{font-size:21px}.last-payout b{color:var(--accent)}.balance,.last-payout{min-width:92px}.stake{text-align:center}.stake>div{align-items:center;gap:12px;display:flex}.stake button{border-radius:50%;font-size:24px}.stake b{min-width:60px;font-size:20px}.launch{color:#203239;background:linear-gradient(135deg,#fbe8b2,#cba56e);border:1px solid #ffe8ba;justify-content:center;align-items:center;gap:10px;min-width:150px;min-height:62px;display:flex;box-shadow:0 4px #715934}.launch span{font-size:34px}.launch b{letter-spacing:.04em;font-size:15px}.route-button{background:#6d9f9628;border-color:#c8d5bc6e;align-items:center;gap:13px;padding:8px 13px;display:flex}.route-button span{letter-spacing:.06em;font-size:11px;font-weight:800}.route-button b{font-size:25px}#speed{max-width:90px;padding:5px 12px;font-size:10px;font-weight:800}#speed[aria-pressed=true]{color:#102f36;background:#bce6d8}.journey-intro{z-index:10;background:#132a34;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.intro-landscape{filter:brightness(.54);background-position:50%;background-size:cover;position:absolute;inset:0}.intro-landscape:after{content:"";background:linear-gradient(90deg,#0a2234ee 5%,#0a223495 45%,#0000);position:absolute;inset:0}.intro-copy{z-index:2;width:46%;max-width:490px;margin-left:8%;padding:25px 0;position:relative}.intro-copy>small{letter-spacing:.3em;color:#d5eee5;font-size:10px;font-weight:700}.intro-copy h1{letter-spacing:-.04em;color:#ffedb9;text-shadow:2px 4px #283743;text-transform:uppercase;margin:24px 0 22px;font:900 clamp(35px,5.6vw,85px)/.87 Georgia,serif}.intro-copy h1 em{color:#f6db9b;font-style:normal;display:block}.intro-copy h2{color:#d1f7ed;margin:12px 0;font-size:clamp(17px,2vw,25px)}.intro-copy p{color:#ecede7;max-width:430px;font-size:15px;line-height:1.6}.intro-hero{object-fit:contain;filter:drop-shadow(0 15px 18px #03132460);width:43%;height:64%;animation:5s ease-in-out infinite heroHover;position:absolute;top:18%;left:52%}.intro-orbit{aspect-ratio:1;border:1px solid #ffe6a344;border-radius:50%;width:40%;position:absolute;top:20%;left:52%;transform:rotateX(35deg);box-shadow:0 0 80px #bfe8de22,inset 0 0 40px #c0f1e51c}.intro-facts{gap:18px;margin:22px 0;display:flex}.intro-facts span{align-items:center;gap:8px;max-width:150px;font-size:12px;line-height:1.3;display:flex}.intro-facts b{color:#fff0b4;font-family:Georgia,serif;font-size:20px}.primary{color:#243233;letter-spacing:.035em;background:linear-gradient(135deg,#fff0c1,#d6ad6d);border-color:#ffe3a0;min-width:180px;padding:14px 24px;font-size:14px;font-weight:900;box-shadow:0 4px #746044}.intro-disclosure{display:block;letter-spacing:.04em!important;margin-top:16px!important;font-size:10px!important}.dune{--accent:#ffe2a4}.dune .journey-header,.dune .flight-controls{background:linear-gradient(120deg,#452d28,#211d21)}.dune .journey-message{background:linear-gradient(90deg,#39291f,#6a4730,#39291f)}.dune .wordmark{letter-spacing:.04em;color:#ffcb76;font-family:Impact,Arial,sans-serif;transform:skew(-7deg)}.dune .wordmark b{color:#ffe5b7}.dune .intro-copy{background:#2b221ddb;border:1px solid #ecc29169;width:43%;margin-left:6%;padding:30px;transform:rotate(-2deg);box-shadow:8px 9px #301f2c44}.dune .intro-copy h1{letter-spacing:.015em;font-family:Impact,Arial,sans-serif;font-weight:900;line-height:.95}.dune .intro-hero{width:38%;animation:3s ease-in-out infinite duneBounce;left:54%}.dune .intro-orbit{border-style:dashed;border-radius:12px;transform:rotate(18deg)}.canopy{--accent:#d5f2af}.canopy .journey-header{background:linear-gradient(110deg,#143f30,#132a2a)}.canopy .flight-controls{background:#112b27}.canopy .journey-message{background:linear-gradient(90deg,#163528,#285541,#163528)}.canopy .wordmark{color:#e5e7ad}.canopy .wordmark b{color:#c8e8b6}.canopy .intro-copy{width:47%;margin-left:9%}.canopy .intro-copy h1{color:#e5edbb}.canopy .intro-hero{width:32%;height:78%;animation:4s ease-in-out infinite canopySway;top:11%;left:56%}.canopy .intro-orbit{border-width:2px;border-radius:48% 48% 18px 18px;width:31%;height:76%;top:12%;left:56%;transform:rotate(5deg);box-shadow:0 0 80px #a1ec8344}.aurora{--accent:#eee0fa}.aurora .journey-header,.aurora .flight-controls{background:linear-gradient(110deg,#251e38,#152e3e)}.aurora .journey-message{background:linear-gradient(90deg,#271f3b,#343251,#271f3b)}.aurora .wordmark{letter-spacing:.15em;font-weight:400}.aurora .wordmark b{letter-spacing:.4em}.aurora .intro-copy{width:42%;margin-left:10%}.aurora .intro-copy h1{color:#fff0ca;letter-spacing:.04em;font-weight:400}.aurora .intro-copy h1 em{letter-spacing:.19em;font-size:.95em}.aurora .intro-hero{width:27%;height:90%;animation:6s ease-in-out infinite balloonRise;top:2%;left:61%}.aurora .intro-orbit{border-color:#d6c18d44;border-radius:48% 48% 12% 12%;width:35%;height:70%;top:15%;left:57%;transform:none}.tidal .journey-header{background:linear-gradient(100deg,#143946,#0b1c35)}.tidal .journey-message{background:linear-gradient(90deg,#0c2b3e,#194452,#0c2b3e)}.tidal .wordmark{color:#f4e7cd;font-weight:900}.tidal .wordmark b{color:#a9dfdf;letter-spacing:.16em}.tidal .intro-copy{width:45%;margin-left:7%}.tidal .intro-hero{width:44%;height:68%;top:17%;left:53%}.tidal .intro-orbit{border:2px solid #8feddb66;animation:4s ease-in-out infinite sonarPulse;box-shadow:0 0 0 40px #a1eedd11,0 0 0 80px #a1eedd08}.tidal .intro-copy h1{letter-spacing:-.03em;font-weight:900}.tidal .intro-facts{border-top:1px solid #a7e7de50;padding-top:16px}dialog{color:#f5f1df;background:linear-gradient(145deg,#223d45,#101e2e);border:1px solid #b9ceb66b;border-radius:22px;width:min(850px,100vw - 28px);max-height:calc(100dvh - 36px);padding:30px;overflow:auto;box-shadow:0 30px 80px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04111bd9}dialog .close{float:right;z-index:4;background:#233e49;border-radius:50%;font-size:25px;position:sticky;top:0}dialog>small{letter-spacing:.1em;color:#aee0d7;font-size:11px}dialog h2{margin:14px 0 22px;padding-right:40px;font:700 clamp(24px,3vw,35px)/1.15 Georgia,serif}dialog p{color:#dbe4df;font-size:14px;line-height:1.6}dialog .fine{color:#afc9ca;font-size:12px}.route-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;display:grid}.route-cards button{text-align:left;background:linear-gradient(145deg,#b4c5a01c,#ffffff04);border-color:#ccbf8877;min-height:205px;padding:18px 14px;position:relative;overflow:hidden}.route-cards button:before{content:"";background:linear-gradient(90deg,#0000,#a2e7d91a,#0000);animation:6s ease-in-out infinite cardLight;position:absolute;inset:-50% 50% -50% -30%;transform:rotate(25deg)}.route-cards button[aria-pressed=true]{background:#96d3bf20;border:2px solid #bfecd8}.route-cards b{font-size:19px;display:block;position:relative}.route-cards p{min-height:38px;font-size:12px}.route-cards strong{color:#f9e3ad;font-size:26px;display:block}.route-cards small{letter-spacing:.14em;font-size:9px}.route-badge{color:#bbf3df;margin-bottom:17px;font:800 27px Georgia,serif;display:inline-block}.modal-stake{justify-content:center;align-items:center;gap:20px;margin-top:24px;display:flex}.modal-stake>span{letter-spacing:.1em;text-align:center;font-size:10px}.modal-stake b{letter-spacing:0;margin-top:5px;font-size:22px;display:block}.modal-stake button{border-radius:50%;font-size:25px}.rules-facts{color:#ffe6b1;border:1px solid #b9dbba44;gap:20px;padding:18px;display:flex}.menu-options{gap:13px;display:grid}.menu-options button{text-align:left;min-height:62px;padding:12px 20px;font-weight:700}table{border-collapse:collapse;text-align:right;width:100%;font-size:13px}td,th{border-bottom:1px solid #a4c3bd33;padding:12px 8px}td:first-child,th:first-child{text-align:left}td small{color:#b4c1c7;margin-top:5px;font-size:10px;display:block}summary{cursor:pointer;min-height:44px;padding:14px 0}body[data-theme=dune] dialog{background:linear-gradient(145deg,#543e2a,#211d25)}body[data-theme=canopy] dialog{background:linear-gradient(145deg,#244c38,#122c2e)}body[data-theme=aurora] dialog{background:linear-gradient(145deg,#3b2c4b,#17283e)}@keyframes heroHover{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(1deg)}}@keyframes duneBounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-18px)rotate(5deg)}}@keyframes canopySway{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(1deg)translateY(-9px)}}@keyframes balloonRise{0%,to{transform:translateY(10px)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes sonarPulse{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}@keyframes cardLight{0%,to{transform:translate(-30%)rotate(25deg)}50%{transform:translate(130%)rotate(25deg)}}@media (height<=650px) and (width>=700px){.arcade{grid-template-rows:53px minmax(100px,1fr) 53px 77px}.journey-header{padding:5px 20px}.wordmark{font-size:21px}.wordmark b{font-size:17px}.flight-controls{gap:20px;padding:6px 16px}.launch{min-height:53px}.intro-copy{max-width:460px;padding:15px 0}.intro-copy h1{margin:16px 0;font-size:51px}.intro-copy h2{font-size:19px}.intro-copy p{font-size:13px;line-height:1.5}.intro-facts{margin:14px 0}.intro-facts span{font-size:11px}.intro-disclosure{margin-top:10px!important}.dune .intro-copy{padding:20px}.scene-caption{top:12px}}@media (width<=1000px){.flight-controls{gap:13px;padding-inline:15px}.flight-controls b{font-size:18px}.balance,.last-payout{min-width:80px}.route-button{padding:7px}.route-button span{font-size:10px}.launch{min-width:125px}.stake>div{gap:6px}.stake b{min-width:49px}.intro-copy p{font-size:14px}}@media (width<=699px) and (orientation:portrait){.arcade{grid-template-rows:67px minmax(150px,1fr) 68px 150px}.journey-header{gap:8px;padding:10px 13px}.wordmark{font-size:19px}.wordmark b{font-size:16px}.route-display{z-index:5;text-align:right;text-shadow:0 2px 3px #061d2f;max-width:40%;display:block;position:absolute;top:81px;right:15px}.route-display small{font-size:8px;display:block}.route-display strong{font-size:12px}.scene-caption{max-width:44%;font-size:12px;top:16px;left:15px}.header-actions{gap:6px}.flight-controls{grid-template-rows:57px 63px;grid-template-columns:1fr 1fr 1fr;gap:4px 10px;padding:8px 13px 14px;display:grid}.balance,.last-payout{min-width:0}.flight-controls small{margin-bottom:5px;font-size:9px}.flight-controls b{font-size:19px}.balance{grid-area:1/1}.last-payout{grid-area:1/2}.route-button{grid-area:1/3;justify-content:center;gap:5px;min-height:44px}.route-button span{font-size:9px}.route-button b{font-size:19px}.stake{text-align:left;grid-area:2/1/auto/3;align-items:center;gap:8px;display:flex}.stake>small{max-width:35px;margin:0;font-size:9px}.stake b{min-width:43px;font-size:18px}.stake>div{gap:5px}.stake button{min-width:42px;min-height:44px}.launch{flex-direction:column;grid-area:2/3;gap:4px;min-width:0;min-height:56px;padding:5px}.launch span{font-size:21px;line-height:.8}.launch b{white-space:nowrap;font-size:10px}#speed{z-index:5;background:#142c37d9;max-width:84px;font-size:9px;position:absolute;top:135px;right:15px}.journey-message{padding:8px 12px}.journey-message strong{font-size:17px}.journey-message>span{font-size:11px}.overhead strong{font-size:27px}.overhead small{letter-spacing:0;font-size:8px}.intro-copy,.canopy .intro-copy,.aurora .intro-copy,.tidal .intro-copy,.dune .intro-copy{width:calc(100% - 40px);box-shadow:none;background:0 0;border:0;align-self:flex-end;margin:0 20px;padding:0;position:relative;transform:none}.journey-intro{align-items:flex-end;padding-bottom:27px}.intro-landscape:after{background:linear-gradient(#10233411,#102334bd 47%,#102334 96%)}.intro-copy>small{font-size:9px}.intro-copy h1{margin:13px 0;font-size:48px;line-height:.92}.intro-copy h2{font-size:18px}.intro-copy p{margin:12px 0;font-size:13px;line-height:1.5}.intro-facts{gap:12px;margin:14px 0}.intro-facts span{font-size:11px}.intro-facts b{font-size:18px}.intro-disclosure{margin-top:13px!important}.intro-hero,.dune .intro-hero,.tidal .intro-hero{width:71%;height:37%;top:2%;left:17%}.canopy .intro-hero{width:55%;height:37%;top:0;left:38%}.aurora .intro-hero{width:50%;height:41%;top:0;left:42%}.intro-orbit,.tidal .intro-orbit,.dune .intro-orbit,.canopy .intro-orbit,.aurora .intro-orbit{width:60%;height:31%;top:5%;left:20%}.intro-copy .primary{width:100%}.intro-facts span{max-width:48%}.aurora .intro-copy h1{font-size:43px}.dune .intro-copy h1{font-size:48px}dialog{border-radius:17px;width:calc(100vw - 22px);max-height:calc(100dvh - 22px);padding:23px 18px}dialog h2{font-size:25px}.route-cards{grid-template-columns:1fr;gap:10px}.route-cards button{min-height:130px;padding:16px 18px 16px 95px}.route-badge{max-width:65px;font-size:25px;position:absolute;top:27px;left:18px}.route-cards b{font-size:17px}.route-cards p{min-height:0;margin:8px 0}.route-cards strong{font-size:23px}.rules-facts{gap:15px;padding:10px;font-size:12px}td,th{padding:10px 3px;font-size:11px}}@media (height<=700px) and (width<=699px) and (orientation:portrait){.arcade{grid-template-rows:58px minmax(120px,1fr) 57px 140px}.journey-header{padding:6px 12px}.journey-intro{padding-bottom:18px}.intro-hero,.dune .intro-hero,.tidal .intro-hero,.canopy .intro-hero,.aurora .intro-hero{height:30%;top:0}.intro-copy h1,.dune .intro-copy h1{font-size:38px}.intro-copy p{font-size:12px}.intro-copy h2{font-size:16px}.intro-facts{margin:10px 0}.intro-copy>small{font-size:8px}.intro-disclosure{margin-top:8px!important}.route-display{top:70px}#speed{top:119px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.dune #flight-feedback{text-align:right;max-width:45%;font-size:16px;inset:16px 20px auto auto}button.launch:hover:not(:disabled),button.primary:hover:not(:disabled){color:#203239;background:linear-gradient(135deg,#fff1c8,#dbbb82);box-shadow:0 4px #715934,0 0 20px #ffe0a52b}@media (height<=450px) and (width>=700px){.arcade .intro-copy{width:56%;max-width:none;margin-left:4%;padding:13px 18px;transform:none}.arcade .intro-copy>small{font-size:8px}.arcade .intro-copy h1{letter-spacing:-.025em;margin:10px 0;font-size:34px;line-height:1}.arcade .intro-copy h1 em{letter-spacing:inherit;margin-left:.2em;font-size:1em;display:inline}.arcade .intro-copy h2{margin:8px 0;font-size:17px}.arcade .intro-copy p{max-width:450px;margin:9px 0;font-size:12px;line-height:1.4}.arcade .intro-facts{gap:16px;margin:10px 0;padding-top:8px}.arcade .intro-facts span{max-width:200px;font-size:10px}.arcade .intro-facts b{font-size:17px}.arcade .intro-copy .primary{min-height:44px;padding:10px 18px;font-size:12px}.arcade .intro-disclosure{margin-top:10px!important;font-size:8px!important}.arcade .intro-hero{width:34%;height:84%;top:8%;left:63%}.arcade .intro-orbit{width:32%;height:70%;top:14%;left:63%}}