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