*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#b9b9b9;touch-action:none}#home-screen{background-color:#b9b9b9;background-image:linear-gradient(rgba(0,0,0,.05) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.05) 2px,transparent 2px);background-size:30px 30px;background-position:center center}canvas{display:block}#game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.arras-text,.title-text,button,.xp-label,#level-text,#leaderboard-title{color:#fff;paint-order:stroke fill;stroke:#333;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;-webkit-text-stroke:1.5px #333333}.title-text{font-size:52px;margin-bottom:10px;stroke-width:8px;-webkit-text-stroke:2px #333333}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#b9b9b980}.overlay{background:#0006}.hidden{display:none!important}.panel{width:380px;background:#eee;border:5px solid #444;border-radius:8px;padding:30px 25px;text-align:center;box-shadow:0 8px #0000001a}.small-text{font-size:15px;color:#555;margin-bottom:20px}#username-input{width:100%;padding:12px;font-size:18px;text-align:center;color:#333;background:#fff;border:4px solid #444;border-radius:6px;outline:none;margin-bottom:12px}button{width:100%;padding:12px;font-size:22px;cursor:pointer;border:4px solid #444;border-radius:6px;transition:transform .05s,border-bottom .05s;border-bottom:8px solid #444;margin-top:5px}.btn-green{background:#7bd46e}.btn-grey{background:#a3a3a3}button:active{transform:translateY(4px);border-bottom:4px solid #444}.spinner{width:50px;height:50px;border:6px solid #ccc;border-top-color:#7bd46e;border-radius:50%;margin:20px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#xp-ui{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:350px;z-index:10;pointer-events:none}#xp-header{display:flex;justify-content:center;margin-bottom:5px}#level-text{font-size:20px}.bar-wrap{width:100%;border:4px solid #444;border-radius:6px;overflow:hidden;background:#555;margin-top:4px}.xp-bar-wrap{height:16px}.hp-bar-wrap{height:22px}#xp-bar{width:0%;height:100%;background:#ffe46b;transition:width .3s}#hp-bar{width:100%;height:100%;background:#85e37d;transition:width .2s}#leaderboard-ui{position:fixed;top:15px;right:15px;width:180px;background:#00000026;border-radius:4px;padding:8px;z-index:10}#leaderboard-title{text-align:center;font-size:16px;margin-bottom:6px;border-bottom:2px solid rgba(255,255,255,.1)}.lb-entry{display:flex;justify-content:space-between;font-size:13px;margin-bottom:2px}#notif-container{position:fixed;left:20px;bottom:100px;display:flex;flex-direction:column-reverse;gap:8px;z-index:20}.notif{background:#0006;color:#fff;padding:6px 12px;border-radius:4px;border-left:4px solid #7bd46e;font-size:13px;animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}#minimap-wrap{position:fixed;right:15px;bottom:15px;z-index:10;background:#0000001a;border:4px solid #444;border-radius:4px}