@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{font-family:'DM Sans',system-ui,sans-serif;color:#fff;--yellow:#ffe36e;--pink:#ff638b;--blue:#78e8f2}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101b35}button{font:inherit;cursor:pointer}#game{position:relative;width:100%;height:100%;min-height:460px;overflow:hidden;background:linear-gradient(#5fb3da,#efbb9b)}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,39,.25),transparent 28%,transparent 72%,rgba(8,16,39,.22)),linear-gradient(0deg,rgba(8,15,32,.43),transparent 27%,transparent 78%,rgba(8,15,32,.13))}.topbar{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,64px)}.brand{display:flex;align-items:center;gap:9px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:.07em;font-size:22px;text-shadow:0 2px 12px #27345955}.brand b{color:var(--yellow)}.brand-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--yellow);color:#192340;transform:rotate(-12deg);border-radius:8px;font-size:22px}.icon-button,.pause-button{border:1px solid #ffffff66;background:#12274b88;color:white;width:42px;height:42px;border-radius:13px;font-size:22px;backdrop-filter:blur(10px)}.icon-button:hover,.pause-button:hover{background:#244778}.hud{position:absolute;z-index:2;top:84px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;gap:7px}.hud[hidden],.panel[hidden],.mobile-controls[hidden]{display:none}.stat{min-width:122px;background:#142448c9;border:1px solid #ffffff36;border-radius:12px;padding:8px 14px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 30px #06132b2a;backdrop-filter:blur(10px)}.stat-label{font-size:10px;letter-spacing:.17em;color:#b5dce4;font-weight:800}.stat strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:1.05;letter-spacing:.035em}.coin-stat{min-width:75px;flex-direction:row;align-items:center;gap:8px}.coin-symbol{color:var(--yellow);font-size:23px}.chase-stat{min-width:114px}.hearts{font-size:19px;letter-spacing:2px;color:var(--pink);white-space:nowrap}.pause-button{height:auto;min-height:57px;width:55px}.panel{position:absolute;z-index:3;top:50%;left:clamp(20px,8.5vw,150px);transform:translateY(-45%);width:min(500px,calc(100% - 40px));padding:0;text-shadow:0 3px 18px #1b244077}.intro:before,.result:before,.pause:before{content:'';position:absolute;z-index:-1;inset:-32px -40px -32px -32px;background:linear-gradient(90deg,#111d3be8,#111d3bd9 70%,transparent);filter:blur(11px);border-radius:30px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--yellow);font-size:11px;letter-spacing:.2em;font-weight:800}.eyebrow-line{height:2px;width:21px;background:var(--yellow)}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:.015em;line-height:.85;margin:20px 0 22px;text-transform:uppercase}h1{font-size:clamp(76px,9vw,138px)}h1 em{font-style:normal;color:var(--yellow)}h2{font-size:clamp(72px,8vw,110px)}.panel p{max-width:390px;color:#e4edf5;font-size:16px;line-height:1.65;margin:0 0 25px;font-weight:500}.control-guide{display:flex;flex-wrap:wrap;gap:13px 18px;margin-bottom:28px;color:#e9f3f9;font-size:12px;font-weight:700;align-items:center}.control-guide span{white-space:nowrap}kbd{display:inline-grid;place-items:center;min-width:25px;height:24px;padding:0 5px;border:1px solid #ffffff68;border-bottom:2px solid #ffffff98;background:#ffffff25;border-radius:5px;font-family:inherit;margin-right:4px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;width:min(280px,100%);padding:17px 21px;background:var(--yellow);border:0;border-radius:8px;color:#162240;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 0 #d8a944,0 16px 25px #15192788;transition:transform .12s,box-shadow .12s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 11px 0 #d8a944,0 19px 30px #15192788}.primary-button:active{transform:translateY(5px);box-shadow:0 3px 0 #d8a944,0 7px 14px #15192788}.primary-button span{font-size:26px}.age-note{margin-top:23px;color:#b9d2db;font-size:11px;font-weight:700;letter-spacing:.04em}.result-mark{font-size:54px;color:var(--yellow)}.result-score{border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;max-width:280px;padding:13px 0;margin-bottom:27px;display:flex;justify-content:space-between;align-items:center}.result-score span{font-size:11px;letter-spacing:.14em;font-weight:800}.result-score strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;color:var(--yellow)}.toast{position:absolute;z-index:2;top:167px;left:50%;transform:translate(-50%,-10px);background:#142448dc;border:1px solid #ffffff55;border-radius:30px;padding:9px 20px;font-weight:800;font-size:13px;letter-spacing:.06em;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-controls{position:absolute;z-index:2;bottom:34px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;padding:0 25px;pointer-events:none}.mobile-controls button{pointer-events:auto;border:1px solid #ffffff77;background:#192f55b8;color:#fff;border-radius:50%;width:64px;height:64px;font-size:29px;font-weight:800;backdrop-filter:blur(8px);box-shadow:0 8px 18px #08172c55;touch-action:manipulation}.mobile-controls .jump{margin-left:auto;margin-right:16px;background:#ffe36edc;color:#182447;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:26px}.mobile-controls small{font-size:9px;letter-spacing:.08em}.footer-note{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.2em;color:#fff8;text-shadow:0 1px 8px #122849}.mobile-controls:not([hidden])~.footer-note{display:none}@media(max-width:720px){.topbar{padding:14px 18px}.brand{font-size:17px}.brand-icon{width:26px;height:26px}.hud{top:62px;gap:4px}.stat{min-width:92px;padding:7px 9px}.stat strong{font-size:24px}.coin-stat{min-width:59px}.chase-stat{min-width:87px}.hearts{font-size:15px;letter-spacing:0}.pause-button{width:40px}.panel{left:24px;top:51%;transform:translateY(-50%);width:calc(100% - 48px)}.intro:before,.result:before,.pause:before{inset:-20px -10px;background:#111d3bda}h1{font-size:clamp(65px,17vw,100px)}.panel p{font-size:14px;max-width:350px}.control-guide{gap:8px 12px;font-size:11px}.footer-note{bottom:11px;font-size:8px}}@media(max-height:650px){.panel{top:53%}h1{font-size:clamp(62px,12vh,100px);margin:12px 0}.panel p{margin-bottom:12px;line-height:1.45}.control-guide{margin-bottom:14px}.age-note{margin-top:15px}.topbar{padding-top:12px}.hud{top:58px}}