*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100vw;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);background-color:#1a1a24;font-family:Inter,-apple-system,sans-serif;overflow:hidden}#game-container{width:100%;height:var(--app-height,100dvh);justify-content:center;align-items:center;display:flex;position:relative}#game-canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;outline:none;display:block}#dialog-overlay{pointer-events:none;z-index:10000;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:10vh;display:flex;position:absolute;top:0;left:0}#dialog-overlay.hidden{display:none}.dialog-box{pointer-events:auto;background:#000000f2;border:4px solid #fff;width:90%;max-width:450px;min-height:120px;padding:20px;position:relative;box-shadow:0 10px 30px #00000080}.dialog-name{color:#f1c40f;text-transform:uppercase;margin-bottom:20px;font-family:"Press Start 2P",cursive;font-size:18px}.dialog-text{color:#fff;word-wrap:break-word;white-space:pre-wrap;font-family:"Press Start 2P",cursive;font-size:16px;line-height:1.8}.untyped-text{color:#0000;-webkit-user-select:none;user-select:none}.dialog-indicator{color:#fff;font-size:20px;animation:.6s step-end infinite blink;display:none;position:absolute;bottom:15px;right:25px}.hidden{display:none!important}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#mobile-controls{pointer-events:none;z-index:5000;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}#joystick-container{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 24px);left:max(20px, env(safe-area-inset-left));pointer-events:auto;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute}#joystick-base{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}#joystick-stick{will-change:transform;background:#fffc;border:4px solid #f1c232;border-radius:50%;width:50px;height:50px;transition:transform 50ms ease-out;position:absolute}#action-button-container{right:max(20px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + 36px);pointer-events:auto;position:absolute}#action-button{color:#f1c232;cursor:pointer;touch-action:manipulation;background:#0f0f19cc;border:4px solid #f1c232;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-family:"Press Start 2P",cursive;font-size:28px;transition:background .1s,transform .1s;display:flex;box-shadow:0 5px 15px #00000080}#action-button:active,#action-button.pressed{color:#000;background:#f1c232;transform:scale(.9)}@media screen and (width<=600px){.dialog-box{width:95%;max-width:none;min-height:0;padding:14px 14px 20px}.dialog-name{margin-bottom:10px;font-size:12px;line-height:1.5}.dialog-text{font-size:11px;line-height:1.7}.dialog-indicator{bottom:10px;right:16px}#joystick-container{width:124px;height:124px;left:max(16px, env(safe-area-inset-left));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 24px)}#joystick-base{width:104px;height:104px}#joystick-stick{width:44px;height:44px}#action-button-container{right:max(16px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 32px)}#action-button{width:82px;height:82px;font-size:24px}}@media screen and (width<=600px) and (orientation:portrait){#dialog-overlay{padding:0 10px calc(max(176px, env(safe-area-inset-bottom) + 176px)) 10px;align-items:flex-end}.dialog-box{width:100%}}@media screen and (height<=540px){#dialog-overlay{padding-top:0;padding-bottom:calc(max(168px, env(safe-area-inset-bottom) + 168px));align-items:flex-end}.dialog-box{min-height:0}}