*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100%;font-family:Segoe UI,system-ui,sans-serif;background:#0c1117;color:#e8eef4}#app{position:fixed;inset:0}#app canvas{display:block}#loading{position:fixed;inset:0;z-index:50;background:#0c1117;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s;gap:8px}#loading h1{font-size:42px;letter-spacing:6px;margin:0;color:#9be8ff;font-weight:300}#loading p{color:#6f8294}#loading.gone{opacity:0;pointer-events:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui .hidden{display:none!important}#party{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px;width:230px}.pframe{pointer-events:auto;cursor:pointer;background:#0a1018b8;border:1px solid rgba(140,180,220,.18);border-radius:8px;padding:7px 9px;transition:border-color .15s}.pframe.selected{border-color:#7fe7ff}.pframe.dead{opacity:.55;filter:grayscale(.8)}.pf-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.pf-name{font-weight:600}.pf-lvl{color:#8fb6d8;font-size:12px}.pf-hp{position:relative;height:13px;background:#2a1518;border-radius:4px;overflow:hidden}.pf-hp-fill{height:100%;background:linear-gradient(#5dc26a,#3d9c4c);transition:width .2s}.pf-hp-text{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px;color:#fff;text-shadow:0 1px 2px #000}.pf-xp{height:4px;background:#14202c;border-radius:2px;margin-top:3px;overflow:hidden}.pf-xp-fill{height:100%;background:#8a6fd1;transition:width .3s}.pf-status{font-size:10px;color:#7e93a6;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:12px}#target-frame{position:absolute;top:14px;left:50%;transform:translate(-50%);width:220px;background:#0a1018b8;border:1px solid rgba(220,140,140,.25);border-radius:8px;padding:7px 9px}.tf-name{font-size:13px;font-weight:600}.tf-hp{height:12px;background:#2a1518;border-radius:4px;overflow:hidden;margin-top:4px}.tf-hp div{height:100%;background:linear-gradient(#e0635a,#b13c34);transition:width .2s}.tf-hp.party div{background:linear-gradient(#5dc26a,#3d9c4c)}#skillbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.skill{pointer-events:auto;position:relative;width:110px;height:44px;background:#0a1018c7;border:1px solid rgba(140,180,220,.25);border-radius:8px;overflow:hidden;display:flex;align-items:center;gap:8px;padding:0 10px}.skill-key{background:#223246;border-radius:4px;padding:1px 7px;font-size:13px;font-weight:700;color:#9be8ff}.skill-name{font-size:12px}.skill-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#141e2dd9;pointer-events:none}#chat{position:absolute;bottom:16px;left:14px;width:360px;display:flex;flex-direction:column;gap:6px}#log-tabs{display:flex;gap:4px}.log-tab{pointer-events:auto;cursor:pointer;font-size:11.5px;background:#080d148c;color:#7e93a6;border:1px solid transparent;border-radius:7px 7px 0 0;padding:3px 12px}.log-tab.active{background:#0d1520cc;color:#cfe3f5;border-color:#8cb4dc33}#chat-log,#combat-log{height:180px;overflow-y:auto;font-size:12.5px;line-height:1.45;padding:6px 8px;background:#080d148c;border-radius:0 8px 8px;scrollbar-width:thin;pointer-events:auto}.chat-line.system{color:#8d9aa8;font-style:italic}.combat-line{font-size:11.5px}.combat-line.out{color:#e8d28e}.combat-line.in{color:#ff9d92}.combat-line.heal{color:#8fe89a}.combat-line.kill{color:#cfe3b8;font-weight:600}.combat-line.death{color:#ff6b6b;font-weight:600}.combat-line.note{color:#8d9aa8;font-style:italic}#chat-input{pointer-events:auto;background:#0a1018cc;border:1px solid rgba(140,180,220,.25);border-radius:8px;color:#e8eef4;padding:7px 10px;font-size:13px;outline:none}#chat-input:focus{border-color:#7fe7ff}.plate{text-align:center;pointer-events:none;transform:translateY(-100%);width:150px}.plate-name{font-size:12px;font-weight:600;text-shadow:0 1px 3px #000;color:#eef6ff}.plate.hostile .plate-name{color:#ffb3a7}.plate-hp{width:56px;height:5px;margin:2px auto 0;background:#140a0acc;border-radius:2px;overflow:hidden}.plate-hp-fill{height:100%;background:#5dc26a}.plate.hostile .plate-hp-fill{background:#e0635a}.bubble{display:none;margin:0 auto 5px;padding:5px 9px;max-width:150px;background:#f5fafff2;color:#1a2430;font-size:11.5px;border-radius:9px;line-height:1.3}.bubble.show{display:inline-block}.floater{font-size:15px;font-weight:700;text-shadow:0 1px 3px #000;pointer-events:none}.floater.dealt{color:#ffd866}.floater.hurt{color:#ff6b6b}.floater.heal{color:#7dff8a}#debug{position:absolute;top:14px;right:14px;width:360px;max-height:calc(100vh - 40px);overflow-y:auto;pointer-events:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px;font-size:12px}.dbg-head{background:#0a1018d9;border-radius:8px;padding:6px 10px;color:#8fb6d8}.dbg-card{background:#0a1018d9;border:1px solid rgba(140,180,220,.18);border-radius:8px;padding:8px 10px}.dbg-title{font-weight:700;font-size:13px}.dbg-status{font-weight:400;color:#9be8ff;margin-left:6px}.dbg-meta{color:#7e93a6;margin:2px 0}.dbg-action{color:#cfe3b8;word-break:break-all;margin-bottom:4px}.dbg-card pre{white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto;background:#0a0f15;border-radius:6px;padding:6px;margin:4px 0;color:#a8c0d4}.dbg-card summary{cursor:pointer;color:#6f8294}.dbg-errors{color:#ff8d80;white-space:pre-wrap}#death-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#28050873}#death-overlay h2{font-size:40px;margin:0;color:#ffd5d0;letter-spacing:3px}#death-overlay p{color:#e8b0aa}#login,#menu{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#080c12c7;backdrop-filter:blur(3px)}#login.hidden,#menu.hidden{display:none}.menu-box{width:320px;padding:28px 30px;text-align:center;background:#0d131cf2;border:1px solid rgba(140,180,220,.25);border-radius:14px;display:flex;flex-direction:column;gap:10px}.menu-box h1{font-size:26px;letter-spacing:5px;margin:0;color:#9be8ff;font-weight:300}.menu-box h2{font-size:20px;letter-spacing:4px;margin:0;color:#9be8ff;font-weight:300}.menu-sub{color:#7e93a6;font-size:12.5px;margin:0 0 6px}.menu-note{color:#5c6f80;font-size:11px;margin:4px 0 0}.menu-box input{background:#0a1018e6;border:1px solid rgba(140,180,220,.25);border-radius:8px;color:#e8eef4;padding:9px 11px;font-size:14px;outline:none}.menu-box input:focus{border-color:#7fe7ff}.menu-box button{background:linear-gradient(#2d6da8,#235687);border:1px solid #4f9ed8;border-radius:8px;color:#eef6ff;padding:9px;font-size:14px;cursor:pointer}.menu-box button:hover{filter:brightness(1.15)}.menu-box button:disabled{opacity:.6;cursor:default}#menu-logout{background:linear-gradient(#5a3038,#46262c);border-color:#8c4b55}#login-error{color:#ff8d80;font-size:12px;min-height:15px}#vr-button{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:30;background:linear-gradient(#7a3da8,#5d2d87);border:1px solid #b07fd8;border-radius:10px;color:#f4eaff;padding:11px 26px;font-size:15px;letter-spacing:1px;cursor:pointer}#vr-button:hover{filter:brightness(1.2)}#vr-button.hidden{display:none}#help{position:absolute;bottom:16px;right:14px;max-width:300px;font-size:11.5px;color:#8d9aa8;text-align:right;background:#080d148c;padding:7px 10px;border-radius:8px}