@font-face{font-family:"Press Start 2P";src:url(/table-mountain-wingsuit/fonts/PressStart2P-Regular.woff2) format("woff2");font-display:swap}:root{--c-ink: #1b1230;--c-paper: #f4e9d2;--c-sun: #ffb347;--c-coral: #ff5e5b;--c-sea: #3fb8c9;--c-fynbos: #7fb069;--c-ink-80: rgba(27, 18, 48, .82);--shadow: 6px 6px 0 #000}html{font-size:clamp(10px,min(1.48vh,2.7vw),24px)}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1020}#app canvas{display:block;width:100%;height:100%}#ui{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Press Start 2P",monospace;color:var(--c-paper);line-height:1.6;user-select:none;-webkit-user-select:none;image-rendering:pixelated}#ui *{box-sizing:border-box}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.screen.show{display:block}.screen button,.screen .interactive{pointer-events:auto}.panel{background:var(--c-ink);color:var(--c-paper);border:4px solid var(--c-paper);box-shadow:inset 0 0 0 2px var(--c-sun),var(--shadow);padding:1.5rem 2rem;pointer-events:auto}.panel.coral{border-color:var(--c-coral);box-shadow:inset 0 0 0 2px var(--c-paper),var(--shadow)}.pop{animation:pop .1s steps(2,end) both}@keyframes pop{0%{clip-path:inset(40% 40% 40% 40%)}50%{clip-path:inset(15% 15% 15% 15%)}to{clip-path:inset(0 0 0 0)}}.blink{animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}h1,h2,h3,p{margin:0;font-weight:400}.dim{opacity:.7}.sun{color:var(--c-sun)}.coral{color:var(--c-coral)}.sea{color:var(--c-sea)}.fynbos{color:var(--c-fynbos)}.menu{display:flex;flex-direction:column;gap:.6rem}.menu button{all:unset;display:block;cursor:pointer;padding:.5rem 1rem .5rem 2.2rem;position:relative;font-family:inherit;font-size:1.5rem;color:var(--c-paper);pointer-events:auto}.menu button.sel{color:var(--c-sun)}.menu button.sel:before{content:"▶";position:absolute;left:.4rem;animation:blink .8s steps(1,end) infinite}.menu button[disabled],.menu button.locked{opacity:.45;cursor:default}.title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;background:radial-gradient(ellipse at center,#1b123000 35%,#1b12308c)}.logo{text-align:center;font-size:min(3.5rem,6.4vw);line-height:1.25;color:var(--c-sun);text-shadow:4px 4px 0 var(--c-coral),8px 8px 0 var(--c-ink),-2px -2px 0 var(--c-ink),2px -2px 0 var(--c-ink),-2px 2px 0 var(--c-ink)}.logo small{display:block;font-size:min(1.5rem,3.2vw);color:var(--c-paper);text-shadow:3px 3px 0 var(--c-ink);margin-top:.8rem}.disclaimer{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:min(86%,62rem);text-align:center;font-size:.75rem;line-height:1.8;color:var(--c-paper);background:var(--c-ink-80);border:2px solid var(--c-paper);padding:.7rem 1rem}.hint{font-size:.8rem;color:var(--c-paper);text-shadow:2px 2px 0 var(--c-ink)}.exit-select{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:2rem;padding:2.5rem;background:#1b1230c7}.exit-select .map-panel{flex:1 1 52%;display:flex;flex-direction:column;gap:1rem;min-width:0}.exit-select h2.heading{font-size:1.8rem;color:var(--c-sun);text-shadow:3px 3px 0 var(--c-coral)}.map-box{position:relative;flex:1;min-height:0;border:4px solid var(--c-paper);box-shadow:var(--shadow);background:var(--c-ink);overflow:hidden}.map-box canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.pin{position:absolute;transform:translate(-50%,-100%);width:1.4rem;height:1.4rem;background:var(--c-coral);border:3px solid var(--c-ink);outline:2px solid var(--c-paper);pointer-events:none}.pin.sel{background:var(--c-sun);animation:blink .6s steps(1,end) infinite;z-index:2}.pin.locked{background:#6b6280}.pin span{position:absolute;left:1.8rem;top:0;white-space:nowrap;font-size:.7rem;color:var(--c-paper);text-shadow:2px 2px 0 var(--c-ink)}.zone-dot{position:absolute;transform:translate(-50%,-50%);width:.7rem;height:.7rem;background:var(--c-fynbos);border:2px solid var(--c-ink);pointer-events:none}.cards{flex:1 1 48%;display:flex;flex-direction:column;gap:1.1rem;min-width:0;min-height:0;overflow-y:auto;padding:0 .6rem .6rem 0;scrollbar-width:none}.card{all:unset;box-sizing:border-box;position:relative;display:flex;gap:1.2rem;flex:1 0 auto;background:var(--c-ink);border:4px solid var(--c-paper);box-shadow:var(--shadow);padding:1rem;cursor:pointer;pointer-events:auto;font-family:inherit;color:var(--c-paper)}.card.sel{border-color:var(--c-sun);box-shadow:inset 0 0 0 2px var(--c-sun),var(--shadow)}.card.locked{cursor:default}.card .pic{flex:0 0 11rem;height:8rem;border:3px solid var(--c-paper);background:linear-gradient(var(--c-sea) 0 45%,var(--c-sun) 45% 55%,var(--c-fynbos) 55%);background-size:cover;background-position:center;image-rendering:pixelated;position:relative}.card.locked .pic{filter:grayscale(1) brightness(.4)}.card .pad{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.card .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.card .name{font-size:1.15rem;color:var(--c-sun)}.card .sub{font-size:.7rem;color:var(--c-sea)}.card .blurb{font-size:.65rem;line-height:1.7;max-width:50ch}.card .best{font-size:.7rem;color:var(--c-fynbos)}.stars{letter-spacing:.2rem;color:var(--c-sun);font-size:.9rem}.stars .off{color:#4d4268}.heading-pick{font-size:.65rem;color:var(--c-paper)}.heading-pick .arrow{cursor:pointer;pointer-events:auto;color:var(--c-sea);padding:0 .3rem}.heading-pick b{font-weight:400;color:var(--c-sun)}.footer-hint{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:.7rem}.padlock{width:2.6rem;height:2rem;background:var(--c-sun);border:3px solid var(--c-ink);position:relative;margin-top:1.6rem}.padlock:before{content:"";position:absolute;left:.4rem;top:-1.7rem;width:1.2rem;height:1.4rem;border:.45rem solid var(--c-paper);border-bottom:0}.banner{position:absolute;left:4rem;right:2rem;bottom:4rem;max-width:44rem}.banner .name{font-size:min(2.2rem,5vw);color:var(--c-sun);text-shadow:4px 4px 0 var(--c-coral);margin-bottom:.7rem}.banner .sub{font-size:1rem;text-shadow:2px 2px 0 var(--c-ink)}.skip{position:absolute;right:3rem;bottom:3rem;font-size:.9rem;text-shadow:2px 2px 0 var(--c-ink)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.countdown .num{font-size:12rem;line-height:1;color:var(--c-sun);text-shadow:8px 8px 0 var(--c-coral),-4px -4px 0 var(--c-ink),4px -4px 0 var(--c-ink),-4px 4px 0 var(--c-ink),12px 12px 0 var(--c-ink);animation:slam .25s steps(4,end) both}.countdown .num.go{color:var(--c-fynbos)}.countdown .num.wait{font-size:min(2.4rem,4.8vw);text-align:center;animation:blink .8s steps(1,end) infinite}@keyframes slam{0%{transform:scale(1.8)}to{transform:scale(1)}}.controls{display:grid;grid-template-columns:auto auto;gap:.5rem 2.5rem;font-size:.75rem;background:var(--c-ink-80);border:2px solid var(--c-paper);padding:1rem 1.5rem}.controls b{font-weight:400;color:var(--c-sun)}.hud .corner{position:absolute;font-size:1.6rem;color:var(--c-sea);text-shadow:2px 0 0 var(--c-ink),-2px 0 0 var(--c-ink),0 2px 0 var(--c-ink),0 -2px 0 var(--c-ink),2px 2px 0 var(--c-ink),-2px -2px 0 var(--c-ink),2px -2px 0 var(--c-ink),-2px 2px 0 var(--c-ink);font-variant-numeric:tabular-nums}.hud .corner small{display:block;font-size:.6rem;color:var(--c-paper);margin-bottom:.2rem}.hud .tl{top:1.5rem;left:2rem}.hud .tr{top:1.5rem;right:2rem;text-align:right}.hud .bl{bottom:1.5rem;left:2rem}.hud .br{bottom:1.5rem;right:2rem;text-align:right}.hud .warn{color:var(--c-coral);animation:blink .5s steps(1,end) infinite}.hud .proximity{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);width:22rem;height:.7rem;background:var(--c-ink);border:2px solid var(--c-paper);opacity:0}.hud .proximity.on{opacity:1}.hud .proximity i{display:block;height:100%;width:0;background:var(--c-sun)}.hud .score{position:absolute;top:5.6rem;right:2rem;font-size:1rem;color:var(--c-sun);text-shadow:2px 2px 0 var(--c-ink);opacity:0}.hud .score.on{opacity:1}.hud .prompt{position:absolute;bottom:6rem;left:50%;transform:translate(-50%);font-size:1rem;white-space:nowrap;text-shadow:3px 3px 0 var(--c-ink)}.hud .mouse-hint{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);font-size:.65rem;text-shadow:2px 2px 0 var(--c-ink);opacity:.85}.stamps{position:absolute;top:9rem;right:0;display:flex;flex-direction:column;gap:.7rem;align-items:flex-end}.stamp{background:var(--c-coral);color:var(--c-ink);border:4px solid var(--c-ink);outline:3px solid var(--c-paper);padding:.6rem 1.2rem;font-size:.95rem;box-shadow:var(--shadow);margin-right:2rem;animation:stamp-in .4s steps(5,end) both}.stamp.out{animation:stamp-out .4s steps(5,end) both}.stamp b{font-weight:400;color:var(--c-paper);margin-left:.8rem}@keyframes stamp-in{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes stamp-out{0%{transform:translate(0)}to{transform:translate(130%)}}.dim-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b08189e;display:flex;align-items:center;justify-content:center}.centre{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.panel h2{font-size:1.8rem;color:var(--c-sun);text-shadow:3px 3px 0 var(--c-coral);margin-bottom:1.4rem}.rows{display:flex;flex-direction:column;gap:.35rem;min-width:0;width:min(36rem,calc(100vw - 6rem))}.row{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;gap:2rem;padding:.5rem .8rem .5rem 2rem;position:relative;font-family:inherit;font-size:.9rem;cursor:pointer;pointer-events:auto}.row.sel{color:var(--c-sun)}.row.sel:before{content:"▶";position:absolute;left:.4rem}.row .val{color:var(--c-sea);white-space:nowrap}.row.sel .val{color:var(--c-sun)}.bar{letter-spacing:-.05rem}.attribution{margin-top:1rem;font-size:.55rem;line-height:1.9;max-width:44rem;opacity:.85}.results{position:absolute;top:0;right:0;bottom:0;left:0}.results .panel.tally{position:absolute;right:3rem;top:50%;transform:translateY(-50%);min-width:0;width:min(34rem,calc(100vw - 2rem));max-height:90vh;overflow-y:auto}.tally .line{display:flex;justify-content:space-between;gap:2rem;font-size:1rem;padding:.35rem 0;border-bottom:2px dotted rgba(244,233,210,.3)}.tally .line.hidden{visibility:hidden}.tally .line .v{color:var(--c-sea);font-variant-numeric:tabular-nums}.tally .line.total{margin-top:.5rem;border-bottom:0;font-size:1.4rem;color:var(--c-sun)}.tally .line.total .v{color:var(--c-sun)}.tally .bonus-list{font-size:.65rem;color:var(--c-coral);padding:.2rem 0 .4rem 1rem;line-height:1.9}.tally .note{margin-top:.8rem;font-size:.7rem;color:var(--c-paper)}.tally .menu{margin-top:1rem}.tally .menu button{font-size:1.1rem}.wipeout{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:none;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem}.wipeout.show{display:flex}.wipeout .card-w{padding:2rem min(4rem,4vw);background:var(--c-coral);color:var(--c-ink);border:6px solid var(--c-paper);box-shadow:var(--shadow);font-size:min(4rem,6vw);text-align:center;animation:slam .3s steps(3,end) both}.wipeout .card-w small{display:block;font-size:1rem;margin-top:1rem;color:var(--c-ink)}.scores-panel{min-width:0;width:min(36rem,calc(100vw - 2rem))}.scores-panel table{width:100%;border-collapse:collapse;font-size:1rem}.scores-panel td{padding:.3rem .5rem}.scores-panel td:first-child{color:var(--c-sea);width:3rem}.scores-panel td:last-child{text-align:right;font-variant-numeric:tabular-nums}.scores-panel tr.me{color:var(--c-sun);animation:blink .8s steps(1,end) infinite}.scores-panel .tabs{font-size:.8rem;margin-bottom:1rem;display:flex;gap:1rem;justify-content:center;align-items:center}.scores-panel .tabs b{font-weight:400;color:var(--c-sun)}.tab-arrow{all:unset;box-sizing:border-box;cursor:pointer;pointer-events:auto;color:var(--c-sea);font-family:inherit;padding:.3rem .6rem}.initials{display:flex;gap:1.5rem;justify-content:center;margin:1rem 0}.slot-col{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.letter-arrow{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:2rem;min-height:2rem;font-family:inherit;font-size:1.2rem;color:var(--c-sea);cursor:pointer;pointer-events:auto}.letter-arrow:active{color:var(--c-sun)}.entry-ok{align-items:center}.initials .slot{width:5rem;height:5rem;border:4px solid var(--c-paper);background:var(--c-ink);font-size:3.2rem;display:flex;align-items:center;justify-content:center;color:var(--c-paper);position:relative;pointer-events:auto;cursor:pointer}.initials .slot.sel{border-color:var(--c-sun);color:var(--c-sun)}.initials .slot.sel:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.5rem;height:.35rem;background:var(--c-sun);animation:blink .6s steps(1,end) infinite}#ui:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0,#00000029 1px,#0000 1px,#0000 3px);display:none;z-index:50}#ui.scanlines:after{display:block}#ui.black-bg{background:#000}@media(prefers-reduced-motion:reduce){#ui *,#ui *:before,#ui *:after{animation:none!important}}@media(max-aspect-ratio:1/1){.exit-select{flex-direction:column;padding:1rem}.card .pic{flex-basis:6rem}.logo{font-size:2rem}}html.touch-ui{font-size:clamp(10px,min(2.9vh,2.7vw),24px)}.touch-only{display:none}.touch-ui .touch-only{display:inline}.touch-ui .kb-only{display:none}.touch-ui .controls.touch-only{display:grid}body.touch-ui,.touch-ui #app canvas{touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.touch-ui .menu button,.touch-ui .row,.touch-ui .letter-arrow,.touch-ui .tab-arrow{min-height:44px;display:flex;align-items:center}.touch-ui .letter-arrow,.touch-ui .tab-arrow{justify-content:center;min-width:44px}.touch-ui .initials .slot{min-width:44px}.touch-ui .panel{max-height:calc(100dvh - 1.5rem);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none}.touch-ui .results .panel.tally{max-height:calc(100dvh - 1rem)}.touch-ui .cards{touch-action:pan-y}.touch-ui .disclaimer{font-size:.85rem}.es-footer,.es-nav{display:contents}.touch-nav,.touch-back,.dots{display:none}.touch-ui .exit-select{padding:1rem 1rem 4.4rem;gap:1rem}.touch-ui .cards .card:not(.sel){display:none}.touch-ui .cards{overflow-y:auto;padding:0 .4rem .4rem 0}.touch-ui .card{align-items:center}.touch-ui .card .blurb{font-size:.8rem}.touch-ui .heading-pick .arrow{display:inline-block;min-width:44px;min-height:24px;text-align:center}.touch-ui .es-footer{position:absolute;left:0;right:0;bottom:0;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:#1b1230e6;border-top:4px solid var(--c-paper);pointer-events:none}.touch-ui .es-nav{display:flex;align-items:center;gap:.6rem}.touch-ui .touch-nav,.touch-ui .touch-back{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:var(--c-ink);border:3px solid var(--c-paper);color:var(--c-sun);font-family:inherit;font-size:1rem;padding:0 .7rem;pointer-events:auto;cursor:pointer}.touch-ui .dots{display:flex;gap:.5rem}.touch-ui .dots i{width:.8rem;height:.8rem;background:#4d4268;border:2px solid var(--c-paper)}.touch-ui .dots i.sel{background:var(--c-sun)}.touch-ui .footer-hint{position:static;flex:1;font-size:.6rem;line-height:1.6}.touch-ui .hud .tl{top:.8rem;left:calc(env(safe-area-inset-left,0px) + 72px)}.touch-ui .hud .tr{top:.8rem;right:calc(env(safe-area-inset-right,0px) + 72px)}.touch-ui .hud .bl{bottom:calc(env(safe-area-inset-bottom,0px) + .8rem);left:calc(env(safe-area-inset-left,0px) + 1rem)}.touch-ui .hud .br{top:.8rem;bottom:auto;right:auto;left:50%;transform:translate(-50%);text-align:center}.touch-ui .hud .corner{font-size:1.4rem}.touch-ui .hud .score{top:4.6rem;right:calc(env(safe-area-inset-right,0px) + 72px)}.touch-ui .hud .stamps{top:7.4rem}.touch-ui .hud .prompt{bottom:4rem}.touch-ui .hud .proximity{bottom:1.2rem;width:min(22rem,40vw)}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none;touch-action:none;--edge-r: calc(max(env(safe-area-inset-right, 0px), 12px) + 8px) ;--edge-b: calc(max(env(safe-area-inset-bottom, 0px), 8px) + 12px) ;--pull: max(72px, 9rem)}.touch-controls.show{display:block}.touch-btn{position:absolute;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:inherit;background:var(--c-ink);color:var(--c-paper);border:4px solid var(--c-paper);box-shadow:4px 4px #000;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;text-align:center}.touch-btn.down{transform:translate(2px,2px);box-shadow:2px 2px #000;filter:brightness(1.2)}.touch-btn.pull{right:var(--edge-r);bottom:var(--edge-b);width:var(--pull);height:var(--pull);font-size:1.3rem;background:var(--c-sun);color:var(--c-ink);border-color:var(--c-ink);outline:3px solid var(--c-paper)}.touch-btn.pull.flare{background:var(--c-coral)}.touch-btn.pull.gone{display:none}.touch-btn.brake{display:none;right:var(--edge-r);bottom:calc(var(--edge-b) + var(--pull) + 14px);width:calc(var(--pull) * .72);height:56px;font-size:.9rem;color:var(--c-sea)}.touch-btn.brake.on{display:flex}.touch-btn.pause,.touch-btn.cam{top:calc(max(env(safe-area-inset-top,0px),0px) + 10px);width:52px;height:52px;font-size:1rem}.touch-btn.pause{left:calc(max(env(safe-area-inset-left,0px),0px) + 12px)}.touch-btn.cam{right:calc(max(env(safe-area-inset-right,0px),0px) + 12px);font-size:.8rem}.steer-ring{position:fixed;left:0;top:0;width:96px;height:96px;border:3px dashed rgba(244,233,210,.7);border-radius:50%;display:none;pointer-events:none;will-change:transform}.steer-ring.on{display:block}.steer-ring.holding{border-color:var(--c-sun)}.steer-knob{position:absolute;left:calc(50% - 16px);top:calc(50% - 16px);width:32px;height:32px;background:var(--c-sun);border:3px solid var(--c-ink);outline:2px solid var(--c-paper)}.rotate-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center;background:var(--c-ink);color:var(--c-paper);pointer-events:auto;padding:2rem}.rotate-prompt .rot-icon{font-size:6rem;color:var(--c-sun);line-height:1}.rotate-prompt p{font-size:1.4rem;color:var(--c-sun)}.rotate-prompt small{font-size:.8rem}@media(orientation:portrait){#ui.touch-ui.in-flight .rotate-prompt{display:flex}}@media(max-width:700px){.panel{padding:1.2rem}.panel h2{font-size:min(1.8rem,6vw)}.tally .line{font-size:.85rem;gap:.8rem}.tally .line.total{font-size:1.2rem}.results .panel.tally{right:auto;left:50%;transform:translate(-50%,-50%)}.banner{left:1.5rem;bottom:3rem}.skip{right:1.5rem;bottom:1.5rem}.countdown .num{font-size:min(12rem,36vw)}.controls{font-size:.65rem;padding:.8rem 1rem;gap:.4rem 1rem}.rows .row{gap:.8rem}.row .val{white-space:normal;text-align:right}}@media(max-height:480px)and (orientation:landscape){.panel{padding:.8rem 1.4rem}.panel h2{font-size:1.3rem;margin-bottom:.7rem}.tally .line{padding:.15rem 0;font-size:.85rem}.tally .line.total{font-size:1.1rem;margin-top:.2rem}.tally .menu{margin-top:.4rem;gap:.2rem}.tally .note{margin-top:.4rem}.scores-panel td{padding:.1rem .5rem}.scores-panel .tabs{margin-bottom:.4rem}.scores-panel table{font-size:.9rem}.initials .slot{height:4rem}.rows{gap:.1rem}.logo small{margin-top:.4rem}.title-wrap{gap:.5rem;padding-bottom:4rem}.logo{font-size:min(2.6rem,6.4vw)}.logo small{font-size:.9rem}.title-wrap .menu{gap:0}.disclaimer,.touch-ui .disclaimer{bottom:.6rem;font-size:.6rem;line-height:1.6;padding:.4rem .8rem}.countdown{gap:.8rem}.countdown .num{font-size:7rem}}
