*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#ad844e;height:100dvh;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#ad844e;color:#4a3018;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700}#loading.hidden{opacity:0;transition:opacity .4s ease;pointer-events:none}#map-canvas{display:block;width:100%;height:100dvh;cursor:url(/cursors/arrow.png) 0 0,default;touch-action:none;image-rendering:auto}#map-canvas.cursor-sword{cursor:url(/cursors/sword.png) 0 0,crosshair}#map-canvas.cursor-talk{cursor:url(/cursors/talk.png) 0 26,help}#map-canvas.cursor-grab{cursor:url(/cursors/grab.png) 8 21,grab}#map-canvas.cursor-pointer{cursor:url(/cursors/pointer.png) 6 0,pointer}#map-canvas.cursor-wait{cursor:url(/cursors/wait.png) 6 11,wait}#name-tags{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.actor-name{position:absolute;left:0;top:0;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;color:#ffeb00;text-shadow:1px 1px 0 #000;white-space:nowrap;pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;will-change:transform}.actor-name-monster{color:#dd0303}.actor-name-npc{color:#36ff35}.actor-name-dead{color:#bbb}.actor-hp-bar{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:32px;height:4px;background:#111;border:1px solid #000;border-radius:1px;margin-bottom:2px;display:none;overflow:hidden}.actor-hp-fill{width:100%;height:100%;background:#c30000;transition:width .15s ease-out}.damage-text{position:absolute;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#f33;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none;animation:floatUp .8s ease-out forwards;z-index:1000}@keyframes floatUp{0%{transform:translate(-50%) scale(.8);opacity:0}15%{transform:translate(-50%,-20px) scale(1.2);opacity:1}to{transform:translate(-50%,-50px) scale(1);opacity:0}}.actor-select-spheres{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;margin:0 -11px}.actor-sphere{width:10px;height:10px;image-rendering:pixelated}#coords{position:fixed;bottom:12px;right:12px;color:#4a3018;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;background:#ad844ed9;padding:6px 10px;border-radius:6px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}#coords.clickable{pointer-events:auto;cursor:url(/cursors/pointer.png) 6 0,pointer;-webkit-tap-highlight-color:transparent}#fullscreen-btn{position:fixed;top:12px;right:12px;z-index:20;width:40px;height:40px;border:none;border-radius:8px;background:#ad844ed9;color:#4a3018;display:flex;align-items:center;justify-content:center;cursor:url(/cursors/pointer.png) 6 0,pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#fullscreen-btn:active{background:#c0955e}#settings-btn{position:fixed;top:12px;right:60px;z-index:20;width:40px;height:40px;border:none;border-radius:8px;background:#ad844ed9;color:#4a3018;display:flex;align-items:center;justify-content:center;cursor:url(/cursors/pointer.png) 6 0,pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#settings-btn:active{background:#c0955e}#settings-dropdown{position:fixed;top:60px;right:12px;z-index:30;width:220px;background:#2e2013f2;border:2px solid #ad844e;border-radius:12px;box-shadow:0 8px 32px #00000080;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:url(/cursors/arrow_alt.png) 0 0,default;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}#settings-dropdown[hidden]{display:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-title{color:#ad844e;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:center;border-bottom:1px solid rgba(173,132,78,.3);padding-bottom:6px}.settings-options{display:flex;flex-direction:column;gap:6px}.settings-opt-btn{background:#ad844e26;border:1px solid rgba(173,132,78,.4);color:#dfc29d;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;cursor:url(/cursors/pointer.png) 6 0,pointer;text-align:left;transition:all .2s ease}.settings-opt-btn:hover{background:#ad844e59;border-color:#ad844e;color:#fff}.settings-opt-btn.active{background:#ad844e;border-color:#ffe8b5;color:#2e2013;font-weight:700;box-shadow:0 0 10px #ad844e66}:fullscreen #fullscreen-btn,::backdrop #fullscreen-btn{display:none}:fullscreen #settings-btn,:-webkit-full-screen #settings-btn{right:12px}#error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff6b6b;font-family:system-ui,sans-serif;font-size:1.1rem;background:#000000b3;padding:16px 24px;border-radius:8px}#chat{position:fixed;bottom:12px;left:12px;width:370px;max-width:calc(100vw - 24px);z-index:20;display:flex;flex-direction:column;pointer-events:none}#chat-messages{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px 0;scrollbar-width:none}#chat-messages::-webkit-scrollbar{display:none}.chat-msg{font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:13px;color:#000;background:#ad844ed9;padding:3px 8px;border-radius:4px;word-break:break-word;pointer-events:none;width:fit-content;max-width:100%}.chat-msg .chat-time{color:#653;font-size:11px;margin-right:4px}.chat-msg .chat-name{font-weight:600;color:#006}.chat-msg .chat-name-boy{color:#006}.chat-msg .chat-name-girl{color:#702}.chat-msg .chat-name-self{color:#060}#chat-input{margin-top:4px;padding:8px 10px;border:none;border-radius:6px;background:#ad844ed9;color:#000;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:13px;outline:none;pointer-events:auto;cursor:url(/cursors/text.png) 6 8,text}#chat-input::placeholder{color:#4a3018}#chat-input:focus{background:#c0955e}.chat-msg-system{color:#4a3018;font-style:italic}