:root{--ink: #0b1220;--panel-a: rgba(22, 34, 58, .94);--panel-b: rgba(12, 19, 34, .96);--line: rgba(216, 178, 90, .55);--gold: #d8b25a;--gold-hi: #f3d98a;--tq: #46c2b4;--tq-dim: #2a8f86;--red: #c0392b;--hp: #c8352b;--mp: #2f73c9;--xp: #d8b25a;--text: #efe6cf;--muted: #a99f88;--good: #7ad07a;--serif: "Cinzel", Georgia, serif;--sans: "Alegreya Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b1220;color:var(--text);font-family:var(--sans);font-size:15px;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}#labels,#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .passthru{pointer-events:none}button{font-family:var(--sans)}input{font-family:var(--sans);user-select:text;-webkit-user-select:text}.panel{position:relative;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 40px #0000008c,inset 0 0 0 3px #0b1220e6,inset 0 0 0 4px #d8b25a2e}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;background:var(--gold);transform:rotate(45deg);top:-6px;box-shadow:0 0 8px #d8b25a99}.panel:before{left:calc(50% - 5px)}.panel:after{display:none}.panel h2,.panel h3{font-family:var(--serif);color:var(--gold-hi);letter-spacing:.06em;margin:0;font-weight:700}.panel h2{font-size:17px}.panel h3{font-size:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e6c46c;background:linear-gradient(180deg,#b23a2c,#7a2018);color:#fff4dc;font-weight:700;letter-spacing:.04em;padding:10px 18px;border-radius:4px;cursor:pointer;font-size:15px;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #fff3,0 2px 6px #0006;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.btn.alt{background:linear-gradient(180deg,#2f6f86,#1b4252);border-color:#6fd0c4}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn.sm{padding:5px 10px;font-size:13px}.btn.block{display:block;width:100%}.field{display:block;margin:10px 0}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.field input{width:100%;padding:10px 12px;background:#050912bf;border:1px solid rgba(216,178,90,.35);border-radius:4px;color:var(--text);font-size:15px;outline:none}.field input:focus{border-color:var(--tq);box-shadow:0 0 0 2px #46c2b440}.err{color:#ff8a7a;font-size:13px;min-height:18px;margin:6px 0 0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;pointer-events:none}.screen>*{pointer-events:auto}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 40%,#050810bf)}.logo{text-align:center;margin-bottom:18px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.8));pointer-events:none}.logo .runes{font-size:22px;color:var(--tq);letter-spacing:.4em;margin-bottom:4px;text-shadow:0 0 12px rgba(70,194,180,.7)}.logo .title{font-family:var(--serif);font-weight:900;font-size:clamp(44px,9vw,92px);line-height:.95;letter-spacing:.08em;background:linear-gradient(180deg,#fff3c8,#e9c56a 45%,#a8782a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(60,35,10,.6)}.logo .sub{font-family:var(--serif);letter-spacing:.6em;font-size:clamp(13px,2.4vw,20px);color:var(--text);margin-top:6px}.logo .tag{font-size:13px;color:var(--gold);letter-spacing:.25em;margin-top:8px;text-transform:uppercase}.logo .tag:before,.logo .tag:after{content:"◆";color:var(--tq);margin:0 10px;font-size:9px;vertical-align:middle}.auth{width:min(380px,100%);padding:20px 24px 22px}.tabs{display:flex;border-bottom:1px solid rgba(216,178,90,.25);margin-bottom:8px}.tabs button{flex:1;background:none;border:none;color:var(--muted);font-family:var(--serif);font-weight:700;letter-spacing:.08em;padding:8px;cursor:pointer;border-bottom:2px solid transparent;font-size:14px}.tabs button.on{color:var(--gold-hi);border-bottom-color:var(--tq)}.foot{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:13px;color:var(--muted);pointer-events:none}.foot b{color:var(--tq)}.news{position:absolute;left:16px;bottom:44px;width:280px;padding:12px 14px;font-size:13px}.news p{margin:6px 0 0;color:var(--muted);line-height:1.35}@media(max-width:760px){.news{display:none}}.chars{width:min(980px,100%);display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:end;height:100%;padding:70px 0 30px;pointer-events:none}.chars>*{pointer-events:auto}.charlist{padding:16px;align-self:center}.charcard{display:flex;gap:10px;align-items:center;padding:9px 10px;margin-top:8px;border:1px solid rgba(216,178,90,.2);border-radius:4px;cursor:pointer;background:#05091280}.charcard:hover{border-color:#d8b25a80}.charcard.on{border-color:var(--tq);background:#46c2b41f}.charcard .n{font-weight:700;font-size:16px}.charcard .m{font-size:12px;color:var(--muted)}.charside{align-self:end;justify-self:end;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.charside .btn{min-width:220px;font-size:17px;padding:13px 22px;font-family:var(--serif)}.classes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.classcard{padding:12px;border:1px solid rgba(216,178,90,.25);border-radius:5px;background:#05091299;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.classcard:hover{border-color:#d8b25a99}.classcard.on{border-color:var(--tq);background:#46c2b41f;box-shadow:0 0 16px #46c2b440}.classcard .cn{font-family:var(--serif);font-weight:700;color:var(--gold-hi);margin-top:4px}.classcard .ct{font-size:12px;color:var(--tq)}.classcard p{font-size:12.5px;color:var(--muted);margin:6px 0 0;line-height:1.3}.create{width:min(720px,100%);padding:18px 20px;align-self:end;justify-self:center;grid-column:1 / -1}.statbars{margin-top:8px;text-align:left;font-size:11px;color:var(--muted)}.statbars div{display:flex;align-items:center;gap:6px;margin-top:3px}.statbars i{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.statbars i b{display:block;height:100%;background:linear-gradient(90deg,var(--tq-dim),var(--tq))}@media(max-width:760px){.chars{grid-template-columns:1fr;padding-top:20px;align-content:end}.charside{justify-self:stretch;align-items:stretch}.classes{grid-template-columns:1fr}.classcard p{display:none}}.label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);white-space:nowrap;text-align:center;font-size:13px;font-weight:700;text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none;will-change:transform}.label .lv{color:var(--gold);font-weight:500;margin-right:4px}.label.mob{color:#ffd2c8}.label.mob.stun:before{content:"✦ Sersem ✦";display:block;font-size:10px;color:#ffe08a;letter-spacing:1px;text-shadow:0 1px 2px #000}.label.mob.stone{color:#d8a0ff;font-size:14px}.label.mob.boss{color:#ff9a5a;font-size:15px}.label.npc{color:#ffe08a}.label.npc .t{display:block;font-size:11px;font-weight:500;color:#cfc2a0}.label.me{color:#b9f3ea}.label .hpb{width:64px;height:5px;margin:2px auto 0;background:#0009;border:1px solid rgba(0,0,0,.8);border-radius:2px;overflow:hidden}.label .hpb b{display:block;height:100%;background:linear-gradient(180deg,#e8574a,#9a2018)}.label .gm{display:inline-block;background:linear-gradient(180deg,#ffd770,#c8901a);color:#2a1a00;padding:0 6px;border-radius:3px;font-size:11px;margin-right:4px;text-shadow:none}.label .q{display:block;font-size:22px;color:#ffd84a;text-shadow:0 0 8px rgba(255,200,40,.8),0 1px 2px #000;line-height:1}.dmg{position:absolute;left:0;top:0;font-weight:900;font-family:var(--serif);font-size:20px;text-shadow:0 2px 2px #000,0 0 6px #000;pointer-events:none;white-space:nowrap;will-change:transform,opacity}.dmg.crit{font-size:28px;color:#ffcf40}.dmg.me{color:#ff5a4a}.dmg.heal{color:#7aff8a}.dmg.miss{color:#c8c8c8;font-size:15px}.dmg.xp{color:#f3d98a;font-size:15px;font-family:var(--sans)}.hud-player{position:absolute;left:14px;top:12px;display:flex;gap:10px;align-items:center;padding:8px 14px 8px 8px}.portrait{width:62px;height:62px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 50% 40%,#2a3f6b,#0b1220);display:grid;place-items:center;position:relative;box-shadow:0 0 0 3px #0b1220e6}.portrait .lvl{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--ink);border:1px solid var(--gold);border-radius:10px;font-size:12px;font-weight:700;padding:0 7px;color:var(--gold-hi)}.bars{width:210px}.bars .nm{font-family:var(--serif);font-weight:700;font-size:14px;color:var(--gold-hi);display:flex;justify-content:space-between;align-items:center}.bars .nm small{font-family:var(--sans);font-weight:500;color:var(--muted);font-size:12px}.bar{position:relative;height:15px;margin-top:5px;background:#0009;border:1px solid rgba(0,0,0,.8);border-radius:3px;overflow:hidden}.bar b{position:absolute;inset:0 auto 0 0;transition:width .18s}.bar.hp b{background:linear-gradient(180deg,#e8574a,var(--hp) 50%,#8a1c14)}.bar.mp b{background:linear-gradient(180deg,#5aa0f0,var(--mp) 50%,#1a4a8a)}.bar span{position:relative;display:block;text-align:center;font-size:11px;line-height:15px;font-weight:700;text-shadow:0 1px 1px #000}.buffs{display:flex;gap:4px;margin-top:5px;min-height:0}.buffs i{width:22px;height:22px;border:1px solid var(--gold);border-radius:3px;background:#00000080;display:grid;place-items:center;font-style:normal;font-size:9px;position:relative}.buffs i small{position:absolute;bottom:-2px;right:0;font-size:9px;text-shadow:0 1px 1px #000}.hud-target{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:8px 14px;width:280px;text-align:center;display:none}.hud-target .tn{font-family:var(--serif);font-weight:700;color:#ffd2c8;font-size:14px}.hud-target .tn small{color:var(--gold);font-family:var(--sans);margin-right:6px}.hud-map{position:absolute;right:14px;top:12px;width:190px;padding:8px;text-align:center}.hud-map canvas{width:172px;height:172px;border-radius:50%;border:2px solid var(--gold);display:block;margin:0 auto;box-shadow:0 0 0 3px #0b1220e6;background:#2a3a22}.hud-map .zn{font-family:var(--serif);font-weight:700;font-size:13px;color:var(--gold-hi);margin-top:6px}.hud-map .tm{font-size:11px;color:var(--muted)}.hud-quest{position:absolute;right:14px;top:250px;width:230px;padding:10px 12px;font-size:13px}.hud-quest .qn{color:#ffd84a;font-weight:700}.hud-quest .qp{color:var(--muted);margin-top:3px}.hud-quest .qp b{color:var(--text)}.hud-quest .done{color:var(--good)}.hud-chat{position:absolute;left:14px;bottom:54px;width:min(420px,calc(100vw - 28px));padding:0;background:#080d1899;border:1px solid rgba(216,178,90,.25);border-radius:5px}.hud-chat .log{height:150px;overflow-y:auto;padding:6px 10px;font-size:13.5px;line-height:1.35;scrollbar-width:thin;scrollbar-color:rgba(216,178,90,.4) transparent;user-select:text;-webkit-user-select:text}.hud-chat .log div{word-wrap:break-word}.hud-chat .ch-s{color:#f3d98a}.hud-chat .ch-w{color:#f2a0d8}.hud-chat .ch-d{color:#ff9a5a;font-weight:700}.hud-chat .from{color:#8fd8ff;font-weight:700}.hud-chat .from.gm{color:#ffd770}.hud-chat input{width:100%;border:none;border-top:1px solid rgba(216,178,90,.25);background:#00000073;color:var(--text);padding:7px 10px;font-size:13.5px;outline:none;border-radius:0 0 5px 5px}.hud-bottom{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:6px;padding:7px 10px;align-items:flex-end}.slot{width:52px;height:52px;position:relative;border:1px solid rgba(216,178,90,.5);border-radius:5px;background:radial-gradient(circle at 50% 35%,#1d2b48,#0a1020);display:grid;place-items:center;cursor:pointer;overflow:hidden}.slot:hover{border-color:var(--gold-hi)}.slot .key{position:absolute;top:1px;left:4px;font-size:11px;font-weight:700;color:var(--gold-hi);text-shadow:0 1px 1px #000}.slot .qty{position:absolute;bottom:1px;right:4px;font-size:12px;font-weight:700;text-shadow:0 1px 1px #000,0 0 3px #000}.slot .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);display:grid;place-items:center;font-weight:900;font-size:16px;text-shadow:0 1px 2px #000;pointer-events:none}.slot.locked{filter:grayscale(1) brightness(.45)}.slot.locked:after{content:attr(data-lv);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.slot.nomp svg{filter:saturate(.3) brightness(.6)}.sep{width:1px;align-self:stretch;background:#d8b25a4d;margin:0 4px}.xpbar{position:absolute;left:0;right:0;bottom:0;height:6px;background:#000000b3}.xpbar b{display:block;height:100%;background:linear-gradient(90deg,#a8782a,var(--xp),#fff3c8);transition:width .3s}.xpbar span{position:absolute;right:8px;bottom:8px;font-size:11px;color:var(--muted);text-shadow:0 1px 1px #000}.hud-menu{position:absolute;right:14px;bottom:14px;display:flex;gap:5px;padding:6px}.hud-menu button{width:40px;height:40px;border:1px solid rgba(216,178,90,.45);border-radius:5px;background:radial-gradient(circle at 50% 35%,#1d2b48,#0a1020);cursor:pointer;display:grid;place-items:center;color:var(--gold-hi);position:relative;padding:0}.hud-menu button:hover{border-color:var(--gold-hi)}.hud-menu button kbd{position:absolute;bottom:0;right:2px;font-size:9px;color:var(--muted);font-family:var(--sans)}.hud-menu svg{width:26px;height:26px}.win{position:absolute;padding:14px 16px 16px;min-width:260px}.win .wh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;cursor:move}.win .x{background:none;border:1px solid rgba(216,178,90,.4);color:var(--gold-hi);width:24px;height:24px;border-radius:3px;cursor:pointer;font-size:14px;line-height:1}.grid{display:grid;grid-template-columns:repeat(8,44px);gap:4px}.grid .slot,.equip .slot{width:44px;height:44px}.slot.rare{border-color:#5fb8ff;box-shadow:inset 0 0 10px #5fb8ff59}.slot.epic{border-color:#c27cff;box-shadow:inset 0 0 10px #c27cff66}.slot.legend{border-color:#ffb347;box-shadow:inset 0 0 12px #ffb34780}.slot.drag-over{outline:2px solid var(--tq)}.slot.empty{cursor:default}.equip{display:flex;gap:10px;align-items:center;margin-bottom:10px}.equip .es{text-align:center;font-size:11px;color:var(--muted)}.gold{margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:var(--gold-hi);font-weight:700}.stats{display:grid;grid-template-columns:1fr auto;gap:3px 16px;font-size:13.5px;margin-bottom:10px}.stats span{color:var(--muted)}.statalloc{display:grid;gap:4px;margin-bottom:10px}.statalloc .sa{display:grid;grid-template-columns:1fr auto auto;gap:2px 10px;align-items:center;font-size:13.5px}.statalloc .sa span{color:var(--text)}.statalloc .sa b{min-width:24px;text-align:right;color:var(--gold-hi)}.statalloc .sa small{grid-column:1 / -1;color:var(--muted);font-size:11.5px;margin-top:-2px}.btn.sm.plus{padding:1px 9px;font-size:15px;line-height:1.2}.btn[disabled]{opacity:.45;cursor:default}h3 .pts{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}h3 .pts.on{color:#7aff8a;font-weight:700}.skilllist .lvtag{font-size:12px;color:var(--gold);border:1px solid rgba(216,178,90,.4);border-radius:8px;padding:0 6px;margin-left:4px;font-weight:600}.skilllist .lvtag.master{color:#ffd27a;border-color:#ffb040;background:#ffa0281f}.hud-menu button.has-pts{position:relative}.hud-menu button.has-pts:after{content:"+";position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#3fbf5a;color:#fff;font-size:13px;font-weight:900;line-height:16px;text-align:center;box-shadow:0 0 6px #3fbf5a}.skilllist .sk{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid rgba(216,178,90,.15)}.skilllist .sk.locked{opacity:.45}.skilllist .sk .d{font-size:12.5px;color:var(--muted)}.skilllist .sk .n{font-weight:700}.shoplist{max-height:340px;overflow-y:auto;scrollbar-width:thin}.shoprow{display:flex;align-items:center;gap:10px;padding:5px 4px;border-bottom:1px solid rgba(216,178,90,.12)}.shoprow .slot{width:40px;height:40px}.shoprow .nm{flex:1;font-size:13.5px}.shoprow .nm small{display:block;color:var(--muted);font-size:11.5px}.shoprow .pr{color:var(--gold-hi);font-weight:700;min-width:60px;text-align:right;font-size:13px}.hint{font-size:12px;color:var(--muted);margin-top:8px}.dialog{width:min(440px,calc(100vw - 24px))}.dialog .say{font-size:15px;line-height:1.45;margin:8px 0 12px;color:var(--text);font-style:italic}.dialog .qbox{border:1px solid rgba(216,178,90,.25);border-radius:4px;padding:10px;background:#00000040;margin-bottom:12px}.dialog .qbox .rw{font-size:13px;color:var(--gold-hi);margin-top:6px}.dialog .row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.tip{position:fixed;z-index:50;padding:9px 11px;max-width:260px;font-size:13px;pointer-events:none;background:#080d18f7;border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 20px #0009}.tip .tn{font-weight:700;font-size:14.5px}.tip .tt{color:var(--muted);font-size:12px}.tip .ts{margin-top:5px}.tip .bad{color:#ff7a6a}.tip .pr{color:var(--gold-hi);margin-top:5px}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:var(--serif);font-weight:700;font-size:18px;color:#ffe2a0;text-shadow:0 2px 4px #000,0 0 10px #000;pointer-events:none;transition:opacity .4s;text-align:center}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;pointer-events:none;animation:bannerIn 2.8s ease-out forwards}.banner .b1{font-family:var(--serif);font-weight:900;font-size:46px;letter-spacing:.08em;background:linear-gradient(180deg,#fff3c8,#e9c56a 50%,#a8782a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px #000)}.banner .b2{font-size:16px;color:var(--text);letter-spacing:.2em;text-shadow:0 2px 4px #000}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0}}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#3c000059,#000000bf)}.death .box{text-align:center;padding:26px 34px}.death .death-btns{display:flex;gap:10px;justify-content:center}.death .death-btns .btn[disabled]{opacity:.55;cursor:default}.death .death-note{color:var(--muted);font-size:12px;margin:14px 0 0}.death h2{font-size:30px;color:#ff8a7a;margin-bottom:8px}.bigmap{left:50%;top:50%;transform:translate(-50%,-50%)}.bigmap canvas{width:min(560px,80vh,calc(100vw - 60px));height:min(560px,80vh,calc(100vw - 60px));display:block;border:1px solid var(--line);border-radius:4px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b1220;z-index:100;transition:opacity .6s}.loading .logo .title{font-size:56px}.loading .spin{width:160px;height:3px;margin:18px auto 0;background:#d8b25a33;overflow:hidden;border-radius:2px}.loading .spin b{display:block;width:40%;height:100%;background:var(--gold);animation:slide 1.1s infinite ease-in-out}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.cursor-attack{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 4 L8 4 L24 20 L20 24 L4 8 Z' fill='%23d8d8e0' stroke='%23222' stroke-width='1.5'/%3E%3Cpath d='M18 26 L26 18 M22 28 L28 22' stroke='%23d8b25a' stroke-width='3'/%3E%3C/svg%3E") 4 4,crosshair}.cursor-talk{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 6 H26 V20 H14 L8 26 V20 H4 Z' fill='%23f3d98a' stroke='%23222' stroke-width='1.5'/%3E%3C/svg%3E") 4 4,pointer}.cursor-grab{cursor:pointer}@media(max-width:760px){.hud-quest{display:none}.hud-map{width:120px}.hud-map canvas{width:104px;height:104px}.bars{width:150px}.slot{width:42px;height:42px}.hud-chat .log{height:90px}.hud-menu{bottom:74px}.hud-target{top:90px;width:220px}}.slot .up{position:absolute;top:1px;right:3px;font-size:11px;font-weight:900;color:#7aff8a;text-shadow:0 1px 1px #000,0 0 3px #000}.hud-party{position:absolute;left:14px;top:98px;width:200px;display:none}.hud-party .pm{display:flex;gap:6px;align-items:center;padding:5px 8px;margin-bottom:4px;background:#080d18bf;border:1px solid rgba(216,178,90,.3);border-radius:4px}.hud-party .pm.dead{opacity:.45}.hud-party .pn{font-size:12.5px;font-weight:700}.hud-party .pn small{color:var(--muted);font-weight:400}.invite{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:14px 18px;text-align:center}@media(max-width:760px){.hud-party{top:84px;width:150px}}.label.mob.elite{color:#ffd84a;font-size:14px}