@font-face{font-family:"Press Start 2P";src:url(/assets/PressStart2P-Regular-CGiUnqOA.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}body{margin:0;background:#111}html,body,#app{width:100%;height:100%;min-height:100vh}.wrap{position:relative;width:100vw;height:100vh;height:100dvh;box-sizing:border-box;overflow:hidden;touch-action:none}canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.start-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 72px));font-family:"Press Start 2P",monospace;font-size:14px;padding:14px 18px;border:4px solid #0b5d1e;background:#fffffff0;color:#111;text-align:center;box-shadow:0 8px 24px #00000047;pointer-events:none}.game-over-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.restart{font-family:"Press Start 2P",monospace;font-size:18px;padding:18px 26px;border:4px solid #0b5d1e;background:#fff;color:#111;cursor:pointer}.joystick-area{position:absolute;right:18px;bottom:18px;width:150px;height:150px;display:flex;align-items:center;justify-content:center;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none}.site-footer{position:absolute;left:50%;bottom:max(0px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:4;display:flex;flex-wrap:nowrap;gap:20px;align-items:center;justify-content:center;padding:10px 12px;background:#0c120ed1;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.site-footer a{font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.6;color:#f6d96a;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:#fff8cf}.joystick-base{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff5c,#ffffff14 38%,#14221670),#ffffff24;border:3px solid rgba(255,255,255,.42);box-shadow:inset 0 6px 18px #fff3,inset 0 -14px 22px #00000047,0 10px 26px #0000003d;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joystick-knob{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8cf,#f6d96a 45%,#c78f18);border:3px solid rgba(87,57,6,.45);box-shadow:0 6px 16px #0000004d,inset 0 4px 10px #ffffff80;transition:transform .08s ease-out,box-shadow .12s ease-out}.joystick-knob.active{box-shadow:0 8px 20px #00000057,inset 0 4px 10px #ffffff80,0 0 0 8px #ffd75c24}@media (max-width: 768px){.restart{font-size:14px;padding:16px 20px}.site-footer{left:50%;right:auto;bottom:max(0px,env(safe-area-inset-bottom));transform:translate(-50%);gap:16px;padding:8px 10px}.site-footer a{font-size:8px}.joystick-area{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:136px;height:136px}.joystick-base{width:120px;height:120px}.joystick-knob{width:52px;height:52px}}