@import "https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{background:#9bbbd0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}#app{width:100%;height:100%}canvas{touch-action:none;width:100%;height:100%;display:block}#hud{pointer-events:none;color:#fff;position:fixed;inset:0}.hud-left{background:#191919cc;border-radius:12px;padding:15px 20px;position:absolute;top:25px;left:25px}#level{margin-bottom:8px;font-size:24px;font-weight:700}#lives{font-size:23px}#message{text-align:center;text-shadow:2px 3px 5px #333;white-space:nowrap;font-size:38px;font-weight:700;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#message small{margin-top:15px;font-size:20px;display:block}#restart{color:#222;cursor:pointer;pointer-events:auto;background:#e7a637;border:none;border-radius:8px;margin:25px auto 0;padding:15px 25px;font-size:18px;font-weight:700;display:block}@media (width<=600px){.hud-left{padding:12px 16px;top:15px;left:15px}#level,#lives{font-size:19px}#message{font-size:27px}}#jaywalker-logo{z-index:100;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#jaywalker-logo img{width:clamp(180px,24vw,300px);height:auto;display:block}#lives{justify-content:flex-start;align-items:center;gap:6px;margin-top:6px;display:flex}.life-bag{background:linear-gradient(#caa66b 0%,#b98e54 100%);border:1px solid #6e5030;border-radius:2px 2px 3px 3px;width:16px;height:20px;display:inline-block;position:relative;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000059}.life-bag:before{content:"";background:#d8b47b;border:1px solid #6e5030;border-bottom:none;border-radius:2px 2px 0 0;width:12px;height:6px;position:absolute;top:-3px;left:1px;transform:rotate(-2deg)}