@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#173b3c;--paper:#f5f1e7;--yellow:#f9d857;--teal:#267477;--coral:#ed7154}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ed7154;outline-offset:4px}button{border:0}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.topbar{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173b3c22}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.5px;font-size:18px}.brand-icon{background:var(--ink);color:var(--yellow);width:30px;height:30px;display:grid;place-items:center;font-size:27px;border-radius:50%}.brand small{font:10px monospace;letter-spacing:1px;border:1px solid #173b3c55;border-radius:3px;padding:4px;margin-left:6px}.tools{display:flex;gap:9px}.icon-button{width:34px;height:34px;background:transparent;border:1px solid #173b3c30;border-radius:50%;font-size:20px;position:relative}.off-dot{position:absolute;right:6px;bottom:7px;width:6px;height:6px;border-radius:50%;background:var(--coral)}main{max-width:1440px;padding:0 5%;margin:auto}.boarding-line{display:flex;justify-content:space-between;padding:20px 0 14px;font:10px 'DM Sans',sans-serif;font-weight:800;letter-spacing:1.6px}.boarding-line i{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:100%;margin-right:6px}.desktop-note{opacity:.5}.arcade{position:relative;aspect-ratio:16/9;background:#b9d4cb;overflow:hidden;border:2px solid var(--ink);border-radius:12px;isolation:isolate;box-shadow:0 7px 0 #173b3c0d}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0}.menu{background:linear-gradient(90deg,#f3eddc 0%,#f3eddcf5 31%,#f3eddc22 62%,transparent 100%)}.menu-copy{position:absolute;top:8%;left:5%;width:45%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow span{font-size:16px;margin-right:7px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(50px,7.5vw,116px);font-weight:900;line-height:.82;margin:21px 0 17px;letter-spacing:-2px;position:relative;width:max-content}h1 em{font-style:normal;color:var(--coral)}.title-star{position:absolute;font-family:Arial,sans-serif;font-size:53px;top:-4px;right:-60px;color:var(--teal)}.tagline{font-weight:800;font-size:clamp(15px,1.6vw,24px);line-height:1.25;margin:0 0 13px;letter-spacing:-.7px}.intro{font-size:clamp(11px,1.05vw,15px);line-height:1.6;margin:0 0 19px;color:#49605a}.primary{background:var(--yellow);color:var(--ink);padding:16px 24px;min-width:235px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:900;letter-spacing:1px;font-size:12px;border-radius:3px;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.primary span{font-size:23px;line-height:15px}.start-note{font-size:8px;letter-spacing:1px;font-weight:700;margin-top:14px;opacity:.65}.menu-settings{position:absolute;bottom:5%;left:5%;display:flex;gap:30px}.setting-title{display:block;font-size:8px;letter-spacing:1.5px;font-weight:800;margin-bottom:8px}.segmented,.costumes{display:flex;gap:4px}.segmented button{font-size:10px;padding:7px 10px;border:1px solid #173b3c44;background:#f5f1e78c;border-radius:3px}.segmented .selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.costumes button{background:#f5f1e7a0;border:1px solid #173b3c44;width:29px;height:29px;border-radius:3px;font-size:16px}.costumes .selected{border:2px solid var(--ink);background:var(--yellow)}.boarding-pass{position:absolute;right:5%;bottom:7%;background:#fff9e9;width:28%;transform:rotate(-5deg);padding:15px 18px;box-shadow:3px 7px 0 #173b3c22;border-radius:4px;border:1px solid var(--ink)}.ticket-label{font-size:7px;letter-spacing:1.5px;font-weight:800}.ticket-route{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #173b3c55}.ticket-route b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px}.ticket-route>span{font-size:15px;color:var(--teal)}.ticket-bottom{display:flex;justify-content:space-between;padding-top:9px;gap:5px}.ticket-bottom span{font-size:6px;line-height:1.7;letter-spacing:1px}.ticket-bottom b{font-size:8px}.barcode{width:50px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 3px,var(--ink) 3px 5px,transparent 5px 7px);opacity:.8}.under-game{display:flex;justify-content:space-between;align-items:center;padding:15px 1px;font-size:10px;color:#60706a}kbd{font-family:inherit;border:1px solid #173b3c33;border-radius:3px;padding:3px 5px;font-size:9px;margin-right:3px}.hint-dot{margin:0 10px}.edition{font-size:8px;letter-spacing:1.4px;font-weight:700}.route{display:grid;grid-template-columns:repeat(3,1fr);margin-top:19px;margin-bottom:37px;border-top:1px solid #173b3c33;border-bottom:1px solid #173b3c33}.route article{padding:23px 20px;display:flex;align-items:center;gap:13px;border-right:1px solid #173b3c33}.route article:first-child{padding-left:0}.route article:last-child{border:0;padding-right:0}.route-number{font:35px 'Barlow Condensed',Impact,sans-serif;color:#65857a;opacity:.65}h3{font-size:13px;margin:0 0 5px;font-weight:800}.route p{margin:0;font-size:10px;color:#66766d}.route-symbol{margin-left:auto;font-size:25px;color:var(--teal)}footer{max-width:1440px;padding:0 5% 25px;display:flex;justify-content:space-between;align-items:center;margin:auto;font-size:8px;font-weight:700;letter-spacing:1px;color:#728179}footer p{font-size:9px;font-weight:400;letter-spacing:0}.hud{position:absolute;top:0;left:0;right:0;padding:20px 25px;background:linear-gradient(#113c3add,transparent);color:#fff8df;pointer-events:none}.hud-main,.hud-sub{display:flex;align-items:center;justify-content:space-between}.hud-main>span{font-size:13px;font-weight:800;letter-spacing:1.5px}.hud-main>div{display:flex;align-items:center;gap:15px}#lives{color:var(--yellow);font-size:19px;letter-spacing:3px}#pause{pointer-events:auto;border:1px solid #ffffff88;background:#173b3c55;color:white;border-radius:5px;padding:5px 10px}.hud-sub{font-size:11px;margin-top:9px}#score{font-variant-numeric:tabular-nums;letter-spacing:2px}.progress{height:4px;background:#ffffff30;margin-top:12px;border-radius:2px;overflow:hidden}.progress>div{height:100%;width:0;background:var(--yellow);transition:width .1s}#gripHud{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;max-width:320px;margin-top:12px}.grip-track{height:8px;flex:1;background:#173b3c80;border-radius:5px;overflow:hidden}#gripFill{height:100%;background:var(--yellow)}.toast{position:absolute;left:50%;top:25%;transform:translate(-50%,-8px);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px 19px;font-size:13px;font-weight:800;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:80%}.toast.visible{opacity:1;transform:translate(-50%,0)}.panel-overlay{display:flex;align-items:center;justify-content:center;background:#0e353c99;backdrop-filter:blur(4px);padding:15px}.panel{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:30px 38px;max-width:520px;width:100%;text-align:center;box-shadow:7px 7px 0 #10323470}.panel .eyebrow{color:var(--teal)}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:50px;font-weight:800;line-height:1;margin:13px 0}.panel>p{font-size:13px;line-height:1.6;margin:0;color:#4f6660}.panel .primary{margin:20px auto 0;justify-content:center}.secondary{display:block;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:11px;margin:16px auto 0;padding:4px}.panel-stats{display:flex;justify-content:center;gap:25px;margin-top:15px}.panel-stats div{font-size:9px;letter-spacing:1px}.panel-stats b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;margin-bottom:3px}.panel-controls{font-size:11px;line-height:1.8;margin-top:12px;color:#49605a}.touch-controls{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:9px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;background:#f5f1e7bd;border:2px solid var(--ink);border-radius:12px;width:51px;height:47px;font-size:20px;box-shadow:0 3px 0 #173b3c80}.touch-controls .action-touch{width:93px;background:var(--yellow);font-size:11px;font-weight:900}.touch-controls button.pressed{transform:translateY(3px);box-shadow:none;background:#ed7154}#arcade:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto;background:#153e42}#arcade:fullscreen canvas{object-fit:contain}#arcade:fullscreen .menu{background:linear-gradient(90deg,#f3eddc 0%,#f3eddcf5 31%,#f3eddc22 62%,transparent 100%)}
@media(pointer:fine){.touch-controls{display:none!important}}@media(min-width:1500px){h1{font-size:116px}}@media(max-width:900px){.topbar{padding-top:18px;padding-bottom:18px}.menu-copy{top:7%}.eyebrow{font-size:7px;letter-spacing:1px}h1{margin:13px 0 12px;font-size:8vw}.tagline{font-size:17px;margin-bottom:8px}.intro{font-size:10px;margin-bottom:12px;line-height:1.4}.primary{padding:11px 16px;min-width:190px;font-size:10px}.start-note{font-size:6px;margin-top:10px}.menu-settings{gap:15px;bottom:4%}.setting-title{font-size:6px;margin-bottom:5px}.segmented button{font-size:8px;padding:5px 6px}.costumes button{width:24px;height:24px;font-size:13px}.title-star{font-size:38px;right:-40px}.boarding-pass{padding:10px 12px}.ticket-route b{font-size:28px}.ticket-label{font-size:5px}.ticket-route{padding:5px 0}.ticket-bottom{padding-top:5px}.ticket-bottom span{font-size:5px}.ticket-bottom b{font-size:6px}.route article{padding:18px 13px;gap:9px}.route-number{font-size:28px}h3{font-size:11px}.route p{font-size:9px}.edition{font-size:6px}.under-game{font-size:8px}.panel{padding:20px 25px;max-width:460px}h2{font-size:38px}.panel>p{font-size:11px}.panel .primary{margin-top:13px}.panel-controls{font-size:10px;margin-top:8px}.panel-stats{margin-top:10px}.secondary{margin-top:10px}.hud{padding:13px 18px}.hud-main>span{font-size:10px}.hud-sub{font-size:9px}#lives{font-size:14px}.progress{margin-top:8px}.toast{font-size:11px;padding:8px 12px}}
@media(max-width:600px) and (orientation:portrait){main{padding:0 4%}.topbar{padding:17px 4%}.brand{font-size:14px}.brand small{display:none}.tools{gap:5px}.icon-button{width:30px;height:30px}.boarding-line{font-size:8px;letter-spacing:1px}.desktop-note{display:none}.arcade{aspect-ratio:3/4}.arcade canvas{position:absolute;width:178%;height:100%;left:-39%;object-fit:cover}.menu{background:linear-gradient(#f3eddcf5 0%,#f3eddce6 42%,#f3eddc00 85%)}.menu-copy{top:6%;left:7%;width:85%}.eyebrow{font-size:8px}h1{font-size:22vw;margin:20px 0 15px;line-height:.8}.tagline{font-size:20px}.intro{font-size:12px;margin:12px 0 17px}.primary{font-size:11px;min-width:230px;padding:15px 19px}.start-note{font-size:7px}.menu-settings{left:7%;right:7%;bottom:5%;gap:20px;background:#f5f1e7e6;padding:12px;border:1px solid #173b3c44;border-radius:4px;justify-content:space-between}.setting-title{font-size:7px}.segmented button{font-size:9px;padding:7px}.costumes button{height:29px;width:29px;font-size:15px}.boarding-pass{right:6%;bottom:21%;width:43%;padding:8px;transform:rotate(-8deg)}.ticket-route b{font-size:30px}.ticket-label{font-size:5px}.ticket-bottom{display:none}.under-game{gap:15px;line-height:1.8}.edition{display:none}#controlHint{font-size:9px}.route{grid-template-columns:1fr;margin-top:5px;margin-bottom:22px}.route article,.route article:first-child,.route article:last-child{padding:14px 0;border-right:0;border-bottom:1px solid #173b3c22}.route article:last-child{border-bottom:0}.route-number{font-size:30px}.route h3{font-size:12px}.route p{font-size:10px}footer{padding:0 4% 20px;display:block;font-size:7px}footer>span:last-child{display:none}footer p{font-size:8px;margin-top:10px}.panel{padding:24px 18px;max-width:320px}h2{font-size:40px}.panel>p{font-size:12px}.panel .primary{min-width:210px}.hud-main>span{font-size:8px;letter-spacing:.5px}.hud-main>div{gap:7px}.hud{padding:13px 12px;background:linear-gradient(#113c3aee,#113c3a55,transparent)}#lives{font-size:12px;letter-spacing:1px}.hud-sub{font-size:9px;gap:10px}.toast{top:27%;width:84%;font-size:12px}.touch-controls{bottom:19px;left:12px;right:12px}.touch-controls button{width:44px;height:46px}.touch-controls .action-touch{width:83px}.touch-controls>div{gap:6px}}
@media(max-height:520px) and (orientation:landscape){.topbar,.boarding-line,.under-game,.route,footer{display:none}main{padding:0;max-width:none}.arcade{height:100dvh;width:100%;border:0;border-radius:0;aspect-ratio:auto}.arcade canvas{width:100%;height:100%;object-fit:fill}.menu-copy{top:6%}h1{font-size:16vh;margin:12px 0}.tagline{font-size:4vh}.intro{font-size:2.8vh}.menu-settings{bottom:5%}.panel{padding:17px 24px;max-width:470px}h2{font-size:35px;margin:8px 0}.panel>p{font-size:11px}.panel .primary{padding:10px 20px}.panel-controls{font-size:10px}.panel-stats b{font-size:24px}.secondary{font-size:10px;margin-top:8px}.boarding-pass{width:25%}}
@media(max-width:600px) and (orientation:portrait){.arcade canvas{left:-8%}.arcade.flight canvas{left:-39%}}
@media(max-width:600px) and (orientation:portrait){.arcade{aspect-ratio:2/3}.boarding-pass{display:none}.touch-controls:not([hidden]){display:flex!important}.menu-settings{bottom:4%}} @media(max-height:520px) and (orientation:landscape){.touch-controls:not([hidden]){display:flex!important}}
@media(max-width:600px) and (orientation:portrait){.arcade canvas{object-fit:fill}} .costumes svg{width:19px;height:19px;display:block;margin:auto}