*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}a,body,html{color:#f0c040}a{text-decoration:none}a:hover{text-decoration:underline}.scene-root{position:fixed;inset:0;width:100vw;height:100dvh;touch-action:none}.canvas-mount{position:absolute;inset:0;touch-action:none}.canvas-mount canvas{display:block}.hud-top{position:absolute;top:0;left:0;width:100%;padding:20px;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);z-index:10;pointer-events:none}.hud-top h1{font-size:2.5em;text-shadow:0 0 10px #f0c040,0 0 20px #8b6508;letter-spacing:3px}.hud-top p{margin-top:5px;color:silver;font-size:.9em}.hud-bottom{bottom:20px;left:20px;color:#888;font-size:.8em}.hud-bottom,.hud-right{position:absolute;z-index:10}.hud-right{top:70px;right:20px;display:flex;flex-direction:column;gap:6px;background:rgba(0,0,0,.6);padding:10px 12px;border:1px solid rgba(240,192,64,.3);border-radius:4px}.hud-right label{color:#f0c040;font-size:.75em;letter-spacing:2px;text-transform:uppercase}.hud-right select{background:#111;color:#f0c040;border:1px solid #8b6508;padding:6px 10px;font-family:inherit;font-size:.9em;min-width:200px;cursor:pointer}.hud-right select:focus{outline:none;border-color:#f0c040}.landing{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:24px;padding:20px;text-align:center}.landing h1{font-size:3.5em;text-shadow:0 0 12px #f0c040,0 0 24px #8b6508;letter-spacing:4px}.landing p{color:silver;max-width:600px;line-height:1.5}.btn{display:inline-block;padding:12px 32px;border:1px solid #f0c040;background:rgba(240,192,64,.1);color:#f0c040;letter-spacing:2px;transition:all .2s}.btn:hover{background:rgba(240,192,64,.2);text-decoration:none;box-shadow:0 0 12px #f0c040}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.form{gap:14px;width:340px}.form,.form label{display:flex;flex-direction:column}.form label{gap:4px}.form label span{color:#8b6508;font-size:.75em;letter-spacing:2px}.form input,.form select{background:#111;color:#f0c040;border:1px solid #8b6508;padding:10px 12px;font-family:inherit;font-size:1em}.form input:focus,.form select:focus{outline:none;border-color:#f0c040;box-shadow:0 0 6px rgba(240,192,64,.4)}.char-list{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px}.char-btn{min-width:280px;padding:8px 16px;letter-spacing:1px;font-size:.9em}.hud-bars{position:absolute;top:110px;left:20px;z-index:10;display:flex;flex-direction:column;gap:4px;background:rgba(0,0,0,.5);padding:8px 10px;border-radius:4px;font-size:.85em}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:22px;color:silver;font-weight:700}.bar{width:160px;height:12px;background:#222;border:1px solid #555;border-radius:2px;overflow:hidden}.bar .fill{height:100%;transition:width .3s}.bar .fill.hp{background:linear-gradient(90deg,#4a0,#7d0)}.bar .fill.mp{background:linear-gradient(90deg,#04a,#07d)}.bar-num{font-size:.75em;color:#aaa;min-width:60px}.hud-chat{position:absolute;bottom:100px;left:20px;z-index:10;width:420px;max-height:220px;pointer-events:none}.chat-lines{display:flex;flex-direction:column;gap:2px;background:rgba(0,0,0,.35);padding:6px 8px;border-radius:2px;font-size:.85em}.chat-line{color:#ddd}.chat-chan{color:#8fa}.chat-from{color:#fd8}.chat-input-form{margin-top:4px;pointer-events:auto}.chat-input-form input{width:100%;background:rgba(0,0,0,.75);color:#f0c040;border:1px solid #f0c040;padding:6px 10px;font-family:inherit;font-size:.9em}.hud-actionbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:10}.slot{width:44px;height:44px;background:linear-gradient(180deg,#333,#111);border:2px solid #555;border-radius:4px;cursor:pointer;position:relative;color:#aaa;font-family:inherit}.slot:hover{border-color:#f0c040}.slot-num{position:absolute;bottom:1px;right:3px;font-size:.7em;color:#f0c040}.hud-bottom-right{bottom:8px;color:#888;font-size:.75em;z-index:10}.fps-big,.hud-bottom-right{position:absolute;right:20px}.fps-big{top:20px;font-size:1.6em;font-weight:700;z-index:11;text-shadow:0 0 4px rgba(0,0,0,.8),2px 2px 0 rgba(0,0,0,.6);letter-spacing:2px;padding:4px 10px;background:rgba(0,0,0,.4);border-radius:4px;font-family:Consolas,Monaco,monospace}.audio-unlock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);border:1px solid #f0c040;color:#f0c040;padding:14px 28px;z-index:30;font-size:1em;letter-spacing:1px;pointer-events:none;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 20px rgba(240,192,64,.6)}}.quest-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(10,10,20,.95);border:2px solid #f0c040;box-shadow:0 0 20px rgba(240,192,64,.4);padding:20px 24px;min-width:420px;max-width:600px;max-height:70vh;overflow-y:auto;z-index:20;color:#eee;font-size:.95em}.quest-npc{color:#f0c040;font-size:1.2em;letter-spacing:2px;border-bottom:1px solid #8b6508;padding-bottom:8px;margin-bottom:12px}.quest-entry{margin-bottom:16px;padding:10px;background:rgba(240,192,64,.05);border-left:3px solid #f0c040}.quest-title{color:#f0c040;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.quest-bullet{color:gold;font-size:1.3em;font-weight:700}.quest-details{color:#ccc;font-size:.9em;line-height:1.4}.touch-joy-base{position:fixed;left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));width:112px;height:112px;background:rgba(0,0,0,.3);border:2px solid rgba(240,192,64,.5);border-radius:50%;pointer-events:none;z-index:100;touch-action:none;opacity:.55;transition:opacity .15s,border-color .15s,background .15s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.touch-joy-base.active{opacity:1;border-color:#f0c040;background:rgba(0,0,0,.55)}.touch-joy-knob{position:absolute;width:50px;height:50px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;background:rgba(240,192,64,.8);border:2px solid #f0c040;border-radius:50%;transition:transform .04s;box-shadow:0 0 10px rgba(240,192,64,.4)}.touch-btn{position:fixed;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border:2px solid rgba(240,192,64,.5);color:#f0c040;font-family:inherit;font-weight:700;border-radius:50%;pointer-events:none;z-index:100;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .05s,background .1s,opacity .1s;opacity:.75;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.touch-btn.active{opacity:1;background:rgba(240,192,64,.35);transform:scale(.92)}.touch-btn-jump{right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:82px;height:82px;font-size:.8em;letter-spacing:2px}.touch-btn-interact{right:calc(120px + env(safe-area-inset-right));bottom:calc(48px + env(safe-area-inset-bottom));width:66px;height:66px;font-size:2em;line-height:1}@media (max-width:768px){.hud-top{padding:10px 16px}.hud-top h1{font-size:1.2em;letter-spacing:1.5px}.hud-top p{font-size:.65em;margin-top:2px}.hud-bars{top:calc(50px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));padding:6px 8px;font-size:.75em}.bar{width:100px;height:10px}.bar-num{min-width:36px;font-size:.7em}.hud-right{top:calc(50px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));padding:6px 8px}.hud-right select{min-width:110px;font-size:.75em;padding:4px 6px}.hud-chat{width:calc(100vw - 24px);max-width:260px;left:8px;bottom:calc(160px + env(safe-area-inset-bottom));max-height:120px}.chat-lines{font-size:.7em;padding:4px 6px;background:rgba(0,0,0,.55)}.hud-actionbar{bottom:calc(148px + env(safe-area-inset-bottom));gap:3px}.hud-actionbar .slot{width:34px;height:34px;min-width:34px;min-height:34px}.fps-big{font-size:.95em;padding:2px 6px;top:calc(6px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right))}.hud-bottom-right{font-size:.6em;bottom:calc(4px + env(safe-area-inset-bottom));right:8px;display:none}}@media (pointer:coarse){.slot{min-width:48px}.btn,.slot{min-height:48px}.btn{padding:14px 32px}}