button { touch-action: manipulation; }
body.fly-active #toast { top:auto; bottom:23%; font-size:13px; max-width:85%; }
#fly-challenge { position:absolute; z-index:5; top:26%; left:50%; transform:translateX(-50%); width:min(78vw,950px); height:24vh; text-align:center; pointer-events:none; }
#fly-challenge>span { display:block; font-size:10px; font-weight:800; letter-spacing:1px; color:#ffcf63; text-shadow:0 2px 4px #000; } #fly-challenge b { font-size:8px; }
#fly-challenge button { position:absolute; width:68px; height:68px; border:0; background:transparent; padding:0; cursor:crosshair; pointer-events:auto; filter:drop-shadow(0 3px 3px #0008); } #fly-challenge button svg { width:100%; height:100%; }
#fly-challenge>span { position:absolute; top:-25px; width:100%; left:0; }
#shit-commentary { position:absolute; z-index:5; right:24px; bottom:145px; width:280px; padding:16px 18px; border:2px solid #b9f36b; border-radius:4px; background:#142019f2; line-height:1.4; color:#fff0c6; pointer-events:none; box-shadow:5px 5px 0 #080e09; }
#shit-commentary b { display:block; color:#b9f36b; font-size:10px; letter-spacing:1px; margin-bottom:8px; } #shit-commentary span { display:block; font-size:19px; font-weight:800; }
#comic-notice { --ink:#ffce55; position:absolute; z-index:6; left:24px; top:53%; width:300px; padding:25px 12px; text-align:center; transform:rotate(-3deg); pointer-events:none; background:var(--ink); clip-path:polygon(0 16%,15% 18%,10% 0,34% 10%,49% 0,62% 12%,90% 0,85% 22%,100% 26%,92% 49%,100% 75%,83% 76%,91% 100%,63% 88%,50% 100%,34% 90%,7% 100%,13% 76%,0 68%,8% 45%); }
#comic-notice strong { display:block; font-family:'Barlow Condensed',Impact,sans-serif; font-style:italic; font-size:49px; line-height:1; color:#fff9df; -webkit-text-stroke:2px #182017; paint-order:stroke fill; text-shadow:3px 3px 0 #182017; }
#comic-notice span { display:block; margin-top:9px; font-size:11px; font-weight:900; color:#182017; }
#comic-notice[data-tone=red] { --ink:#ff8b69; } #comic-notice[data-tone=blue] { --ink:#70def3; } #comic-notice[data-tone=green] { --ink:#b9f36b; }
@media(max-width:700px) { #shit-commentary { bottom:180px; right:12px; width:180px; padding:10px; } #shit-commentary span { font-size:14px; } #shit-commentary b { font-size:8px; } #fly-challenge { top:29%; width:86vw; height:20vh; } #fly-challenge button { width:52px; height:52px; } #comic-notice { left:10px; top:49%; width:190px; padding:20px 10px; } #comic-notice strong { font-size:33px; } #comic-notice span { font-size:9px; } }
body.wallet-locked #app > :not(#world):not(.vignette):not(#loading):not(#access-gate) { visibility:hidden!important; pointer-events:none!important; }
#pause svg { display:block; margin:auto; }
#access-gate { position:fixed; inset:0; z-index:30; display:flex; align-items:center; padding:clamp(24px,7vw,110px); background:linear-gradient(90deg,#101b17 5%,#101b17ef 40%,#101b1740); overflow:auto; }
.entry-copy { max-width:660px; } .entry-kicker { color:#bee875; font-size:11px; font-weight:800; letter-spacing:3px; }
.entry-copy h1 { font-family:'Barlow Condensed',Impact,sans-serif; font-size:clamp(72px,10vw,150px); font-weight:900; line-height:.85; letter-spacing:-3px; margin:32px 0; color:#ffcf63; }
.entry-copy p { color:#dfdac8; font-size:18px; max-width:440px; } .entry-wallets { display:flex; gap:12px; flex-wrap:wrap; margin-top:36px; }
.entry-wallets button { border:1px solid #ffcf63; border-radius:4px; padding:18px 22px; color:#172017; background:#ffcf63; font-weight:900; cursor:pointer; } .entry-wallets button+button { background:#172017; color:#ffcf63; }
.entry-wallets button:disabled { opacity:.5; cursor:wait; } #access-status { min-height:44px; font-size:14px; } .entry-copy small { color:#b2bea4; font-size:10px; line-height:1.8; letter-spacing:1px; }
#wallet-logout { position:fixed; right:24px; top:112px; bottom:auto; z-index:25; background:#142019; color:#e7dcb7; border:1px solid #6a7456; padding:8px; font-size:10px; }
@media(max-width:700px) { #access-gate { background:#101b17ef; } .entry-wallets { flex-direction:column; } .entry-copy h1 { font-size:84px; } #wallet-logout { top:158px; bottom:auto; right:12px; } }
/* HUD art and power-ups use the same palette as their in-world pickups. */
.hud-icon svg { display:block; width:36px; height:42px; }
.coin-icon img { width:100%; height:100%; object-fit:contain; border-radius:50%; }
.wallet { position:relative; }
.bonus-risk { position:absolute; right:12px; bottom:-20px; white-space:nowrap; color:#ffbe42; font-size:9px; letter-spacing:1px; font-weight:800; }
.powerup-hud { position:absolute; left:32px; top:125px; display:flex; gap:8px; pointer-events:none; }
.power-chip { --power:#62d9ff; position:relative; display:flex; align-items:center; gap:8px; min-width:100px; padding:8px 11px 11px; background:#11201cdc; border:1px solid #7d92784a; border-radius:9px; opacity:.38; overflow:hidden; }
.power-chip.active { opacity:1; border-color:var(--power); }
.power-symbol { font-size:24px; color:var(--power); font-weight:900; line-height:1; }
.power-chip b { display:block; font-size:8px; letter-spacing:1px; color:var(--power); }
.power-chip div>span { display:block; margin-top:3px; font-size:11px; font-weight:700; }
.power-chip i { position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--power); }
#power-double { --power:#ffbe42; } #power-shield { --power:#b9f36b; }
.cyan { color:#62d9ff; } .amber { color:#ffbe42; } .lime { color:#b9f36b; }
#screen-splat { position:fixed; inset:0; pointer-events:none; z-index:6; }
#screen-splat svg { width:100%; height:100%; display:block; }
#dialog, #help-panel { z-index:8; }
#help-panel { max-height:86dvh; overflow-y:auto; }
@media(max-width:700px) {
  .hud-icon svg { width:25px; height:31px; }
  .powerup-hud { left:14px; top:99px; gap:5px; max-width:calc(100% - 90px); flex-wrap:wrap; }
  .power-chip { min-width:0; padding:6px 7px 9px; gap:5px; }
  .power-symbol { font-size:19px; } .power-chip b { font-size:6px; letter-spacing:.4px; }
  .power-chip div>span { font-size:10px; } .bonus-risk { font-size:7px; right:5px; bottom:-16px; }
}
:root{font-family:Barlow,Arial,sans-serif;color:#fff4dc;background:#111b17;font-synthesis:none;font-weight:500;--gold:#ffcd55;--muted:#a8b3a0;--panel:#16201de8}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:3px solid #e4ff9b;outline-offset:5px}button:hover{filter:brightness(1.12)}button:active{transform:translateY(2px)}#app,#world,.vignette{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(90deg,#0b151ce8,transparent 55%),linear-gradient(0deg,#0b191edf,transparent 22%,transparent 75%,#0c151875);transition:opacity .5s}.playing .vignette{opacity:.45}.hud{position:absolute;top:max(26px,env(safe-area-inset-top));left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hud-panel{background:linear-gradient(135deg,#263129ee,#101a17ee);border:1px solid #73816d66;border-radius:16px;box-shadow:0 5px 0 #060e0e70,inset 0 1px 0 #bbc1a71f;display:flex;align-items:center;gap:13px;padding:12px 20px}.score-box{min-width:250px;position:relative}.hud-icon{font-size:37px;color:var(--gold)}.label{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#b6bea7;margin-bottom:2px}.hud strong{font-size:28px;letter-spacing:1px;font-weight:900;font-variant-numeric:tabular-nums}.best{font-size:9px;color:#bbc4b2;position:absolute;bottom:-20px;left:22px;letter-spacing:1.4px}.best b{color:#f4ebd6;margin-left:8px}.hud-right{display:flex;gap:12px}.wallet strong{color:var(--gold)}.coin-icon{border-radius:50%;display:grid;place-items:center;width:40px;height:40px;border:3px solid #ffd871;background:#c88417;color:#ffe6a1;font-size:24px;font-weight:900;box-shadow:0 0 0 3px #875211,inset 0 0 0 2px #ffdb7366}.icon-button{width:62px;height:68px;background:var(--panel);border:1px solid #84907970;border-radius:16px;font-size:30px;font-weight:900;box-shadow:0 5px 0 #060e0e70}.multiplier{text-align:center;padding-top:0;text-shadow:0 3px 0 #183017,0 0 22px #8aff3033}.multiplier strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:54px;color:#c9f476;font-style:italic;line-height:1}.multiplier span{display:block;font-size:8px;letter-spacing:2px;font-weight:800;margin-top:8px;color:#bcc6a7}.menu{position:absolute;left:7%;top:24%;width:430px;animation:arrive .8s ease both}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.8px;display:flex;align-items:center;gap:9px;color:#c4d2b9}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#c8f46f;box-shadow:0 0 10px #aaff67}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(76px,8.4vw,132px);line-height:.83;letter-spacing:-1px;font-weight:900;margin:23px 0 22px;transform:rotate(-3deg);text-shadow:0 5px 0 #0e181b,2px 7px 0 #647a6e55}h1 em{color:var(--gold);font-style:normal;position:relative}h1 em span{position:absolute;right:-22px;top:10px;font-family:Arial,sans-serif;font-size:17px}.tagline{font-size:21px;font-weight:700;letter-spacing:.2px;margin:28px 0 12px}.intro{font-size:14px;color:#b7c1b7;line-height:1.7;margin-bottom:26px}.primary{display:flex;align-items:center;justify-content:space-between;width:285px;padding:19px 24px;background:var(--gold);border-radius:7px;font-weight:900;font-size:18px;letter-spacing:1px;color:#273027;box-shadow:0 5px 0 #9b6b23;transition:filter .2s}.primary>span{font-size:25px;line-height:1}.personal-best{margin-top:21px;font-size:9px;letter-spacing:1.5px;color:#9eaea1}.personal-best b{color:#e5dfc8;margin-left:9px}.dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(470px,90vw);padding:38px;background:#13221af5;border:1px solid #77836088;box-shadow:0 30px 100px #000a;border-radius:18px;text-align:center;backdrop-filter:blur(15px)}.dialog .eyebrow{justify-content:center}.dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;line-height:.92;margin:24px 0}.dialog h2 em{font-style:normal;color:var(--gold)}.dialog p{font-size:14px;color:#b8c4b1;line-height:1.6}.dialog .primary{width:100%;margin-top:25px}.secondary{background:none;margin-top:23px;font-size:12px;color:#c4cdbb;text-decoration:underline;text-underline-offset:4px}.results{display:flex;justify-content:space-around;border-top:1px solid #77836055;padding-top:23px;margin-top:23px}.results span{display:block;font-size:9px;letter-spacing:1px;color:#b5c4a7}.results strong{font-size:27px;color:var(--gold)}footer{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.location{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1.5px}.location small{display:block;color:#8eaa9d;font-size:8px;margin-top:5px;letter-spacing:2px}.live-dot{width:6px;height:6px;background:#b5f46c;border-radius:50%;box-shadow:0 0 12px #b5f46c88}.controls{display:flex;align-items:center;gap:22px;font-size:9px;font-weight:700;letter-spacing:1px;color:#b8c4b6}.controls>span{display:flex;align-items:center;gap:5px}kbd{font-family:inherit;display:inline-grid;place-items:center;min-width:23px;height:24px;padding:0 6px;border:1px solid #8c9f8b55;border-radius:4px;background:#1c2a23bb;color:#eae9d6;font-size:10px}.footer-actions{display:flex;align-items:center;gap:18px}.footer-actions button{font-size:9px;letter-spacing:1px;background:none;color:#c0cbb6;padding:10px 0}.footer-actions #help{border:1px solid #8c9f8b55;border-radius:50%;width:27px;height:27px;padding:0;font-weight:800}#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%) translateY(10px);text-align:center;pointer-events:none;font-weight:800;font-size:20px;color:var(--gold);text-shadow:0 2px 5px #000;opacity:0;transition:.2s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.run-progress{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);width:230px;display:flex;align-items:center;gap:12px;font-size:8px;font-weight:800;letter-spacing:1px;white-space:nowrap;color:#c3d2b6}.run-progress>div{height:3px;background:#516145;flex:1;min-width:35px}.run-progress i{display:block;height:100%;background:#c9f476;width:0}.help-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,92vw);padding:32px;background:#17261bf7;border:1px solid #9caa7377;border-radius:14px;box-shadow:0 20px 100px #000b}.help-panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;color:var(--gold)}.help-panel p{font-size:13px;line-height:1.65;color:#ccd3bc}.help-panel small{font-size:10px;color:#9cae92;line-height:1.5;display:block}.close{position:absolute;right:16px;top:12px;background:none;font-size:28px}#loading{position:absolute;inset:0;background:#142019;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:10;font-size:14px;letter-spacing:2px}#loading small{font-size:11px;letter-spacing:0;color:#a8b999}.loader{width:34px;height:34px;border:3px solid #45533a;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none!important}#touch-controls{display:none}.playing .menu{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media(max-width:1000px){.controls{gap:9px;font-size:8px}.menu{left:6%;width:340px}.hud{left:22px;right:22px}.score-box{min-width:200px}.hud strong{font-size:25px}.footer-actions{gap:12px}.location{font-size:9px}footer{left:22px;right:22px}.menu{top:25%}.intro{margin-bottom:20px}}@media(max-width:700px){.hud{top:max(16px,env(safe-area-inset-top));left:14px;right:14px;gap:7px}.hud-panel{padding:9px 12px;gap:9px;border-radius:11px}.score-box{min-width:0}.hud strong{font-size:21px}.label{font-size:7px;letter-spacing:1px}.hud-icon{font-size:26px}.best{left:8px;font-size:7px;bottom:-16px}.wallet .coin-icon{width:28px;height:28px;font-size:16px;border-width:2px}.hud-right{gap:7px}.icon-button{width:42px;height:54px;border-radius:11px;font-size:23px}.multiplier{position:absolute;top:70px;right:8px}.multiplier strong{font-size:39px}.multiplier span{font-size:6px;letter-spacing:1px}.menu{left:7%;top:18%;width:86%;pointer-events:none}.menu .personal-best{display:none}.menu button{pointer-events:auto}h1{font-size:83px;margin:20px 0;max-width:240px}.eyebrow{font-size:8px;letter-spacing:1.9px}.tagline{font-size:17px;margin-top:25px}.intro{font-size:12px;max-width:230px}.primary{width:245px;padding:16px 20px;font-size:16px}.controls{display:none}footer{left:20px;right:20px;bottom:max(20px,env(safe-area-inset-bottom))}.location{font-size:8px}.location small{font-size:6px}.footer-actions{gap:14px}.footer-actions button{font-size:8px}.vignette{background:linear-gradient(90deg,#0b151bd9,transparent 90%),linear-gradient(0deg,#0b191edf,transparent 40%)}.playing #touch-controls{position:absolute;bottom:75px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px}#touch-controls button{width:53px;height:48px;background:#14271abd;border:1px solid #afc38255;border-radius:12px;font-size:22px;touch-action:manipulation;backdrop-filter:blur(6px)}.run-progress{bottom:140px;width:210px}#toast{top:27%;font-size:17px;width:90%}.dialog{padding:28px}.dialog h2{font-size:50px}}@media(max-height:650px) and (min-width:701px){.menu{top:23%}h1{font-size:82px;margin:15px 0}.tagline{margin:20px 0 8px;font-size:18px}.intro{margin:10px 0 16px;font-size:12px}.primary{padding:14px 20px}.personal-best{margin-top:16px}footer{bottom:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}