body{margin:0;padding:0;background-color:#000;overflow:hidden}canvas{display:block;touch-action:none;-ms-touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}#mobile-controls{position:absolute;top:20px;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:100;pointer-events:none}#movement-buttons{display:flex;flex-direction:column;gap:10px;margin-top:auto}.move-btn{width:60px;height:60px;flex-shrink:0;background:#fff3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;touch-action:none;transition:all .1s ease-in-out;box-shadow:0 4px 6px #0000001a;cursor:pointer}.move-btn svg{filter:drop-shadow(0px 1px 2px rgba(0,0,0,.5))}.move-btn.pressed{background:#ffffff4d;transform:scale(.95);box-shadow:0 2px 4px #0003}#story-message{position:absolute;top:clamp(50px,15vh,150px);left:50%;transform:translate(-50%);color:#fff;font-family:Arial,sans-serif;font-size:clamp(1.1rem,3vw,1.7rem);text-align:center;z-index:100;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.speech-bubble{background-color:#fffc;border:4px solid;border-radius:15px;padding:15px;color:#000;text-shadow:none;max-width:80%;box-sizing:border-box;position:relative}.speech-bubble p{margin:0;font-family:Arial,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);color:#000}.speech-bubble-indicator{position:absolute;width:0;height:0;border-style:solid}.speech-bubble-indicator.up{border-width:0 15px 15px 15px;border-color:transparent transparent currentColor transparent;bottom:100%;left:50%;transform:translate(-50%)}.speech-bubble-indicator.down{border-width:15px 15px 0 15px;border-color:currentColor transparent transparent transparent;top:100%;left:50%;transform:translate(-50%)}.speech-bubble-indicator.right{border-width:15px 0 15px 15px;border-color:transparent transparent transparent currentColor;left:100%;top:50%;transform:translateY(-50%)}#menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:200}#menu-overlay.hidden{display:none}#menu-content{position:relative;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:40px;border-radius:10px;box-shadow:0 4px 30px #0000001a;text-align:center;width:clamp(250px,50vw,400px);user-select:none;-webkit-user-select:none;-moz-user-select:none}#restart-btn{background:#ffffff4d;border:1px solid rgba(255,255,255,.4);border-radius:5px;color:#fff;padding:10px 20px;font-size:13.5px;cursor:pointer;transition:background .2s;width:100%}#restart-btn:hover{background:#ffffff80}