@font-face{font-family:'Bungee';font-style:normal;font-weight:400;font-display:swap;src:url('assets/bungee.ttf') format('truetype')}

:root{color-scheme:dark;--lime:#ccff00;--cyan:#00ead6;--pink:#ff26d9;--ink:#080a07;--muted:#a4aa97;--line:#2c3324;--font:'Bungee',Impact,'Arial Black',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--ink);color:#f3f6e9;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:disabled{cursor:wait;opacity:.5}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
svg{display:block;width:21px;height:21px;flex:none}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.page-shell{width:min(1400px,100% - 80px);margin:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font);font-size:13px;letter-spacing:.08em}
.brand img{width:29px;transform:scaleX(-1)}
.top-note{font-size:12px;letter-spacing:.14em;color:var(--muted);font-family:var(--font)}
.title-line{position:relative;padding:28px 0 20px}
h1{font-family:var(--font);font-size:clamp(60px,10.55vw,151px);font-weight:400;line-height:1.05;letter-spacing:-.025em;text-align:center;margin:0 0 14px;color:var(--lime);text-shadow:3px -3px 0 var(--cyan),-3px 4px 0 var(--pink);transform:rotate(-2deg)}
.edition{font-family:var(--font);font-size:12px;letter-spacing:.08em;display:block;color:var(--muted)}
.edition-right{position:absolute;right:0;bottom:17px}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center;padding:15px 0 48px}
.hero-copy{min-width:0;padding:18px 0 0}
.eyebrow{font-family:var(--font);font-size:12px;letter-spacing:.09em;color:var(--lime);margin:0 0 17px}
.hero h2{font-family:var(--font);font-weight:400;font-size:clamp(30px,3.35vw,47px);line-height:1.16;margin:0 0 20px;letter-spacing:-.02em}
.hero h2 span{color:var(--lime)}
.intro{font-size:17px;line-height:1.7;color:#adb2a3;margin:0 0 28px}
.socials{display:flex;gap:10px;margin-bottom:10px;max-width:410px}
.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);font-family:var(--font);font-size:14px;line-height:1.25;padding:15px 19px;background:#14180f;transition:background .18s,color .18s,transform .18s,box-shadow .18s;color:#f2f4e9;border-radius:4px}
.button:hover{background:#202816;border-color:var(--lime);transform:translateY(-2px)}
.social{flex:1;white-space:nowrap}
.copy-button{width:100%;max-width:410px;color:var(--lime);border-color:#627919;background:#172004;min-height:55px}
.copy-button:hover{background:var(--lime);color:var(--ink);box-shadow:0 4px 0 #728a16}
.contract-status{margin:10px 0 0;font-family:var(--font);font-size:12px;color:var(--muted);letter-spacing:.08em;overflow-wrap:anywhere;max-width:410px}
.character-chase{height:146px;position:relative;display:flex;align-items:center;gap:29px;max-width:430px;margin-top:23px}
.chase-track{position:absolute;height:4px;bottom:8px;left:0;right:0;background:var(--lime);border-radius:4px;opacity:.7}
.chase-track:before{content:'';position:absolute;width:16px;height:27px;border:4px solid var(--lime);border-right:0;border-radius:14px 0 0 14px;left:-3px;bottom:0;transform:translateY(0)}
.chase-track:after{content:'';position:absolute;left:0;right:0;top:-65px;height:5px;background-image:radial-gradient(circle,#7c856e 2px,transparent 3px);background-size:23px 5px;z-index:-1}
.chase-bear{width:111px;animation:bob 2.4s ease-in-out infinite}
.chase-pepa{width:102px;transform:scaleX(-1);animation:pepaBob 2.4s ease-in-out -.6s infinite}
.cash-sprite{display:block;width:48px;height:42px;flex:none;background-image:url('assets/arcade-sprites.png');background-repeat:no-repeat;background-size:1080.26px 359.74px;background-position:-229.45px -88.09px}
.chase-cash{transform:scale(1.25);margin-left:13px;animation:bob 2.4s ease-in-out -1.2s infinite}
.chase-caption{font-family:var(--font);font-size:12px;color:#a4aa97;margin:4px 0 0;letter-spacing:.035em}
.chase-caption span{color:#eef1e1}
.arcade{min-width:0;border:1px solid #414d2c;border-radius:9px;background:#10140b;box-shadow:0 8px 0 #040503,0 0 60px #cfff0005;overflow:hidden}
.arcade-top{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-family:var(--font);font-size:12px;letter-spacing:.04em;color:#b8c3a0}
.arcade-top>span{display:flex;align-items:center;gap:8px}
.arcade-top i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px #cfff0070}
.icon-button{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:0;background:transparent;color:#b8c3a0}
.icon-button:hover{color:var(--lime)}
.sound-off{display:none}.muted .sound-waves{display:none}.muted .sound-off{display:block}
.scoreboard{display:grid;grid-template-columns:1fr 1.3fr .65fr .8fr;gap:8px;padding:13px 18px 11px;background:#0d1108}
.scoreboard>div{min-width:0;display:flex;flex-direction:column}
.stat-label{font-family:var(--font);font-size:12px;color:#a5ae92;letter-spacing:.06em;white-space:nowrap}
.stat-label small{font:9px Arial,sans-serif;letter-spacing:0;color:#788166}
.scoreboard strong{font-family:var(--font);font-size:22px;line-height:1.45;font-weight:400;color:var(--lime);font-variant-numeric:tabular-nums}
.scoreboard>div:nth-child(2) strong{color:#f3f6e9}
#lives{display:flex;gap:5px;height:32px;align-items:center}
#lives img{width:19px;height:auto}
.board-wrap{position:relative;background:#020401;aspect-ratio:21/19}
#game{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}
.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0003;padding:16px}
.game-overlay[hidden]{display:none}
.start-card{width:min(330px,100%);padding:27px 18px 22px;text-align:center;background:#080d04f5;border:1px solid #819936;border-radius:5px;box-shadow:0 10px 50px #000}
.overlay-kicker{font-family:var(--font);font-size:12px;color:var(--cyan);letter-spacing:.055em}
.start-card h3{font-family:var(--font);font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.1;margin:13px 0 16px;color:var(--lime);text-shadow:-2px 2px 0 #9c206f}
.start-card p{font-size:15px;line-height:1.6;color:#bfc6b2;margin:0 0 21px}
.play-button{border:0;background:var(--lime);color:#0a0e00;width:100%;font-size:18px;box-shadow:0 4px 0 #718e00}
.play-button:hover{background:#dcff55;color:#000;box-shadow:0 6px 0 #718e00}
.overlay-hint{display:block;font-size:11px;letter-spacing:.06em;color:#99a482;font-family:var(--font);margin-top:19px}
.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:47px;padding:8px 17px;border-top:1px solid var(--line)}
.game-message{font-family:var(--font);font-size:11px;color:#b1bd9a;line-height:1.45}
.text-button{border:0;background:none;color:#dce5cb;font-family:var(--font);font-size:12px;padding:6px 0 6px 6px;white-space:nowrap;min-height:32px}
.text-button span{color:var(--lime);margin-left:6px}
.touch-controls{display:none}
.how-to{display:grid;grid-template-columns:1.05fr .95fr 1.25fr 1.15fr;gap:24px;padding:31px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}
.how-title .eyebrow{font-size:11px;margin-bottom:5px;color:#a5ae92}
.how-title h2{font-family:var(--font);font-weight:400;font-size:20px;margin:0;color:var(--lime);line-height:1.2}
.rule{display:flex;gap:12px;align-items:center}
.rule p{display:flex;flex-direction:column;gap:5px;margin:0}
.rule strong{font-family:var(--font);font-weight:400;font-size:12px}
.rule p>span{font-size:13px;line-height:1.45;color:#969f88}
.rule-icon{width:44px;flex:none;color:var(--lime);font-size:32px;letter-spacing:2px;line-height:1}
.rule img{width:48px;flex:none}
footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0 30px;font-family:var(--font);font-size:11px;color:#869174;letter-spacing:.04em}
footer a:hover{color:var(--lime)}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--lime);color:#0a1000;font-family:var(--font);font-size:13px;padding:15px 22px;border-radius:4px;box-shadow:0 5px 30px #0008;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:calc(100% - 32px);width:max-content;text-align:center}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.noscript{padding:20px;text-align:center;color:var(--lime)}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes pepaBob{0%,100%{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-7px)}}
@media(min-width:1600px){.hero{grid-template-columns:1fr 660px}.title-line{padding-top:38px}.hero-copy{padding-left:32px}}
@media(max-width:1100px){.page-shell{width:calc(100% - 48px)}.hero{gap:26px;grid-template-columns:.9fr 1.1fr}.hero h2{font-size:3.3vw}.button{font-size:12px;padding:14px 12px;gap:9px}.socials{gap:8px}.intro{font-size:16px}.stat-label small{display:none}.scoreboard strong{font-size:20px}.character-chase{gap:22px}.chase-bear{width:95px}.chase-pepa{width:86px}.chase-cash{margin-left:5px}.how-to{grid-template-columns:1fr 1fr;gap:28px}.how-title h2{font-size:23px}}
@media(max-width:760px){.page-shell{width:calc(100% - 32px);max-width:600px}.topbar{min-height:58px}.brand{font-size:10px;gap:8px}.brand img{width:24px}.top-note{font-size:9px;letter-spacing:.02em}.title-line{padding:22px 0 18px}h1{font-size:11.3vw;max-width:100%;letter-spacing:-.04em;margin:4px 0 11px;text-shadow:2px -2px var(--cyan),-2px 3px var(--pink)}.edition{font-size:9px}.edition-right{bottom:16px}.hero{display:flex;flex-direction:column;gap:21px;padding:4px 0 29px;align-items:stretch}.hero-copy{padding:0;display:flex;flex-wrap:wrap;column-gap:12px;align-items:center}.hero-copy .eyebrow{display:none}.hero h2{font-size:clamp(20px,4.3vw,29px);line-height:1.2;flex:1;margin:0 0 14px;white-space:nowrap}.intro{flex:1;font-size:13px;line-height:1.5;margin:0 0 14px;color:#a6ad9b}.desktop-break{display:none}.socials{width:100%;max-width:none;margin:0;flex:1.1;gap:7px}.button{font-size:10px;gap:7px;padding:12px 8px;min-height:45px}.button svg{width:16px;height:16px}.copy-button{flex:1;max-width:none;min-height:45px}.contract-status{margin:7px 0 0;width:100%;max-width:none;font-size:9px}.character-chase,.chase-caption{display:none}.arcade-top{height:41px;font-size:11px;padding-inline:12px}.scoreboard{padding:11px 13px 10px}.start-card{padding:25px 18px}.start-card h3{font-size:36px}.play-button{font-size:17px;min-height:51px}.play-button svg{width:22px;height:22px}.touch-controls{display:flex;align-items:center;justify-content:center;gap:38px;padding:13px 15px 18px;border-top:1px solid var(--line)}.touch-hint{font-family:var(--font);font-size:11px;line-height:1.7;color:#9da98a}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,36px);gap:4px;touch-action:none}.direction{display:flex;align-items:center;justify-content:center;border:1px solid #4a5930;border-radius:4px;background:#1b2510;color:var(--lime);padding:4px;touch-action:none;user-select:none;min-width:0}.direction:hover,.direction:active{background:var(--lime);color:#101600}.direction svg{width:19px;height:19px}.up{grid-area:1/2}.up svg{transform:rotate(-90deg)}.left{grid-area:2/1}.left svg{transform:rotate(180deg)}.right{grid-area:2/3}.down{grid-area:3/2}.down svg{transform:rotate(90deg)}.dpad-center{grid-area:2/2;background:#161e0e;border:1px solid #303c22;border-radius:50%;width:16px;height:16px;place-self:center}.how-to{gap:23px 15px;padding:26px 0}.how-title h2{font-size:19px}.rule{gap:9px}.rule strong{font-size:10px}.rule p>span{font-size:12px}.rule img{width:37px}.rule .cash-sprite{transform:scale(.8);margin-inline:-5px}.rule-icon{width:34px;font-size:27px}footer{flex-wrap:wrap;font-size:9px;padding:21px 0;gap:12px}footer>span:nth-child(2){margin-left:auto}footer a{width:100%;text-align:center}}
@media(min-width:531px) and (max-width:760px){h1{font-size:64px}}
@media(pointer:coarse) and (min-width:761px){.touch-controls{display:flex;justify-content:center;padding:12px;gap:25px}.touch-hint{font-size:12px;color:var(--muted)}.dpad{display:flex;gap:6px}.direction{width:42px;height:42px;display:flex;justify-content:center;align-items:center;background:#1b2510;border:1px solid #4a5930;color:var(--lime);border-radius:4px}.up svg{transform:rotate(-90deg)}.left svg{transform:rotate(180deg)}.down svg{transform:rotate(90deg)}.dpad-center{display:none}}
@media(max-width:380px){.page-shell{width:calc(100% - 24px)}.top-note{font-size:8px}.brand{font-size:9px}.title-line{padding-top:20px}.edition{font-size:8px}.edition-right{font-size:8px}.hero-copy{column-gap:9px}.hero h2{font-size:5.3vw}.intro{font-size:12px}.socials{flex-basis:100%;margin-bottom:8px}.socials .button{font-size:11px}.copy-button{flex-basis:100%;font-size:11px}.scoreboard{gap:5px;padding:9px 10px}.stat-label{font-size:9px}.scoreboard strong{font-size:16px}#lives{gap:3px;height:24px}#lives img{width:14px}.arcade-top{font-size:9px}.start-card{padding:18px 10px 15px}.start-card h3{font-size:28px;margin:9px 0}.overlay-kicker{font-size:9px}.start-card p{font-size:12px;line-height:1.5;margin-bottom:14px}.play-button{font-size:14px;min-height:44px}.overlay-hint{font-size:8px;margin-top:14px}.game-overlay{padding:16px 25px}.game-bottom{padding:6px 10px}.game-message{font-size:9px}.text-button{font-size:10px}.touch-controls{gap:20px}.touch-hint{font-size:9px}.dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,35px)}.how-to{grid-template-columns:1fr}.how-title{margin-bottom:0}.rule strong{font-size:12px}.rule p>span{font-size:13px}.how-title h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
