.df .bf-mon{translate:-50% -100%}.df .bf-plat{translate:-50% -50%}.df-plat-p1{width:26%;height:9%}.df-plat-p2{width:21%;height:7.5%}.df-huds{z-index:10;gap:6px;width:min(36%,210px);display:grid;position:absolute}.df-huds-foe{top:10px;left:10px}.df-huds-mine{bottom:10px;right:10px}.df-hud{color:#fff;background:linear-gradient(#0c1230eb,#121a40e0);border:2px solid #fff3;border-radius:12px;padding:6px 10px 7px 14px;transition:transform .2s,box-shadow .2s,opacity .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.df-hud:before{content:"";background:var(--hudc,#6aa8ff);width:5px;position:absolute;top:0;bottom:0;left:0}.df-mine{--hudc:#5fb4ff}.df-foe{--hudc:#ff7a5c}.df-hud.active{box-shadow:0 6px 16px #0006,0 0 0 2px var(--ink),0 0 18px #ffc8508c;transform:scale(1.04)}.df-hud.ko{opacity:.5;filter:grayscale(.8)}.df-hud-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.df-hud .bf-nick{font:700 12px var(--f-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.df-hud .bf-lvl{font:700 10px var(--f-mono);color:#cfd8ff;font-variant-numeric:tabular-nums}.df-hud .bf-hp{height:9px}.df-hud-foot{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.df-party{justify-content:flex-end;margin:0}.df-party i{width:9px;height:9px}@media (max-width:520px){.df-huds{width:min(44%,170px)}.df-hud{padding:4px 8px 5px 12px}.df-hud .bf-nick{font-size:11px}}@media (max-height:540px) and (orientation:landscape){.df-huds{gap:4px}.df-hud{padding:3px 7px 4px 11px}}.df-hud .bf-nick{display:grid}.df-owner{font:700 9px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);opacity:.9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.df-hud.df-mine .df-owner:before{content:"◆ "}
.dm{gap:10px;width:100%;max-width:760px;margin-inline:auto;display:grid}.dm-head{justify-content:center;align-items:center;gap:10px;display:flex}.dm-head .am-title{margin:0}.dm-step{font:800 11px var(--f-mono);border:2px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 8px}.dm-targeting{justify-items:stretch}.dm-targets{grid-template-columns:repeat(auto-fit,minmax(110px,170px));justify-content:center;gap:10px;width:100%;display:grid}.dm-target{border:3px solid var(--ink);cursor:pointer;color:var(--fg);font:inherit;background:linear-gradient(180deg,var(--surface-hi),var(--surface));box-shadow:0 5px 0 var(--ink);transition:transform .12s var(--spring),filter .15s;border-radius:14px;justify-items:center;gap:1px;padding:6px 8px;display:grid}.dm-target.foe{box-shadow:0 5px 0 var(--ink),inset 0 0 0 2px color-mix(in srgb,var(--fire) 55%,transparent)}.dm-target.ally{box-shadow:0 5px 0 var(--ink),inset 0 0 0 2px color-mix(in srgb,var(--water) 55%,transparent)}.dm-target:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)}.dm-target b{font:700 13px var(--f-body)}.dm-target span{font:700 11px var(--f-mono);color:var(--muted)}.dm-target .pix{image-rendering:pixelated}.dm-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dm-list li{border:2px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.dm-list b{font:700 14px var(--f-body)}.dm-list span{font:600 13px var(--f-mono);color:var(--gold)}.dm-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (max-height:540px) and (orientation:landscape){.dm{gap:6px}.dm-target{padding:6px}}.dm-target .pix{width:44px;height:44px}.dm .btn.ghost{color:#dfe6ff;background:#ffffff0f;border-color:#dfe6ff66}