#ui{user-select:none}#ui *{box-sizing:border-box}.hidden{display:none!important}.overlay-full{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#lobby{background:transparent;z-index:50;justify-content:flex-end;padding-bottom:3.5vh}#lobby h1{font-size:24px;margin:0 0 4px;letter-spacing:4px;color:#ffd277;text-shadow:0 0 16px rgba(255,100,0,.6),0 2px 0 #000}#lobby .sub{color:#e8d5b0;margin-bottom:14px;letter-spacing:2px;font-size:12px;text-shadow:0 1px 3px #000}#lobby .sub:after{content:"";display:block;width:340px;height:1px;margin:10px auto 0;background:linear-gradient(90deg,transparent,#c8a04b,transparent)}#lobby input{width:220px;padding:8px 12px;font-size:15px;text-align:center;background:#1a0d12cc;color:#ffd;border:1px solid rgba(200,160,75,.4);border-radius:6px;outline:none;margin-bottom:14px}.class-cards{display:flex;gap:14px;margin-bottom:16px}.class-card{width:152px;padding:13px 12px;cursor:pointer;text-align:center;background:#0c080ea8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(200,160,75,.35);border-radius:10px;transition:border-color .15s,transform .15s,box-shadow .15s;color:#dcc}.class-card:hover{transform:translateY(-4px);border-color:#a06040}.class-card.sel{border-color:#ffd277;box-shadow:0 0 18px #ff963259}.class-card .icon{font-size:34px;margin-bottom:7px}.class-card .cname{font-size:17px;color:#ffd277;margin-bottom:6px}.class-card .cdesc{font-size:11px;line-height:1.6;color:#b9a}#join-btn{padding:12px 56px;font-size:18px;letter-spacing:8px;cursor:pointer;color:#1a0a05;background:linear-gradient(180deg,#ffd277,#e08030);border:none;border-radius:8px;font-weight:700}#join-btn:hover{filter:brightness(1.15)}#lock-hint{margin-top:12px;color:#b9a58e;font-size:12px;text-shadow:0 1px 3px #000}#lang-select{background:transparent;z-index:60;color:#ffd277;justify-content:flex-end;padding-bottom:12vh}#lang-select h1{font-size:24px!important;text-shadow:0 1px 4px #000}.lang-btn{padding:13px 38px;font-size:19px;letter-spacing:4px;cursor:pointer;color:#ffd277;background:#180b10c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(200,160,75,.4);border-radius:10px;font-family:var(--font-wow);transition:border-color .15s,transform .15s}.lang-btn:hover{transform:translateY(-3px);border-color:#ffd277;box-shadow:0 0 18px #ff963259}#lang-toggle{position:absolute;top:18px;right:22px;cursor:pointer;padding:6px 14px;font-size:13px;letter-spacing:1px;color:#b98;background:transparent;border:1px solid #4a2a20;border-radius:6px;font-family:var(--font-wow)}#lang-toggle:hover{color:#ffd277;border-color:#a06040}.hud{position:absolute;pointer-events:none}#pf,#tf{display:flex;gap:8px;align-items:flex-start;font-family:var(--font-wow)}#pf{top:14px;left:16px}#tf{top:14px;left:252px}.uf-portrait{width:62px;height:62px;flex:none;border-radius:50%;overflow:hidden;border:2px solid #c8a04b;background:#120d18;box-shadow:0 0 8px #000,inset 0 0 10px #000}.uf-portrait canvas{width:100%;height:100%;display:block}.uf-body{width:172px;position:relative}.uf-name{color:#ffd277;font-size:13px;font-weight:700;text-shadow:0 1px 2px #000;margin:2px 0 3px;white-space:nowrap;overflow:hidden}#tf-phase{color:#ffb060;font-size:11px;margin-left:6px}.uf-bar{position:relative;height:16px;background:#0c0a0e;border:1px solid #3a2a1a;border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3}.uf-bar .fill{height:100%;width:100%;transition:width .15s}.uf-bar.hp .fill{background:linear-gradient(180deg,#6ad06a,#2a8a2a)}.uf-bar.hp .fill.low{background:linear-gradient(180deg,#d05040,#8a1a10)}.uf-bar.boss .fill{background:linear-gradient(180deg,#d84a3a,#8a1408)}.uf-bar .uf-num{position:absolute;inset:0;font-size:10px;line-height:16px;color:#ffe;text-align:center;text-shadow:0 1px 1px #000}.uf-bar .phase-tick{position:absolute;top:0;bottom:0;width:2px;background:#ffffff8c}.uf-sub{margin-top:3px;font-size:10px;height:13px}#pf-protect{color:#ffd277;padding:0 5px;border:1px solid #8a6a30;border-radius:3px;background:#3c280899}#tf .uf-elite{position:absolute;inset:-7px;border:2px solid #c8a04b;border-radius:8px;box-shadow:0 0 12px #c8a04b59,inset 0 0 12px #0000008c;pointer-events:none}#tf .uf-elite:before,#tf .uf-elite:after{content:"";position:absolute;width:10px;height:10px;background:#c8a04b;transform:rotate(45deg);box-shadow:0 0 6px #c8a04b99}#tf .uf-elite:before{top:-6px;left:24px}#tf .uf-elite:after{bottom:-6px;right:24px}.uf-cast{position:relative;height:12px;margin-top:3px;background:#14100c;border:1px solid #4a3a20;border-radius:3px;overflow:hidden}.uf-cast .cast-fill{height:100%;width:0;background:linear-gradient(90deg,#ffb84d,#ffe6b3)}.uf-cast .cast-num{position:absolute;inset:0;font-size:9px;line-height:12px;color:#ffe8c0;text-align:center;text-shadow:0 1px 1px #000}#tf-enrage{position:absolute;top:2px;right:-74px;color:#e8a0a0;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000;white-space:nowrap}#tf .uf-name{max-width:172px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pcast{bottom:106px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;background:#0c0a08eb;border:1px solid #8a6a30;border-radius:5px;padding:4px 8px 4px 4px;box-shadow:0 2px 10px #000000b3;font-family:var(--font-wow)}#pcast #pc-icon{width:28px;height:28px;border:1px solid #6b4a30;border-radius:3px}.pc-label{display:flex;justify-content:space-between;width:196px;font-size:11px;font-weight:700;color:#ffe6b3;text-shadow:0 1px 1px #000}.pc-bar{width:196px;height:10px;background:#14100c;border:1px solid #4a3a20;border-radius:3px;overflow:hidden;margin-top:2px}.pc-fill{height:100%;width:0;background:linear-gradient(90deg,#ffb84d,#ffe6b3)}#pcast.broken .pc-fill{background:#c03020}#pcast.broken{animation:pcShake .3s}@keyframes pcShake{25%{transform:translate(calc(-50% - 5px))}75%{transform:translate(calc(-50% + 5px))}}#abar{bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:4px}.ab-garg{width:50px;height:66px}.ab-garg svg{width:100%;height:100%;fill:#5a441e;filter:drop-shadow(0 2px 3px #000)}.ab-garg.right svg{transform:scaleX(-1)}.ab-main{display:flex;flex-direction:column;gap:3px}#enrage-bar{position:relative;height:9px;background:#0c0a0e;border:1px solid #3a2a1a;border-radius:3px;overflow:hidden}#enrage-bar .eb-fill{height:100%;width:100%;background:linear-gradient(90deg,#7a3ac8,#b47ae8);transition:width .3s}#enrage-bar .eb-text{position:absolute;inset:0;font-size:8px;line-height:9px;color:#e8d0ff;text-align:center;text-shadow:0 1px 1px #000;font-family:var(--font-wow)}.ab-slots{display:flex;gap:3px;background:#0e0a08e0;padding:4px;border:1px solid #4a3520;border-radius:6px;box-shadow:0 2px 8px #000000a6}.ab-slot{width:40px;height:40px;position:relative;background:#1a1410;border:1px solid #6b4a30;border-radius:4px;cursor:pointer;pointer-events:auto;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.ab-slot:hover{border-color:#ffd277;box-shadow:0 0 7px #ffd27766}.ab-slot canvas{width:100%;height:100%;display:block}.ab-slot.empty{opacity:.4;cursor:default;pointer-events:none}.ab-slot.dim canvas,.ab-slot.dim .ab-glyph{filter:grayscale(1) brightness(.5)}.ab-slot .cd-mask{position:absolute;inset:0;background:conic-gradient(rgba(0,0,0,.85) calc(var(--cd) * 1%),transparent 0)}.ab-slot .cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;font-family:var(--font-wow);text-shadow:0 1px 2px #000}.ab-slot .ab-bind{position:absolute;top:0;left:3px;font-size:9px;font-weight:700;font-family:var(--font-wow);color:#ffd277;text-shadow:0 1px 1px #000}.ab-slot .ab-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffd277;font-size:19px;text-shadow:0 1px 2px #000}.ab-micro{display:flex;flex-direction:column;gap:3px;align-items:center;margin-left:4px;pointer-events:auto}.ab-micro button{width:26px;height:26px;background:#1a1410;border:1px solid #6b4a30;border-radius:4px;color:#ffd277;cursor:pointer;font-size:14px;line-height:1}.ab-micro button:hover{border-color:#ffd277}.ab-micro span{font-size:10px;font-family:var(--font-wow);color:#ca9}#micro-fxq{width:auto;padding:0 10px;height:28px;font-size:12px;font-family:var(--font-wow);white-space:nowrap}#micro-fxq.pulse{animation:fxqPulse 1.6s ease-in-out infinite}@keyframes fxqPulse{0%,to{box-shadow:0 0 2px #ffd27766}50%{box-shadow:0 0 12px 3px #ffd277f2}}#ab-tooltip{position:absolute;width:220px;background:#08060af5;border:1px solid #c8a04b;border-radius:5px;padding:8px 10px;z-index:60;pointer-events:none;box-shadow:0 4px 14px #000c;font-family:var(--font-wow)}.tt-name{font-size:13px;font-weight:700;color:#ffd277;margin-bottom:4px}.tt-desc{font-size:11px;line-height:1.5;color:#e8dcc0}.tt-meta{font-size:10px;color:#9ac;margin-top:4px}#minimap-wrap{top:12px;right:16px;width:148px;text-align:center}#mm-title{font-size:11px;font-weight:700;font-family:var(--font-wow);color:#ffd277;text-shadow:0 1px 2px #000;margin-bottom:4px;letter-spacing:1px}#minimap{width:148px;height:148px;border-radius:50%;border:3px solid #c8a04b;background:#0a0705;box-shadow:0 0 12px #000c}#combatlog{left:16px;bottom:12px;width:340px;height:130px;overflow-y:auto;pointer-events:auto;background:#0605089e;border:1px solid rgba(120,90,50,.35);border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.55;font-family:var(--font-wow)}#combatlog::-webkit-scrollbar{width:6px}#combatlog::-webkit-scrollbar-thumb{background:#5a4a30;border-radius:3px}.cl-item{color:#d8cfc0;animation:clIn .25s ease-out;transition:opacity 3.5s}.cl-item.old{opacity:0}.cl-item.ann{color:#ffd277}.cl-item.warn{color:#ff7060}.cl-item.loot{color:#ffb060}.cl-item.sys{color:#b0a890}@keyframes clIn{0%{opacity:0;transform:translate(-8px)}}#crosshair{top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 5px #000}#ann-zone{top:22%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px}.ann-item{font-size:34px;font-weight:700;letter-spacing:6px;color:#ffd277;text-shadow:0 0 18px #f40,0 2px 3px #000;animation:annFade 3.6s forwards}.ann-item.warn{color:#ff5040;text-shadow:0 0 22px #f00,0 2px 3px #000}.ann-item.good{color:#70e090;text-shadow:0 0 18px #0a4,0 2px 3px #000}@keyframes annFade{0%{opacity:0;transform:scale(1.4)}12%{opacity:1;transform:scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-18px)}}#dmg-stats{right:16px;bottom:12px;color:#d8cfc0;font-size:12px;line-height:1.6;font-family:var(--font-wow);background:#0605089e;border:1px solid rgba(120,90,50,.35);border-radius:6px;padding:6px 10px}#dmg-stats .ds-title{color:#ffd277;font-weight:700;margin-right:8px}#dmg-stats .ds-total{color:#ffb060;font-weight:700}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .12s;z-index:30}#vignette{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;z-index:29;background:radial-gradient(ellipse at center,transparent 42%,rgba(255,20,10,.55) 100%)}#vignette.on{opacity:1;animation:vigPulse .9s infinite alternate}@keyframes vigPulse{0%{opacity:.55}to{opacity:1}}#raid-panel{top:220px;left:16px;width:152px;display:flex;flex-direction:column;gap:2px}.raid-row{height:17px;position:relative;background:#0605089e;border:1px solid rgba(120,90,50,.25);border-radius:3px;overflow:hidden;font-family:var(--font-wow)}.raid-row .rbar{position:absolute;inset:0;width:100%;opacity:.75}.raid-row .rname{position:absolute;inset:0;font-size:10px;line-height:17px;padding-left:6px;color:#fff;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden}.raid-row.dead .rname{color:#888;text-decoration:line-through}#adds-count{color:#f88;font-size:12px;text-align:left;margin-top:2px;text-shadow:0 1px 2px #000}#prep-overlay{top:30%;left:0;right:0;display:flex;flex-direction:column;align-items:center}#prep-num{font-size:130px;font-weight:700;color:#ffd277;text-shadow:0 0 34px #f60,0 3px 4px #000}#prep-num.pulse{animation:prepPulse 1s ease-out}@keyframes prepPulse{0%{transform:scale(1.55);opacity:.4}25%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.92}}#prep-hint{margin-top:6px;font-size:20px;letter-spacing:6px;color:#ffb;text-shadow:0 1px 3px #000}#fight-start{top:32%;left:0;right:0;text-align:center;font-size:92px;font-weight:700;letter-spacing:22px;color:#ffd277;text-shadow:0 0 40px #fa0,0 3px 4px #000;opacity:0}#fight-start.show{animation:fightStart 1.1s forwards}@keyframes fightStart{0%{opacity:0;transform:scale(1.6)}18%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.96)}}#lock-mark{top:16px;left:512px;color:#ffd277;font-size:16px;text-shadow:0 0 8px #f80}#lock-dist{top:calc(50% + 18px);left:50%;transform:translate(-50%);color:#ffd277;font-size:14px;font-weight:700;text-shadow:0 1px 2px #000}#cutscene-overlay{position:absolute;inset:0;background:#000;z-index:100;pointer-events:auto;display:flex;align-items:center;justify-content:center}#cutscene-overlay video{width:100%;height:100%;object-fit:contain;background:#000}#cutscene-skip{position:absolute;right:24px;bottom:20px;color:#aaa;font-size:14px;letter-spacing:2px}#cutscene-mask-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffd277;font-size:30px;letter-spacing:8px;text-shadow:0 0 20px #f60;animation:maskBlink 1.6s infinite alternate}@keyframes maskBlink{0%{opacity:.55}to{opacity:1}}#loot-prompt{bottom:120px;left:50%;transform:translate(-50%);color:#ffd277;font-size:18px;font-weight:700;letter-spacing:3px;text-shadow:0 0 12px #f80,0 1px 2px #000;animation:maskBlink 1s infinite alternate}#loot-toast{right:24px;bottom:140px;display:flex;align-items:center;gap:10px;background:#140c04e0;border:1px solid #8a5a20;border-radius:8px;padding:10px 16px 10px 10px;opacity:0}#loot-toast.show{animation:lootFade 5s forwards}#loot-toast .loot-item{color:#ff8000;font-weight:700;font-size:17px;text-shadow:0 1px 2px #000}#loot-toast .loot-by{color:#ca9;font-size:13px}@keyframes lootFade{0%{opacity:0;transform:translate(30px)}8%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0}}#protect-tag{color:#ffd277;font-size:11px;margin-left:8px;padding:1px 6px;border:1px solid #8a6a30;border-radius:4px;background:#3c280899}#ended-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:46}#ended-panel{pointer-events:auto;text-align:center;background:#100a04eb;border:2px solid #8a5a20;border-radius:14px;padding:26px 52px 28px;box-shadow:0 0 60px #ff963247;animation:endedIn .5s ease-out}@keyframes endedIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}#ended-panel .e-title{font-size:52px;font-weight:700;letter-spacing:12px;color:#ffd277;text-shadow:0 0 26px #fa0,0 2px 3px #000;margin-top:8px}#ended-panel .e-sub{color:#ca9;margin-top:6px;letter-spacing:3px;font-size:15px}#ended-panel .e-item{margin-top:18px;color:#ffd277;font-size:17px;letter-spacing:2px}#ended-panel .e-item .loot-item{color:#ff8000;font-weight:700}#ended-panel .e-btns{margin-top:24px;display:flex;gap:14px;justify-content:center}#ended-panel button{padding:11px 34px;font-size:16px;letter-spacing:4px;cursor:pointer;border-radius:8px}#ended-panel .e-btn-main{color:#1a0a05;background:linear-gradient(180deg,#ffd277,#e08030);border:none;font-weight:700}#ended-panel .e-btn-main:hover{filter:brightness(1.15)}#ended-panel .e-btn-sub{color:#dcb;background:transparent;border:1px solid #6b4a30}#ended-panel .e-btn-sub:hover{border-color:#ffd277;color:#ffd277}#btn-restart-mini{position:absolute;right:18px;bottom:96px;pointer-events:auto;padding:8px 20px;font-size:14px;letter-spacing:3px;cursor:pointer;color:#ffd277;background:#100a04d9;border:1px solid #8a5a20;border-radius:8px}#btn-restart-mini:hover{border-color:#ffd277;box-shadow:0 0 14px #ff963266}.ftext{position:absolute;font-weight:700;font-size:16px;pointer-events:none;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.6);animation:floatUp 1.1s ease-out forwards;z-index:20;white-space:nowrap}.ftext.hit{color:#ffe}.ftext.crit{color:#ffb020;font-size:22px}.ftext.dot{color:#c9a;font-size:13px}.ftext.heal{color:#6fe08a}@keyframes floatUp{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-46px) scale(1)}}#wipe-overlay{background:#000000d1;z-index:40}#wipe-overlay .wipe-title{font-size:84px;letter-spacing:26px;color:#ddd;text-shadow:0 0 30px #666}#wipe-overlay .wipe-reason{color:#999;margin-top:12px;font-size:16px}#wipe-overlay .wipe-count{color:#ccc;margin-top:26px;font-size:22px}#app.grayscale{filter:grayscale(1) brightness(.7)}#death-hint{top:60%;left:50%;transform:translate(-50%);color:#eaa;font-size:18px;text-shadow:0 1px 3px #000}#victory-overlay{background:#080602e0;z-index:45}#victory-overlay .v-title{font-size:64px;letter-spacing:18px;color:#ffd277;text-shadow:0 0 30px #fa0;margin-bottom:26px}.v-boards{display:flex;gap:40px}.v-board{min-width:260px}.v-board h3{color:#ffb;text-align:center;letter-spacing:4px;margin:0 0 10px}.v-board table{border-collapse:collapse;width:100%;color:#dcb;font-size:14px}.v-board td{padding:3px 10px;border-bottom:1px solid rgba(255,210,119,.15)}.v-board td:first-child{color:#ffd277}.v-board tr.me td{color:#7fe09a;font-weight:700}