.vd{--c-glass: rgba(20, 26, 24, .94);--c-well: rgba(255, 255, 255, .07);--c-well2: rgba(255, 255, 255, .13);--c-line: rgba(255, 255, 255, .12);--c-line2: rgba(255, 255, 255, .24);--c-ink: #F4F0E6;--c-ink2: rgba(244, 240, 230, .78);--c-ink3: rgba(244, 240, 230, .5);--c-act: #F2C94C;--c-act-ink: #2A1E04;--c-ult: #F0A44B;position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#00000059;font:600 13px/1.3 Nunito,ui-rounded,system-ui,sans-serif;color:var(--c-ink)}.vd[hidden]{display:none}.vd button{font:inherit;color:inherit;cursor:pointer}.vd svg{fill:currentColor;flex:none}.vd-win{width:min(1320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto 1fr auto;background:var(--c-glass);border:1px solid var(--c-line);border-radius:18px;box-shadow:0 20px 60px #00000073;overflow:hidden;backdrop-filter:blur(14px)}.vd-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--c-line)}.vd-head>svg{color:var(--c-act)}.vd-head>b{font-size:21px;font-weight:900;margin-right:18px}.vd-head nav{display:flex;gap:8px;flex:1}.vd-head nav button{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;border:0;background:var(--c-well);color:var(--c-ink2);font-weight:800}.vd-head nav button.on{background:var(--c-act);color:var(--c-act-ink)}.vd-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--c-well2);display:grid;place-items:center}.vd-body{overflow:auto;padding:16px 22px}.vd h4{margin:4px 0 10px;font-size:15px;font-weight:900;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vd h4 small{font-size:12px;font-weight:600;color:var(--c-ink3)}.vd-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px}.vd-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.vd-card{position:relative;text-align:left;display:grid;gap:4px;padding:14px 16px 14px 44px;border-radius:14px;border:1px solid var(--c-line);background:var(--c-well)}.vd-card b{font-size:15.5px;font-weight:900;margin-bottom:6px;padding-right:44px}.vd-card small{font-size:12.5px;color:var(--c-ink2)}.vd-card .vd-cic{position:absolute;right:12px;top:10px;color:var(--c-ink3)}.vd-card.on{border:2px solid var(--c-act);background:#f2c94c21}.vd-card.on .vd-cic{color:var(--c-act)}.vd-radio{position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;border:2px solid var(--c-ink3);box-sizing:border-box}.vd-card.on .vd-radio{border-color:var(--c-act);background:radial-gradient(circle,var(--c-act) 0 4px,transparent 5px)}.vd-wpns{display:flex;flex-wrap:wrap;gap:6px}.vd-wpns button{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;border:0;background:var(--c-well);color:var(--c-ink2);font-size:12px;font-weight:800}.vd-wpns button.on{background:var(--c-act);color:var(--c-act-ink)}.vd-slots,.vd-gbar{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.vd-slots>i{width:8px}.vd-slot{position:relative;width:60px;height:60px;border-radius:12px;border:1px solid var(--c-line2);background:#1c2320f2;display:grid;place-items:center;padding:0}.vd-slot i{display:grid;margin-top:-8px}.vd-slot small{position:absolute;left:2px;right:2px;bottom:3px;font-size:9px;font-weight:800;color:var(--c-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.vd-slot .k{position:absolute;left:3px;top:3px;padding:2px 4px;min-width:9px;border-radius:5px;background:var(--c-act);color:var(--c-act-ink);font-size:10px;font-weight:900;line-height:1}.vd-slot.empty{background:#ffffff08;border-style:dashed}.vd-slot.empty b{font-size:22px;font-weight:400;color:var(--c-ink3)}.vd-slot.ult{border-color:var(--c-ult)}.vd-slot.on{border:2px solid var(--c-act);box-shadow:0 0 0 3px #f2c94c4d}.vd-slot.target{border-color:var(--c-act);animation:vd-pulse 1s ease-in-out infinite}@keyframes vd-pulse{50%{box-shadow:0 0 0 3px #f2c94c59}}.vd-hint{margin:10px 0;font-size:12.5px;color:var(--c-ink3)}.vd-hint button{border:0;border-radius:6px;padding:1px 8px;background:var(--c-well2)}.vd-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.vd-skill{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:7px 9px;border-radius:10px;border:1px solid var(--c-line);background:var(--c-well);cursor:grab;user-select:none}.vd-skill i{grid-row:span 2;display:grid}.vd-skill b{font-size:12.5px;font-weight:800}.vd-skill small{font-size:10.5px;color:var(--c-ink3)}.vd-skill.on{border-color:var(--c-act);background:#f2c94c21}.vd-skill.in small{color:var(--c-act)}.vd-note{margin:14px 0 0;font-size:12px;color:var(--c-ink3)}.vd-table{display:grid;gap:1px}.vd-row{display:grid;grid-template-columns:1fr 132px 132px;gap:8px;align-items:center;padding:3px 8px 3px 12px;border-radius:7px}.vd-row:nth-child(odd){background:#ffffff08}.vd-row.on{background:#f2c94c21;box-shadow:inset 0 0 0 1.5px var(--c-act)}.vd-th{background:var(--c-well)!important;font-size:11.5px;font-weight:900;color:var(--c-ink3);padding:5px 8px 5px 12px}.vd-key{height:25px;border-radius:6px;border:0;background:var(--c-well2);font-size:12px;font-weight:800;padding:0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-key.none{color:var(--c-ink3)}.vd-key.on{background:var(--c-act);color:var(--c-act-ink)}.vd-key.sm{width:60px;height:22px;margin-top:4px;text-align:center;font-size:11px}.vd-foot{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--c-line)}.vd-foot button{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:99px;border:0;background:var(--c-well2);font-weight:800}.vd-msg{flex:1;font-size:12.5px;color:var(--c-ink3)}.vd-foot .vd-ok{background:var(--c-act);color:var(--c-act-ink);min-width:96px;justify-content:center}.vd-gtop{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.vd-gcol{display:grid;justify-items:center}.vd-chk{display:flex;align-items:center;gap:10px;margin-top:36px;color:var(--c-ink2);font-weight:700}.vd-chk button{width:20px;height:20px;border-radius:5px;border:2px solid var(--c-ink3);background:none;padding:0}.vd-chk button.on{background:var(--c-act) linear-gradient(transparent,transparent);border-color:var(--c-act);box-shadow:inset 0 0 0 3px var(--c-act),inset 0 0 0 10px var(--c-act-ink)}.vd-gods{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}.vd-god{padding:10px;border-radius:14px;border:1px solid var(--c-line);background:var(--c-well);display:grid;gap:6px;align-content:start}.vd-god h5{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900}.vd-god h5 svg:first-child{color:var(--c-act)}.vd-god.locked{opacity:.55}.vd-god .vd-skill{background:#ffffff08}.vd-empty{padding:40px;text-align:center;color:var(--c-ink2)}@media(max-width:900px){.vd-cols,.vd-cards{grid-template-columns:1fr}.vd-row{grid-template-columns:1fr 104px 104px}}@media(max-width:700px){.vd-win{width:100vw;max-height:100dvh;border-radius:0}.vd-head>b{font-size:17px;margin-right:4px}.vd-body{padding:12px}.vd-slot{width:52px;height:52px}.vd-msg{display:none}}