.uiIcon{display:inline-block;width:32px;height:32px;flex-shrink:0;background-image:url('assets/icons-v5.webp');background-size:800% 800%;background-position:calc(var(--ux)*100%/7) calc(var(--uy)*100%/7);image-rendering:pixelated;vertical-align:middle}
.skillIcon .uiIcon,.miniIcon .uiIcon,.skillLargeIcon .uiIcon{width:100%;height:100%}
#attackBtn>.uiIcon{width:38px;height:38px;display:block;margin:auto}
.navGlyph .uiIcon{width:26px;height:26px}.wallet .uiIcon{width:22px;height:22px;margin-right:4px}
.runeTile{background:transparent;border:0;box-shadow:none;clip-path:none;position:relative;isolation:isolate}
.runeTile .runeStone{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.runeTile b{color:#241c37;text-shadow:0 1px #ffffff88;position:relative;z-index:1}.runeTile em{color:#f6e7ca;background:#21172bdd;z-index:2;position:relative;padding:1px 3px}
.runeTile.empty{border:2px dashed #625a78;background:#211b31}.runeTile.empty b{color:#9885ad}
.statSummary{padding:12px;margin:12px 0;border:1px solid #65516d;background:#161626}
.statSummary h3{margin:0 0 10px;font-size:12px;color:#ecd8b0}.statSummary>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 5px}
.statSummary>div>span{display:flex;flex-direction:column;align-items:center;gap:3px}.statSummary .uiIcon{width:25px;height:25px}.statSummary small{font-size:9px;color:#bfb1ce}.statSummary b{font-size:13px;color:#fff2d4}
.setEmblem{width:44px;height:44px;display:block;margin:0 auto 5px}.setCard p{line-height:1.6;min-height:66px}
#heroBuffs{display:flex;gap:5px;flex-wrap:wrap;min-height:4px;margin-top:3px}#heroBuffs>span{display:flex;align-items:center;background:#20182de8;border:1px solid #68516b;padding:1px 4px 1px 1px}#heroBuffs .uiIcon{width:18px;height:18px}#heroBuffs small{font-size:9px;color:#e6d8f2}
.partyMini.casting{filter:brightness(1.4);box-shadow:0 0 9px #ffe7af;border-color:#ffe7af}
#runeMeter{position:absolute;left:15px;bottom:159px;width:180px;box-sizing:border-box;padding:7px 8px;background:#181625dd;border:1px solid #77648f;border-left:3px solid #d5b37b;pointer-events:none;text-shadow:0 1px #111}
#runeMeter[hidden]{display:none}#runeMeter>.uiIcon{width:23px;height:23px;margin-right:4px}#runeMeter>b{font-size:11px;color:#f9e3b6}#runeMeter>small{display:block;font-size:10px;color:#dacfe4;margin-top:3px}#runeMeter>div{display:flex;gap:3px;margin-top:4px}
#runeMeter i{font-style:normal;font-size:9px;flex:1;text-align:center;color:#9f8cae;border-bottom:2px solid #51435d;padding:2px 0}#runeMeter .clapNumber{color:#dce9ff;border-color:#9bbfe1}#runeMeter .current{background:#e5c387;color:#251a32;box-shadow:0 0 7px #e9bd77}#runeMeter .clapBeats i{height:5px;padding:0;background:#54465e;border:0}#runeMeter .clapBeats .current{background:#ffe5ac}#runeMeter .groupStart{margin-left:4px}
@media(max-height:700px){#runeMeter{bottom:142px;padding:4px 7px}#heroBuffs .uiIcon{width:15px;height:15px}}

.mercSkills .uiIcon{width:19px;height:19px;margin-right:3px}.balance .uiIcon{width:19px;height:19px}#dodgeBtn>.uiIcon{width:30px;height:30px;display:block;margin:auto}
/* Safari: control labels/icons must not start selection, callouts or page zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#world,#controls,#controls *,#hud,#hud *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}