:root{--night:#120d0a;--iron:#2c2118;--iron2:#1c140f;--iron3:#150f0b;--edge:#5e4628;--bronze:#8a6634;--gold:#c08a3e;--gold-hi:#e9c784;--ink:#0d0805;--text:#f1e6cf;--mute:#c4b08c;--dim:#94805f;--hp:#c8392c;--mp:#3f7fd0;--heal:#93c45a;--display:"IM Fell English SC", "Palatino Linotype", serif;--body:"Alegreya", "Palatino Linotype", Georgia, serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");--blot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .9 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--c-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='none' stroke='%23e2b468' stroke-width='1.6'%3E%3Cpath d='M2 28V9a7 7 0 0 1 7-7h19'/%3E%3Cpath d='M6 28V13a7 7 0 0 1 7-7h15' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cpath d='M1 1h9L1 10z' fill='%23e2b468'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23f3d796' stroke='%23140b05' stroke-width='.8'/%3E%3C/svg%3E");--c-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg transform='rotate(90 15 15)'%3E%3Cg fill='none' stroke='%23e2b468' stroke-width='1.6'%3E%3Cpath d='M2 28V9a7 7 0 0 1 7-7h19'/%3E%3Cpath d='M6 28V13a7 7 0 0 1 7-7h15' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cpath d='M1 1h9L1 10z' fill='%23e2b468'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23f3d796' stroke='%23140b05' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E");--c-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg transform='rotate(180 15 15)'%3E%3Cg fill='none' stroke='%23e2b468' stroke-width='1.6'%3E%3Cpath d='M2 28V9a7 7 0 0 1 7-7h19'/%3E%3Cpath d='M6 28V13a7 7 0 0 1 7-7h15' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cpath d='M1 1h9L1 10z' fill='%23e2b468'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23f3d796' stroke='%23140b05' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E");--c-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg transform='rotate(270 15 15)'%3E%3Cg fill='none' stroke='%23e2b468' stroke-width='1.6'%3E%3Cpath d='M2 28V9a7 7 0 0 1 7-7h19'/%3E%3Cpath d='M6 28V13a7 7 0 0 1 7-7h15' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cpath d='M1 1h9L1 10z' fill='%23e2b468'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23f3d796' stroke='%23140b05' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E");--corners:var(--c-tl) top left / 30px no-repeat, var(--c-tr) top right / 30px no-repeat, var(--c-br) bottom right / 30px no-repeat, var(--c-bl) bottom left / 30px no-repeat;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}button{font-family:var(--body);color:var(--text);cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}kbd{font-family:var(--body);border:1px solid var(--edge);background:var(--iron);color:var(--text);white-space:nowrap;border-bottom-width:2px;border-radius:3px;padding:1px 6px;font-size:12px;font-weight:700}.dim{color:var(--dim)}.gold{color:var(--gold-hi)}svg{display:block}#floaters{pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{font-family:var(--display);text-shadow:0 2px 0 var(--ink), 0 0 6px #000000b3;white-space:nowrap;will-change:transform;font-size:20px;font-weight:700;position:absolute;top:0;left:0}.floater.big{font-size:32px}#plates{pointer-events:none;position:fixed;inset:0;overflow:hidden}.plate{will-change:transform;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.plate b{font-family:var(--display);color:#bfe6ff;text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;font-size:13px}.plate i{background:#0b0c10;border:1px solid #000;border-radius:2px;width:60px;height:5px;display:block;overflow:hidden}.plate s{background:var(--heal);height:100%;display:block}.plate em{color:#e9c784;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:11px;font-style:italic}.plate em:empty{display:none}.plate.dead{opacity:.45}.plate.npc b{color:var(--gold-hi)}.opt.vol input{width:190px;accent-color:var(--gold)}.plate.elite b{color:var(--affix);font-size:14px}.plate.elite span{color:#e9dcc4;text-shadow:0 1px 2px #000;letter-spacing:.04em;font-size:11px}.plate.npc span{color:var(--mute);text-shadow:0 1px 2px #000;font-size:11px}#hud{--ui:1;pointer-events:none;position:fixed;inset:0}.pframe,.petframe,.party{transform:scale(var(--ui));transform-origin:0 0}.mapbox{transform:scale(var(--ui));transform-origin:100% 0}.chat{transform:scale(var(--ui));transform-origin:0 100%}.menubar{transform:scale(var(--ui));transform-origin:100% 100%}#hud>*,.wins>*{pointer-events:auto}#hud>.zone-banner,#hud>.banner,#hud>.toast,#hud>.hurt,#hud>.wins,#hud>.tip{pointer-events:none}.panel{background:linear-gradient(var(--iron), var(--iron2));border:1px solid var(--bronze);border-radius:4px;position:relative;box-shadow:0 0 0 2px #101116,0 0 0 3px #c9893c8c,inset 0 1px #e8c27a24,0 10px 24px #0000008c}.panel:before,.panel:after{content:"";background:var(--gold-hi);border:1px solid var(--ink);width:8px;height:8px;position:absolute;top:-5px;transform:rotate(45deg)}.panel:before{left:-5px}.panel:after{right:-5px}.icon-btn{border:1px solid var(--edge);background:linear-gradient(var(--iron), var(--iron2));width:28px;height:28px;color:var(--gold-hi);border-radius:3px;padding:5px}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.icon-btn:hover{border-color:var(--gold-hi)}.icon-btn.round{border-radius:50%;width:26px;height:26px}.icon-btn.small{width:22px;height:22px;padding:4px}.btn{border:1px solid var(--edge);background:linear-gradient(var(--iron), var(--iron2));border-radius:3px;padding:7px 14px;font-size:14px;font-weight:700}.btn:hover{border-color:var(--gold-hi)}.btn.primary{border-color:var(--gold-hi);background:linear-gradient(var(--gold), #8a5a1c);color:#1a0e04}.btn.wide{width:100%;padding:10px;font-size:15px}.bar{background:#0b0c10;border:1px solid #3a3530;border-radius:2px;height:12px;position:relative;overflow:hidden}.bar i{transition:width .12s;display:block;position:absolute;inset:0 auto 0 0}.bar.thin{height:7px}.bar.pet i{background:linear-gradient(#bfe07a,#5d8a2e)}.bar-txt{text-align:center;text-shadow:0 1px 2px #000;font-size:10px;font-weight:800;line-height:12px;display:block;position:relative}.pname{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pname b{font-family:var(--display);white-space:nowrap;font-size:17px}.pname b.boss{color:#d6a6ff}.pname b.elite{color:#ffc46b}.pname span{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.pframe{align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:18px}.portrait{border:3px solid var(--gold);width:104px;height:104px;box-shadow:0 0 0 4px #24262e, 0 0 0 6px var(--bronze), 0 8px 18px #0009;z-index:1;border-radius:50%;position:relative}.portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.lvl-badge{border:2px solid var(--gold-hi);width:34px;height:34px;font-family:var(--display);color:var(--gold-hi);background:#1a1c22;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-6px}.pinfo{flex-direction:column;gap:5px;width:240px;margin-left:-28px;padding:8px 12px 9px 30px;display:flex}.pinfo .pts{color:#1a0e04;background:var(--gold-hi);letter-spacing:0;border-radius:8px;padding:0 6px;font-weight:800}.buff.bless{font-size:10px}.buff.fury{background:radial-gradient(circle,#ff8a5a,#5a1408)}.buff.swift{background:radial-gradient(circle,#8fe8ff,#0c3a52)}.buff.ward{background:radial-gradient(circle,#ffe08a,#5a3e08)}.buffs{gap:4px;min-height:22px;display:flex}.buff{border:1px solid var(--gold);background:radial-gradient(circle,#ff9a4a,#5a1e08);border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:flex}.petframe{left:38px;top:calc(140px * var(--ui));border-radius:34px 4px 4px 34px;align-items:center;gap:10px;width:252px;padding:7px 10px 7px 7px;display:flex;position:absolute}.petframe.empty{opacity:.72}.pet-portrait{border:2px solid var(--heal);color:#6a7a50;background:radial-gradient(circle at 50% 40%,#3a3f30,#16171c);border-radius:50%;flex:none;width:50px;height:50px;position:relative;overflow:hidden}.pet-portrait img{object-fit:cover;width:100%;height:100%;display:block}.pet-empty{display:none;position:absolute;inset:12px}.pet-empty svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:100%;height:100%}.petframe.empty .pet-portrait img{display:none}.petframe.empty .pet-empty{display:block}.petframe.empty .pet-bar,.petframe.empty .xpthin{visibility:hidden}.petframe.down .pet-portrait{filter:grayscale()brightness(.6)}.bar.xpthin{border:0;height:3px}.bar.xpthin i{background:var(--gold-hi)}.pet-btn.on{border-color:var(--gold-hi);background:#3a3424}.pet-btn.skill{font-family:var(--display);color:var(--text);border-color:var(--gold);background:radial-gradient(circle,#5a4a2a,#1a140c);padding:0;font-size:11px;font-weight:700;position:relative;overflow:hidden}.pet-btn.skill .glyph{position:absolute;inset:0}.pet-btn.skill .cd{background:conic-gradient(#000000b3 calc(var(--cd,0) * 360deg), transparent 0);position:absolute;inset:0}.pet-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pet-info .pname b{font-size:14px}.pet-bar{gap:4px;display:flex}.pet-btn{border:1px solid var(--edge);background:var(--iron2);width:28px;height:28px;color:var(--gold-hi);border-radius:3px;padding:5px}.pet-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:100%;height:100%}.pet-btn:disabled{opacity:.45;cursor:default}.tframe{transform:translateX(-50%) scale(var(--ui));transform-origin:top;flex-direction:column;gap:5px;width:360px;padding:7px 14px 9px;display:flex;position:absolute;top:16px;left:50%}.party{left:38px;top:calc(216px * var(--ui));flex-direction:column;gap:6px;display:flex;position:absolute}.party-row{flex-direction:column;gap:3px;width:200px;padding:5px 9px 6px;display:flex}.party-row .pname b{font-size:13px}.party-row .pname span{font-size:11px}.party-bot{align-items:center;gap:6px;display:flex}.party-bot .bar{flex:1}.party-row .btn.small{padding:1px 6px;font-size:11px}.mats{text-shadow:0 1px #00000059;flex-wrap:wrap;gap:14px;font-size:14px;font-weight:700;display:flex}.win .mats span{filter:brightness(.55)saturate(1.4)}.salv{border:1px solid #6a4a2259;border-radius:2px;align-items:center;gap:8px;padding:4px 8px;display:flex}.salv b{filter:brightness(.6)saturate(1.5);flex:1;font-size:14px;font-weight:600}.salv small{color:var(--dim)}.ench{background:#78501e14;border:1px solid #6a4a2273;border-radius:2px;flex-direction:column;gap:4px;padding:8px;display:flex}.ench b{filter:brightness(.6)saturate(1.5)}.ench-row{color:#24427a;justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.ach{background:#78501e14;border:1px solid #6a4a2273;border-radius:2px;align-items:center;gap:10px;padding:7px 9px;display:flex}.ach .skill-info{flex:1}.ach-ico{color:#8a7a62;flex:none;width:28px;height:28px}.ach-ico svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:100%;height:100%}.ach.done .ach-ico{color:#b4782c}.ach:not(.done){opacity:.78}.ach-n{text-align:right;min-width:54px;font-weight:800}.title-sel{font:600 14px var(--body);color:#2e2012;background:#f6ecd2;border:1px solid #8a6634;border-radius:2px;padding:4px 8px}.trade-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.gold-in{width:120px;font:600 14px var(--body);color:#2e2012;-webkit-user-select:text;user-select:text;background:#f6ecd2;border:1px solid #8a6634;border-radius:2px;padding:4px 8px}.party-row.dead{opacity:.5}.party-host{color:var(--gold-hi)}.mapbox{flex-direction:column;align-items:center;gap:6px;width:236px;display:flex;position:absolute;top:14px;right:18px}.mm-ring{border:4px solid var(--bronze);width:200px;height:200px;box-shadow:0 0 0 3px #24262e, 0 0 0 5px var(--gold), 0 10px 22px #0009;background:var(--iron3);border-radius:50%;position:relative;overflow:hidden}.mm-canvas{width:100%;height:100%;display:block}.mm-n{font-family:var(--display);color:var(--gold-hi);text-shadow:0 1px 3px #000;font-size:12px;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}.mm-clock{font-family:"Alegreya SC", var(--body);color:#f0dfb8;pointer-events:auto;background:#0d0805bf;border:1px solid #8a6634;border-radius:9px;align-items:center;gap:4px;padding:1px 7px;font-size:12px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.mm-clock i{background:radial-gradient(circle at 40% 40%,#fff3b0,#f0a830);border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #ffcc60}.mm-clock.night i{background:radial-gradient(circle at 65% 35%,#0000 38%,#dfe6ff 40%);box-shadow:0 0 6px #9fb8ff}.mm-row{align-items:center;gap:8px;display:flex}.mm-zone{text-align:center;text-shadow:0 1px 3px #000;flex-direction:column;min-width:140px;line-height:1.15;display:flex}.mm-zone b{font-family:var(--display);font-size:16px}.mm-zone span{color:var(--mute);font-size:12px}.tracker{flex-direction:column;gap:6px;width:236px;margin-top:4px;padding:8px 12px 10px;display:flex}.tracker h2{font-family:var(--display);color:var(--gold-hi);border-bottom:1px solid var(--edge);margin:0;padding-bottom:4px;font-size:14px}.tracker-list{flex-direction:column;gap:8px;display:flex}.tq{flex-direction:column;gap:2px;font-size:13px;display:flex}.tq b{color:var(--gold-hi);font-size:14px}.tq span{color:var(--mute)}.npc-q{justify-content:space-between;padding:2px 0;font-size:14px;display:flex}.npc-q b{color:var(--gold-hi);font-weight:600}.npc-q span{color:var(--mute)}.npc-q.done b{color:var(--mute);text-decoration:line-through}.tq.bounty b{color:#e8a96a}.tq.bounty.done span{color:#a7e07a}.tq-bar{background:#0b0c10;border-radius:2px;height:4px;overflow:hidden}.tq-bar i{background:linear-gradient(90deg, var(--gold), var(--gold-hi));height:100%;display:block}.chat{background:#16171cdb;flex-direction:column;width:396px;display:flex;position:absolute;bottom:16px;left:16px}.chat-tabs{border-bottom:1px solid var(--edge);display:flex}.chat-tab{color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 11px;font-size:13px;font-weight:600}.chat-tab.on{color:var(--text);border-bottom-color:var(--gold-hi)}.chat-tab:hover{color:var(--text)}.chat-lines{scrollbar-width:thin;scrollbar-color:var(--edge) transparent;-webkit-user-select:text;user-select:text;flex-direction:column;gap:2px;height:132px;padding:6px 10px;font-size:13.5px;line-height:1.3;display:flex;overflow-y:auto}.chat-line{text-shadow:0 1px 2px #000}.chat-item{font-weight:700}.chat-input{border-top:1px solid #24262e;align-items:center;gap:6px;padding:5px 8px 7px;display:flex}.chat-input label{color:var(--dim);font-size:12px}.chat-input input{border:1px solid var(--edge);min-width:0;color:var(--text);font:400 13px var(--body);-webkit-user-select:text;user-select:text;background:#0b0c10;border-radius:3px;flex:1;padding:5px 8px}.actionbar{transform:translateX(-50%) scale(var(--ui));transform-origin:bottom;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:10px;left:50%}.orb{--fill:1;border:4px solid var(--bronze);width:112px;height:112px;box-shadow:0 0 0 3px #24262e, 0 0 0 5px var(--gold), inset 0 0 22px #000000d9, 0 10px 22px #0009;border-radius:50%;position:relative;overflow:hidden}.orb.hp{background:linear-gradient(to top, #6e1410 0%, #d8483a calc(var(--fill) * 100%), #1a0e0e calc(var(--fill) * 100%))}.orb.mp{background:linear-gradient(to top, #14306e 0%, #4f8fe0 calc(var(--fill) * 100%), #0e1220 calc(var(--fill) * 100%))}.orb:after{content:"";background:#fff3;border-radius:50%;width:34%;height:18%;position:absolute;top:14%;left:18%}.orb.low{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 3px #24262e,0 0 0 5px #ff5a48,inset 0 0 22px #000000d9,0 0 26px #ff463299}}.orb-txt{text-shadow:0 1px 3px #000;z-index:1;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0}.ab-center{flex-direction:column;align-items:center;gap:5px;padding-bottom:6px;display:flex}.slots{gap:5px;padding:7px 9px;display:flex}.slot{border:1px solid var(--edge);background:radial-gradient(circle at 50% 35%,#3a3c46,#121318);border-radius:4px;width:52px;height:52px;position:relative;overflow:hidden}.slot.sep{margin-left:12px}.slot .key{color:var(--mute);z-index:3;text-shadow:0 1px 2px #000;font-size:10px;font-weight:800;position:absolute;top:2px;left:4px}.slot .ab{color:var(--mute);justify-content:center;align-items:center;padding:9px;display:flex;position:absolute;inset:0}.slot .ab svg{width:100%;height:100%}.slot[data-skill]:not([data-skill=""]) .ab,.slot-icon[data-skill]{padding:0}.skill-svg{width:100%;height:100%;display:block}.slot .ab .glyph{font-family:var(--display);color:var(--text);text-shadow:0 1px 0 var(--ink);font-size:19px;font-weight:700}.slot .cnt{z-index:3;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;bottom:1px;right:4px}.slot .cd{z-index:2;text-shadow:0 1px 3px #000;background:conic-gradient(#000000b3 calc(var(--cd,0) * 360deg), transparent 0);justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex;position:absolute;inset:0}.slot.locked{opacity:.45}.slot.locked .ab{padding:15px}.slot.locked .ab svg{fill:none;stroke:currentColor;stroke-width:1.8px}.slot.empty .ab{opacity:.35}.slot.nomp .ab .glyph{color:#6b8fbf}.slot.aiming{border-color:var(--gold-hi);box-shadow:0 0 12px #ffd278b3}.slot.ready{animation:.45s ease-out ready}@keyframes ready{0%{box-shadow:0 0 #ffd27800}30%{border-color:var(--gold-hi);box-shadow:0 0 16px #ffd278e6}to{box-shadow:0 0 #ffd27800}}.slot.deny{animation:.3s deny}@keyframes deny{0%,to{transform:none}25%{border-color:var(--hp);transform:translate(-3px)}75%{transform:translate(3px)}}.castbar{border:1px solid var(--bronze);background:#0b0c10;border-radius:3px;width:300px;height:16px;margin-bottom:4px;position:relative;overflow:hidden}.castbar i{background:linear-gradient(#9fd0ff,#3a6aa8);position:absolute;inset:0 auto 0 0}.castbar span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;line-height:16px;display:block;position:relative}.xp{border:1px solid var(--edge);background:#0b0c10;border-radius:4px;width:100%;height:8px;overflow:hidden}.xp i{background:linear-gradient(90deg, var(--gold), var(--gold-hi));height:100%;transition:width .2s;display:block}.dodge{background:#0b0c10;border-radius:2px;width:90px;height:3px;overflow:hidden}.dodge i{background:var(--text);height:100%;display:block}.menubar{gap:5px;padding:6px;display:flex;position:absolute;bottom:16px;right:16px}.menu-btn{border:1px solid var(--edge);background:linear-gradient(var(--iron), var(--iron2));width:44px;height:44px;color:var(--gold-hi);border-radius:3px;padding:10px;position:relative}.menu-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.menu-btn:hover{border-color:var(--gold-hi)}.menu-btn .mk{color:var(--mute);font-size:9px;font-weight:800;position:absolute;bottom:0;right:3px}.menu-btn .dot{background:var(--gold-hi);border:1px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.zone-banner,.banner{text-align:center;opacity:0;text-shadow:0 2px 12px #000;flex-direction:column;display:flex;position:absolute;left:0;right:0}.zone-banner{top:22%}.zone-banner b,.banner b{font-family:var(--display);color:var(--gold-hi);font-size:40px;font-weight:700}.zone-banner span,.banner span{color:var(--mute);font-size:16px}.zone-banner.show{animation:3.4s ease-out fadeBanner}.banner{top:40%}.banner b{font-size:34px}.banner.show{animation:2.8s ease-out fadeBanner}@keyframes fadeBanner{0%{opacity:0;transform:translateY(8px)}12%,70%{opacity:1;transform:none}to{opacity:0}}.toast{border:1px solid var(--bronze);opacity:0;white-space:nowrap;background:#16171ceb;border-radius:3px;padding:6px 14px;font-size:15px;transition:opacity .25s;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}.hurt{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 140px #c81e148c}.hurt.on{animation:.45s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.help{width:330px;padding:12px 14px;position:absolute;top:16px;right:270px}.help h2{font-family:var(--display);color:var(--gold-hi);margin:0 0 8px;font-size:16px}.keys{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;font-size:13.5px;display:grid}.keys kbd{justify-self:start}.ware{background:#0000002e;border:1px solid #24262e;border-radius:3px;align-items:center;gap:10px;padding:8px;display:flex}.ware .cell{cursor:default;flex:none;width:46px;height:46px;padding:8px}.ware .skill-info{flex:1}.sell-zone{border:1px dashed var(--edge);text-align:center;color:var(--dim);border-radius:3px;padding:16px;font-size:13px}.sell-zone.target{border-color:var(--gold-hi);color:var(--gold-hi);background:#e8c27a0f}.pet-row{background:#0000002e;border:1px solid #24262e;border-radius:3px;align-items:center;gap:10px;padding:8px;display:flex}.pet-row.active{border-color:var(--heal)}.pet-row img{border:2px solid var(--edge);border-radius:50%;width:48px;height:48px}.pet-row.active img{border-color:var(--heal)}.pet-row .skill-info{flex:1}.cards-list{flex-direction:column;gap:4px;display:flex}.card-row{background:#0000002e;border:1px solid #24262e;border-radius:3px;align-items:center;gap:10px;padding:4px 8px;font-size:14px;display:flex}.card-row.none{opacity:.5}.card-row b{flex:1;font-weight:600}.card-row small{color:var(--dim)}.card-ico{color:#7dffb0;width:26px;height:26px}.card-ico svg{width:100%;height:100%}.card-n{text-align:right;min-width:34px;font-weight:800}.adv-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.adv-card{border:1px solid var(--bronze);background:#0003;border-radius:4px;flex-direction:column;gap:10px;padding:12px;display:flex}.adv-card h3{color:var(--gold-hi)!important;margin:0!important;font-size:20px!important}.adv-card .btn{margin-top:auto}.mp-code{border:1px dashed var(--gold);border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mp-code b{font-family:var(--display);letter-spacing:.14em;color:var(--gold-hi);-webkit-user-select:text;user-select:text;font-size:26px}.tip{z-index:1000;pointer-events:none;max-width:640px;position:fixed;top:0;left:0}.tip-row{align-items:flex-start;gap:8px;display:flex}.tip-item{--rar:#cfc8b4;background:var(--iron3);border:1px solid var(--rar);border-radius:4px;width:250px;box-shadow:0 12px 26px #000000a6}.tip-head{background:linear-gradient(90deg, color-mix(in srgb, var(--rar) 22%, transparent), transparent);border-bottom:1px solid #2e2f36;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.tip-head b{font-family:var(--display);color:var(--rar);font-size:16px}.tip-head span{color:var(--mute);font-size:12.5px}.tip-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim)!important;font-size:10px!important}.tip-body{flex-direction:column;gap:3px;padding:8px 12px;font-size:14px;display:flex}.tip-body .set-head{color:#5fd884;font-family:var(--display);margin-top:5px;font-size:15px}.tip-body .set-b{color:#7d8a7a;font-size:13px}.tip-body .set-b.on{color:#8ff0a8}.cell.r4{background:radial-gradient(circle,#1e3a26,#0e1610);border-color:#3fae62;box-shadow:0 0 8px #5fd88459}.tip-body .aff{color:#8fb8ff}.tip-deltas{border-top:1px solid #2e2f36;flex-direction:column;gap:2px;margin-top:4px;padding-top:5px;font-size:13px;font-weight:800;display:flex}.tip-deltas .up{color:var(--heal)}.tip-deltas .down{color:#e0705a}.tip-foot{color:var(--dim);border-top:1px solid #2e2f36;padding:6px 12px;font-size:12px}.tip-hint,.tip-text .tip-hint{color:var(--gold-hi);text-shadow:0 1px 2px #000;margin-top:6px;font-size:12.5px}.tip-text{background:var(--iron3);border:1px solid var(--bronze);max-width:300px;color:var(--mute);border-radius:4px;flex-direction:column;gap:3px;padding:8px 12px;font-size:13.5px;display:flex;box-shadow:0 10px 22px #0009}.tip-text b{font-family:var(--display);color:var(--text);font-size:15px}.wins{position:absolute;inset:0}.win{flex-direction:column;max-height:calc(100vh - 40px);display:flex;position:absolute}.win-head{border-bottom:1px solid var(--bronze);background:linear-gradient(#33353f, var(--iron2));cursor:move;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.win-head h2{font-family:var(--display);color:var(--gold-hi);flex:1;margin:0;font-size:17px}.win-key{color:var(--dim);font-size:11px;font-weight:700}.win-body{flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.win-body h3{font-family:var(--display);color:var(--mute);margin:6px 0 0;font-size:14px}.note{color:var(--mute);margin:0;font-size:13px;line-height:1.4}.note.gold{color:var(--gold-hi);font-weight:700}.note.dim{color:var(--dim)}.grid{background:#0e0f13;border:1px solid #24262e;border-radius:3px;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:8px;display:grid}.cell{aspect-ratio:1;background:#121318;border:1px solid #2a2b32;border-radius:3px;padding:6px;position:relative}.cell svg{width:100%;height:100%}.cell.r0{background:radial-gradient(circle,#2e2e34,#141519);border-color:#6a675e}.cell.r1{background:radial-gradient(circle,#23314a,#11141b);border-color:#4a6ea8}.cell.r2{background:radial-gradient(circle,#3e3418,#15130b);border-color:#c9a640;box-shadow:0 0 8px #ffd45c4d}.cell.r3{background:radial-gradient(circle,#34244a,#130e1b);border-color:#9a6ad0;box-shadow:0 0 8px #c98bff59}.cell[data-cell],.cell[data-equip]{cursor:grab}.cell.dragging{opacity:.35}.cell.target{border-color:var(--gold-hi);box-shadow:0 0 10px #ffd27899}.cell.ghost{z-index:2000;pointer-events:none;opacity:.9;width:52px;height:52px;position:fixed;top:0;left:0;box-shadow:0 10px 20px #0009}.cell.equip{width:64px;height:64px;padding:9px}.cell.equip.disabled{opacity:.45;cursor:default;border-style:dashed}.cell-label{color:var(--dim);text-align:center;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.inv-foot{color:var(--mute);justify-content:space-between;font-size:14px;display:flex}.doll{justify-content:center;align-items:center;gap:12px;display:flex}.doll-col{flex-direction:column;gap:12px;display:flex}.doll-img{object-fit:cover;border:1px solid var(--edge);border-radius:90px 90px 6px 6px;width:180px;height:245px}.stats{border-top:1px solid var(--edge);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px;padding-top:10px;font-size:14.5px;display:grid}.stat{align-items:center;gap:6px;display:flex}.stat span{color:var(--mute);flex:1}.skill-row{background:#0000002e;border:1px solid #24262e;border-radius:3px;align-items:center;gap:12px;padding:8px;display:flex}.pips{gap:3px;margin-top:3px;display:flex}.pips i{border:1px solid var(--edge);background:#00000059;border-radius:1px;width:14px;height:5px}.pips i.on{background:var(--gold-hi);border-color:var(--gold)}.rank-col{flex-direction:column;align-items:center;gap:6px;display:flex}.btn.small{padding:4px 8px;font-size:12px}.skill-row.locked{opacity:.6}.slot-icon{border:1px solid var(--edge);width:46px;height:46px;font-family:var(--display);color:var(--text);background:radial-gradient(circle at 50% 35%,#3a3c46,#121318);border-radius:4px;flex:none;justify-content:center;align-items:center;padding:10px;font-size:17px;font-weight:700;display:flex}.slot-icon svg{fill:none;width:100%;height:100%;stroke:var(--mute);stroke-width:1.8px}.skill-info{flex-direction:column;flex:1;gap:2px;font-size:13.5px;display:flex}.skill-info b{font-family:var(--display);font-size:15px}.skill-info span{color:var(--mute)}.skill-info small{color:var(--dim);font-size:12px}.empty-icon{width:72px;height:72px;color:var(--bronze);align-self:center}.empty-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.quest{background:#0000002e;border:1px solid #24262e;border-radius:3px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.quest header{justify-content:space-between;gap:10px;display:flex}.quest header b{font-family:var(--display);color:var(--gold-hi)}.quest header span{font-size:13px;font-weight:700}.quest p{color:var(--mute);margin:0;font-size:14px;line-height:1.4}.quest small{color:var(--dim);font-size:12px}.quest.done{opacity:.55}.worldmap{border-radius:3px;width:100%;height:auto;display:block}.opt{justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}#screen{background:radial-gradient(at 50% 40%,#262a34,#0e0f13 75%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.title-card{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:900px;display:flex}.title-card h1{font-family:"Cinzel Decorative", var(--display);color:var(--gold-hi);text-shadow:0 4px #3a2612,0 0 30px #ffb45a4d;margin:0;font-size:clamp(54px,9vw,96px)}.tag{color:var(--mute);margin:0;font-size:18px}.load{border:1px solid var(--bronze);background:#0b0c10;border-radius:5px;width:360px;height:10px;overflow:hidden}.load i{background:linear-gradient(90deg, var(--gold), var(--gold-hi));width:0;height:100%;transition:width .2s;display:block}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;width:100%;display:grid}.ccard{text-align:left;border:1px solid var(--bronze);background:linear-gradient(var(--iron), var(--iron2));border-radius:4px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 0 0 2px #101116,0 0 0 3px #c9893c66}.ccard:hover,.ccard:focus-visible{border-color:var(--gold-hi);box-shadow:0 0 0 2px #101116, 0 0 0 3px var(--gold-hi), 0 0 20px #ffc8784d;outline:none}.ccard .cn{font-family:var(--display);color:var(--gold-hi);font-size:26px;font-weight:700}.ccard .cd{color:var(--mute);font-size:15px;line-height:1.35}.ccard .cs{color:var(--text);font-size:13px}.heroes{flex-direction:column;gap:10px;width:100%;display:flex}.hero-row{text-align:left;border:1px solid var(--bronze);background:linear-gradient(var(--iron), var(--iron2));border-radius:4px;align-items:center;gap:10px;padding:12px 14px;display:flex}.hero-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hero-info b{font-family:var(--display);color:var(--gold-hi);font-size:20px}.hero-info span{color:var(--mute);font-size:14px}.row-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn.danger:hover{border-color:var(--hp);color:#ff9a8a}.name-field{align-items:center;gap:12px;display:flex}.name-field label{font-family:var(--display);color:var(--mute)}.name-field input{border:1px solid var(--bronze);width:260px;color:var(--text);font:600 18px var(--body);-webkit-user-select:text;user-select:text;background:#0b0c10;border-radius:3px;padding:10px 12px}.name-field input.bad{border-color:var(--hp)}.ccard.on{border-color:var(--gold-hi);box-shadow:0 0 0 2px #101116, 0 0 0 3px var(--gold-hi), 0 0 20px #ffc8784d}.panel{background:var(--corners), var(--grain), radial-gradient(ellipse at 50% 0%, #3a2b1e, #1f1610 70%, #170f0b);border:1px solid #9a7440;border-radius:2px;box-shadow:0 0 0 1px #0d0805,inset 0 0 0 1px #1a1009,inset 0 0 0 3px #e2b46847,inset 0 0 22px #000000a6,0 8px 22px #0009}.panel:before,.panel:after{display:none}.pname b,.mm-zone b,.tracker h2,.win-head h2,.skill-info b,.quest header b,.tip-head b,.tip-text b{letter-spacing:.02em}.pname b{font-size:19px}.pname span{font-family:"Alegreya SC", var(--body);text-transform:none;letter-spacing:.04em;font-size:13px}.btn,.icon-btn,.menu-btn,.pet-btn{color:var(--gold-hi);background:linear-gradient(#4a3826,#2a1e14 55%,#1e150e);border:1px solid #a07a42;border-radius:2px;box-shadow:inset 0 1px #ffdea038,inset 0 -2px #00000059,0 1px 2px #0009}.btn{font-family:"Alegreya SC", var(--body);letter-spacing:.03em;color:#f2e2bf;font-weight:700}.btn:hover,.icon-btn:hover,.menu-btn:hover,.pet-btn:hover{filter:brightness(1.12);border-color:#f0cf8c}.btn.primary{color:#2a1606;text-shadow:0 1px #ffe6b473;background:linear-gradient(#d9a75a,#a8732e 55%,#7c5020);border-color:#f0cf8c}.btn:disabled{filter:grayscale(.7)brightness(.75);cursor:default}kbd{color:var(--gold-hi);font-family:"Alegreya SC", var(--body);background:linear-gradient(#3a2c1e,#21170f);border-color:#8a6634}.bar{background:#120b07;border-color:#5e4628;border-radius:1px;box-shadow:inset 0 1px 3px #000c}.bar.hp i{background:linear-gradient(#d65a48,#8e1f14 60%,#5a120c)}.bar.mp i{background:linear-gradient(#5f98e2,#1f4688 60%,#142c5a)}.portrait{border:3px solid #c99a52;box-shadow:0 0 0 3px #1a110b,0 0 0 5px #8a6634,0 0 0 6px #0d0805,0 8px 18px #000000b3}.lvl-badge{font-family:var(--display);background:radial-gradient(circle at 40% 35%,#4a3622,#1a110b);border-color:#e2b468;font-size:17px}.mm-ring{border-color:#8a6634;box-shadow:0 0 0 2px #1a110b,0 0 0 4px #c99a52,0 0 0 5px #0d0805,0 10px 22px #0009}.orb{border-color:#8a6634;box-shadow:0 0 0 2px #1a110b,0 0 0 4px #c99a52,0 0 0 5px #0d0805,inset 0 0 24px #000000e6,0 10px 22px #0009}.slot{background:radial-gradient(circle at 50% 35%,#33271c,#120c08);border:1px solid #8a6634;border-radius:2px;box-shadow:inset 0 0 0 1px #0d0805,inset 0 0 10px #000000b3}.slot .key,.menu-btn .mk{font-family:"Alegreya SC", var(--body);color:#e9d3a6}.xp{background:#120b07;border-color:#5e4628;border-radius:1px}.chat{background:var(--corners), linear-gradient(#1c140ee0, #120c09e6)}.chat-tab{font-family:"Alegreya SC", var(--body);font-size:14px}.chat-lines{font-size:14.5px}.chat-input input{font-family:var(--body);background:#120b07;border-color:#5e4628}.tracker h2{border-bottom-color:#6a4f2c;font-size:16px}.tq b{font-family:var(--display);font-size:15px;font-weight:400}.zone-banner b,.banner b{letter-spacing:.03em;text-shadow:0 2px #2a1606,0 0 24px #000000e6;font-weight:400}.zone-banner span,.banner span{font-family:"Alegreya SC", var(--body);color:#e3cfa6;font-size:17px}.toast{background:var(--grain), #1c140f;border-color:#9a7440;font-size:16px}.win{background:var(--corners), var(--blot), var(--grain), radial-gradient(ellipse at 50% 30%, #f1e4c4, #dcc697 70%, #c9ae7c);color:#2e2012;--text:#2e2012;--mute:#5a4126;--dim:#7c6142;--gold-hi:#7a3a10;--gold:#8a5a20;--edge:#b0905e;--heal:#3e6e1a;border:1px solid #6a4a22;box-shadow:0 0 0 1px #0d0805,0 0 0 4px #2a1d12,0 0 0 5px #a07a42,inset 0 0 40px #6e461459,0 18px 40px #000000b3}.win-head{background:var(--grain), linear-gradient(#3a2a1c, #22180f);border-bottom:2px solid #a07a42}.win-head h2{color:#f0cf8c;font-size:20px;font-weight:400}.win-key{color:#c9ae7c}.win-body h3{font-family:var(--display);color:#7a3a10;border-bottom:1px solid #7a3a104d;padding-bottom:2px;font-size:17px;font-weight:400}.win .note{font-size:14.5px}.win .ware,.win .skill-row,.win .quest,.win .pet-row,.win .card-row,.win .adv-card,.win .npc-q{background:#78501e14;border-color:#6a4a2273}.win .skill-info span{color:#4a3420}.win .skill-info small,.win .quest small{color:#6e5538}.win .stats{border-top-color:#6a4a2273}.win .pips i{background:#50321426;border-color:#a08058}.win .pips i.on{background:#b4782c;border-color:#6a4a22}.win .grid{background:#23180f;border-color:#6a4a22;box-shadow:inset 0 0 12px #0009}.win .cell.equip,.win .ware .cell{box-shadow:inset 0 0 8px #0009}.win .doll-img{border:2px solid #6a4a22;box-shadow:0 0 0 1px #c9a46a}.win .inv-foot b.gold,.win .gold{color:#8a5a10}.win .sell-zone{color:#6e5538;border-color:#8a6a3a}.win .mp-code b{color:#7a3a10}.win .card-ico{color:#2e7a3a}.win .opt{font-family:var(--body)}.win .keys kbd{color:var(--gold-hi)}.win .chat-item,.win b.gold{text-shadow:none}.win .btn{color:#f2e2bf}.win .btn.primary{color:#2a1606}.win .tip-hint{text-shadow:none}.tip-item,.tip-text{background:var(--grain), linear-gradient(#271c13, #17100b);border-radius:2px;box-shadow:0 0 0 1px #0d0805,inset 0 0 0 1px #e2b46840,0 12px 26px #000000b3}.tip-head b{font-size:18px;font-weight:400}#screen{background:var(--blot) center / cover, radial-gradient(ellipse at 50% 35%, #33241a, #110b08 75%)}.title-card h1{color:#f0cf8c;text-shadow:0 3px #3a1e08,0 0 40px #ffaa5040}.tag{font-family:var(--body);color:#d8c49a;font-size:19px;font-style:italic}.ccard,.hero-row{background:var(--corners), var(--grain), linear-gradient(#33261a, #1c140e);border:1px solid #9a7440;border-radius:2px;box-shadow:0 0 0 1px #0d0805,inset 0 0 0 3px #e2b46833}.ccard .cn,.hero-info b{font-family:var(--display);font-size:28px;font-weight:400}.name-field input{font-family:var(--body);background:#120b07;border-color:#9a7440}.load{background:#120b07;border-color:#9a7440;border-radius:1px}