.title[data-v-5d92bb26]{margin-top:20px;margin-bottom:20px}.title[data-v-5d92bb26]:first-child{margin-top:0}.wrap[data-v-2d144dfc]{user-select:none;display:flex;flex-wrap:wrap;width:320px;margin-bottom:20px;flex-shrink:0;background:#2b2b2b}.pager[data-v-2d144dfc]{width:100%;margin-bottom:5px;color:#fff}.pager span[data-v-2d144dfc]{display:inline-block;cursor:pointer;width:20px;line-height:16px;border:1px solid transparent;border-radius:2px;font-size:14px;text-align:center}.pager span.active[data-v-2d144dfc]{text-shadow:0 0 2px #ffbe31;border-color:#ffbe31}.spell[data-v-2d144dfc]{position:relative;height:64px;width:80px;padding-top:10px;padding-left:24px;box-sizing:border-box;text-align:center;cursor:pointer}.spell.lighter[data-v-2d144dfc]{background:#373737}.spell img[data-v-2d144dfc]{display:block;margin:0 auto;width:32px;height:32px;border-radius:3px;box-shadow:0 2px 2px #070707;opacity:.4}.spell.learned img[data-v-2d144dfc]{opacity:1}.spell span[data-v-2d144dfc]{color:#eee1c5;font-size:.75rem;line-height:16px}.spell[data-v-2d144dfc]:before{position:absolute;top:26px;left:12px;display:block;width:8px;height:8px;content:"";background:#222;border:2px solid #222}.spell.learned[data-v-2d144dfc]:before{background:#ffbe31}.note[data-v-2d144dfc]{margin-bottom:0;font-size:.875rem}.wrap[data-v-35cc2126]{margin:0;line-height:24px}.type[data-v-35cc2126]{width:16px;height:16px;vertical-align:middle}.note[data-v-35cc2126]{line-height:16px;font-size:.75rem;opacity:.75;margin:0 0 0 20px}.clickable[data-v-35cc2126]{cursor:pointer;transition:opacity .2s}.clickable[data-v-35cc2126]:hover{opacity:.8;text-decoration:underline}.tag[data-v-3b6c723e]{display:inline-flex;padding:0 5px;line-height:20px;font-size:.875rem;color:#000;font-weight:700;border-radius:5px;align-items:center}.tag[data-v-3b6c723e]:not(:first-child){margin-left:5px}.indicator[data-v-5963fd22]{display:block;width:8px;height:8px;content:"";background:#222;border:2px solid #222}.indicator.bordered[data-v-5963fd22]{box-shadow:0 0 1px #ffbe31}.indicator.checked[data-v-5963fd22]{box-shadow:none;background:#ffbe31}.spell[data-v-4d765612]{display:flex;min-height:48px;padding:10px}.icon[data-v-4d765612]{float:left;width:48px;height:48px;margin-right:12px;border-radius:5px;box-shadow:0 2px 2px #070707}.content[data-v-4d765612]{overflow:hidden;color:#fff}.content h4[data-v-4d765612]{margin:0;line-height:24px;font-size:1rem;font-weight:400}.content .indicator[data-v-4d765612]{margin-right:3px}.methods[data-v-4d765612]{list-style:none;margin:0;padding:0}.notice[data-v-cdd972b2]{border-bottom:2px solid #ffbe31;padding-bottom:10px;margin-bottom:10px;line-height:32px}.notice a[data-v-cdd972b2]{color:#ffbe31;text-decoration:none}.notice a[data-v-cdd972b2]:hover{border-bottom:1px solid #ffbe31}.relative[data-v-cdd972b2]{position:relative}.help-icon[data-v-cdd972b2]{position:absolute;top:10px;right:15px;width:26px;height:26px;background-color:#ffbe31;color:#1a1a1a;border-radius:50%;text-align:center;line-height:26px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:opacity .2s,transform .2s;z-index:10}.help-icon[data-v-cdd972b2]:hover{opacity:.9;transform:scale(1.1)}.modal-backdrop[data-v-cdd972b2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-cdd972b2]{background-color:#2c2c2c;padding:30px;border-radius:8px;width:90%;max-width:500px;position:relative;color:#e0e0e0;box-shadow:0 4px 15px #00000080;border:1px solid #444}.modal-content h3[data-v-cdd972b2]{margin-top:0;margin-bottom:20px;border-bottom:2px solid #ffbe31;padding-bottom:10px;color:#ffbe31}.help-text p[data-v-cdd972b2]{line-height:1.6;margin:15px 0}.help-text ul[data-v-cdd972b2]{list-style:none;padding-left:5px;margin:15px 0}.help-text li[data-v-cdd972b2]{margin-bottom:12px}.help-text a[data-v-cdd972b2]{color:#ffbe31;text-decoration:underline}.color-def[data-v-cdd972b2]{font-weight:700;padding:1px 4px;border-radius:3px}.text-gold[data-v-cdd972b2]{color:#ff0}.text-white[data-v-cdd972b2]{color:#fff}.text-red[data-v-cdd972b2]{color:#ca3a3a}.text-grey[data-v-cdd972b2]{color:#666}.close-btn[data-v-cdd972b2]{position:absolute;top:10px;right:15px;background:none;border:none;color:#ccc;font-size:1.5rem;cursor:pointer;transition:color .2s}.close-btn[data-v-cdd972b2]:hover{color:#ffbe31}.fade-enter-active[data-v-cdd972b2],.fade-leave-active[data-v-cdd972b2]{transition:opacity .3s ease}.fade-enter-from[data-v-cdd972b2],.fade-leave-to[data-v-cdd972b2]{opacity:0}.wrap[data-v-32ec0e4d]{user-select:none;margin-bottom:20px}.wrap input[data-v-32ec0e4d]{padding:0 10px;line-height:32px;background:#333;color:#fff;border:1px solid #333;border-radius:16px}.level[data-v-32ec0e4d]{display:flex}.order[data-v-32ec0e4d]{display:flex;align-items:center;margin-left:10px;cursor:pointer}.order .indicator[data-v-32ec0e4d]{margin-right:10px}.wrap ul[data-v-32ec0e4d]{display:flex;flex-wrap:wrap;margin:0;padding:0;flex-shrink:0;list-style:none}.type[data-v-32ec0e4d]{position:relative;padding:10px 0 6px;flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer}.type img[data-v-32ec0e4d]{width:32px;height:32px}.type.lighter[data-v-32ec0e4d]{background:#373737}.type .indicator[data-v-32ec0e4d]{margin-top:10px}.wrap[data-v-74630ac7]{user-select:none;display:flex;flex-wrap:wrap;width:320px;margin-bottom:20px;flex-shrink:0;background:#2b2b2b}.item[data-v-74630ac7]{width:100%;display:flex;margin-bottom:5px}.item>span[data-v-74630ac7]{width:50px}.detail[data-v-74630ac7]{display:flex;align-items:center;flex:1}.button[data-v-74630ac7]{border:0;background:none;color:#fff;font-size:.875rem;cursor:pointer}.progress[data-v-74630ac7]{height:12px;flex:1;background-color:#373737;border-radius:6px}.progress>div[data-v-74630ac7]{height:100%;background-color:#ffbe31;border-radius:6px;transition:width .2s ease-in}html{font-size:16px}body{background:#2b2b2b;color:#fff;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:20px}#app aside{width:320px}@media (min-width: 1000px){#app{padding-left:360px}#app aside{position:fixed;top:20px;left:20px}}input{padding:0 10px;border:0;outline:0;line-height:32px;background:#333;color:#fff;border-radius:16px;box-sizing:border-box}input:focus{box-shadow:0 0 2px #ffbe31}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.search[data-v-5489f0d2]{width:100%;margin-bottom:20px}.sponsor-banner[data-v-5489f0d2]{margin-bottom:15px;padding:10px 15px;background:rgba(255,190,49,.1);border-left:4px solid #ffbe31;border-radius:4px;font-size:.9rem;line-height:1.5}.sponsor-banner span[data-v-5489f0d2]{color:#ccc}.sponsor-banner a[data-v-5489f0d2]{color:#ffbe31;text-decoration:none;font-weight:700;transition:opacity .2s}.sponsor-banner a[data-v-5489f0d2]:hover{opacity:.8;text-decoration:underline}