.mock-spinner-white{color:#fff}.mock-spinner-grey{color:#999}.mock-spinner-orange{color:#ec981a}.mock-spinner-green{color:#7cbb1e}.mock-spinner-purple{color:#ce91ff}.mock-spinner-aqua{color:#00ff9a}.mock-spinner-red{color:#ff410d}.mock-spinner-yellow{color:#f3c733}.mock-spinner-cyan{color:#9affd6}.mock-spinner-bright-green{color:#3ed830}.mock-spinner-item-vitality{color:#424845}.mock-spinner-item-spirit{color:#583b6f}.mock-spinner-item-weapon{color:#5e3e09}.mock-spinner-dark-grey{color:#333026}.mock-spinner,.mock-spinner div{box-sizing:border-box}.mock-spinner{display:inline-block;position:relative;width:1em;aspect-ratio:1}.mock-spinner div{position:absolute;top:calc(1em * 5 / 12);width:calc(1em / 6);height:calc(1em / 6);border-radius:50%;background:currentcolor;animation-timing-function:cubic-bezier(0,1,1,0)}.mock-spinner div:nth-child(1){left:.1em;animation:lds-ellipsis1 .6s infinite}.mock-spinner div:nth-child(2){left:.1em;animation:lds-ellipsis2 .6s infinite}.mock-spinner div:nth-child(3){left:.4em;animation:lds-ellipsis2 .6s infinite}.mock-spinner div:nth-child(4){left:calc(1em * 7 / 10);animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(calc(1em * 3 / 10))}}.mock-animated-div{transition:height .3s cubic-bezier(.35,.06,.4,1);height:0;overflow:hidden}.mock-tooltip-container{cursor:pointer}.mock-tooltip{cursor:auto;position:absolute;z-index:10;text-align:start}.mock-tooltip.mock-tooltip-up{bottom:75%}.mock-tooltip.mock-tooltip-up:after{display:block;width:0;height:0;border-width:.5rem;border-color:#999 transparent transparent;border-style:solid;content:""}.mock-tooltip.mock-tooltip-down:before{display:block;width:0;height:0;border-width:.5rem;border-color:transparent transparent #999;border-style:solid;content:""}.mock-tooltip.mock-tooltip-warning.mock-tooltip-up:after{border-color:#c44 transparent transparent}.mock-tooltip.mock-tooltip-warning.mock-tooltip-down:before{border-color:transparent transparent #c44}.mock-icon{width:1em;aspect-ratio:1;display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mock-icon-clickable{cursor:pointer}.mock-icon-large{font-size:1.3em}.mock-icon-white{background-color:#fff}.mock-icon-grey{background-color:#999}.mock-icon-orange{background-color:#ec981a}.mock-icon-green{background-color:#7cbb1e}.mock-icon-purple{background-color:#ce91ff}.mock-icon-aqua{background-color:#00ff9a}.mock-icon-red{background-color:#ff410d}.mock-icon-yellow{background-color:#f3c733}.mock-icon-cyan{background-color:#9affd6}.mock-icon-bright-green{background-color:#3ed830}.mock-icon-item-vitality{background-color:#424845}.mock-icon-item-spirit{background-color:#583b6f}.mock-icon-item-weapon{background-color:#5e3e09}.mock-icon-dark-grey{background-color:#333026}.mock-editable-icon:hover{filter:brightness(120%);transform:scale(115%)}.mock-icon-picker{background:#222;border:.1rem solid #999;padding:.2rem;white-space:nowrap;font-size:1.2rem}.mock-icon-picker-button{cursor:pointer;display:inline-block;margin:.1rem}.mock-icon-picker-button:hover{border:.1rem solid orange;margin:0}.mock-drag-list-item.mock-drag-list-item-active{cursor:grabbing;opacity:.3}.mock-drag-list-grip{cursor:grab;opacity:0;display:flex;align-items:center}*:hover>.mock-drag-list-grip{opacity:1}.mock-drag-list-divider{border:.05rem solid #4492e6;opacity:0}.mock-drag-list-divider-highlighted{opacity:1}.mock-drag-list{display:flex;flex-direction:column;transition:opacity .15s}.mock-drag-list.mock-drag-list-horizontal{flex-direction:row}.mock-delete-button{font-size:.7rem;visibility:hidden;margin-left:.4em;filter:drop-shadow(0 0 .1rem rgb(0 0 0 / 70%))}.mock-delete-button-overlap{position:absolute;width:0}.mock-delete-button-overlap .mock-delete-button{position:absolute;margin-left:0;left:-.35rem;top:-.35rem;z-index:5}.mock-deleteable{display:flex;align-items:center;max-width:100%}.mock-deleteable:hover .mock-delete-button{visibility:visible}.mock-text{padding-bottom:.25em}.mock-text-thin{font-weight:400}.mock-text-medium{font-weight:500}.mock-text-semibold{font-weight:600}.mock-text-bold{font-weight:700}.mock-text-italic{font-style:italic}.mock-text-color-bright{color:#ffefd7}.mock-text-color-orange{color:#ed961e}.mock-text-color-purple{color:#c78bf7}.mock-text-color-green{color:#7cbb1e}.mock-editable-text{display:inline-block;resize:none;cursor:pointer;min-width:1em;min-height:1lh}.mock-editable-text:hover{filter:brightness(120%);transform:scale(102%)}.mock-editable-markdown{display:block;resize:none;cursor:pointer;min-height:1lh}.mock-editable-markdown:hover{filter:brightness(120%);transform:scale(102%)}[contenteditable]{outline:0 solid transparent}[contenteditable]:focus{background:#f006}.mock-sidebar-button{cursor:pointer;-webkit-user-select:none;user-select:none;flex-grow:0;flex-shrink:0;padding:.05rem .3rem 0;display:flex;justify-content:space-between;align-items:center;background-color:#707070;border:.1rem solid #222;border-radius:.2rem;line-height:1;width:min-content;font-size:.65rem;font-family:Roboto,sans-serif;font-variant:all-petite-caps;color:#ffefd7}.mock-sidebar-button:not(:first-child){margin-top:.2rem}.mock-sidebar-button:hover{background:#669;border:.1rem solid #88a}.mock-sidebar-button .mock-icon{margin-left:.2rem;font-size:.6rem}.mock-sidebar-buttons{height:0;width:0;position:absolute}.mock-sidebar-buttons>div{position:absolute;right:.6rem;display:flex;flex-direction:column;align-items:flex-end}.mock-style-picker{background:#222;border:.1rem solid #999;padding:.3rem;white-space:nowrap;-webkit-user-select:none;user-select:none}.mock-style-picker-color{cursor:pointer;display:inline-block;width:1rem;height:1rem;margin:.1rem;background-color:currentcolor}.mock-style-picker-color:hover{border:.1rem solid orange;margin:0}.mock-style-picker-weight{cursor:pointer;display:inline-block;width:1rem;height:1rem;margin:.1rem;font-size:.8rem;background-color:#333;text-align:center;align-content:center}.mock-style-picker-weight:hover{border:.1rem solid orange;margin:0}.mock-spirit-scaling,.mock-melee-scaling,.mock-boon-scaling{z-index:5;height:0;display:flex;align-items:center;position:absolute;right:0;top:0}.mock-spirit-scaling .mock-spirit-scaling-icon,.mock-melee-scaling .mock-spirit-scaling-icon,.mock-boon-scaling .mock-spirit-scaling-icon{background-image:url(/deadmock/icon/spirit_scaling.png);height:1.8em;left:-1.9em}.mock-spirit-scaling .mock-melee-scaling-icon,.mock-melee-scaling .mock-melee-scaling-icon,.mock-boon-scaling .mock-melee-scaling-icon{background-image:url(/deadmock/icon/melee_scaling.png);height:1.8em;left:-2.3em}.mock-spirit-scaling .mock-boon-scaling-icon,.mock-melee-scaling .mock-boon-scaling-icon,.mock-boon-scaling .mock-boon-scaling-icon{background-image:url(/deadmock/icon/boon_scaling.png);height:2.1em;left:-1.6em;top:-.95em}.mock-spirit-scaling .mock-spirit-scaling-icon,.mock-spirit-scaling .mock-melee-scaling-icon,.mock-spirit-scaling .mock-boon-scaling-icon,.mock-melee-scaling .mock-spirit-scaling-icon,.mock-melee-scaling .mock-melee-scaling-icon,.mock-melee-scaling .mock-boon-scaling-icon,.mock-boon-scaling .mock-spirit-scaling-icon,.mock-boon-scaling .mock-melee-scaling-icon,.mock-boon-scaling .mock-boon-scaling-icon{position:absolute;width:2.7em;background-size:contain;background-repeat:no-repeat;background-position:right}.mock-spirit-scaling .mock-spirit-scaling-box,.mock-melee-scaling .mock-spirit-scaling-box,.mock-boon-scaling .mock-spirit-scaling-box{padding:.15em .5em .25em 1.1em}.mock-spirit-scaling .mock-melee-scaling-box,.mock-spirit-scaling .mock-boon-scaling-box,.mock-melee-scaling .mock-melee-scaling-box,.mock-melee-scaling .mock-boon-scaling-box,.mock-boon-scaling .mock-melee-scaling-box,.mock-boon-scaling .mock-boon-scaling-box{padding:.15em .5em .25em .85em}.mock-spirit-scaling .mock-spirit-scaling-box,.mock-spirit-scaling .mock-melee-scaling-box,.mock-spirit-scaling .mock-boon-scaling-box,.mock-melee-scaling .mock-spirit-scaling-box,.mock-melee-scaling .mock-melee-scaling-box,.mock-melee-scaling .mock-boon-scaling-box,.mock-boon-scaling .mock-spirit-scaling-box,.mock-boon-scaling .mock-melee-scaling-box,.mock-boon-scaling .mock-boon-scaling-box{height:1.2em;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;color:#cdcdcd;font-weight:600;font-style:italic;font-size:.9em}.mock-spirit-scaling .mock-spirit-scaling-box>div,.mock-spirit-scaling .mock-melee-scaling-box>div,.mock-spirit-scaling .mock-boon-scaling-box>div,.mock-melee-scaling .mock-spirit-scaling-box>div,.mock-melee-scaling .mock-melee-scaling-box>div,.mock-melee-scaling .mock-boon-scaling-box>div,.mock-boon-scaling .mock-spirit-scaling-box>div,.mock-boon-scaling .mock-melee-scaling-box>div,.mock-boon-scaling .mock-boon-scaling-box>div{padding-bottom:.2em}.mock-spirit-scaling .mock-spirit-scaling-box>div>span:first-child,.mock-spirit-scaling .mock-melee-scaling-box>div>span:first-child,.mock-spirit-scaling .mock-boon-scaling-box>div>span:first-child,.mock-melee-scaling .mock-spirit-scaling-box>div>span:first-child,.mock-melee-scaling .mock-melee-scaling-box>div>span:first-child,.mock-melee-scaling .mock-boon-scaling-box>div>span:first-child,.mock-boon-scaling .mock-spirit-scaling-box>div>span:first-child,.mock-boon-scaling .mock-melee-scaling-box>div>span:first-child,.mock-boon-scaling .mock-boon-scaling-box>div>span:first-child{margin-right:.2em;-webkit-user-select:none;user-select:none}.mock-spirit-scaling .mock-spirit-scaling-box,.mock-melee-scaling .mock-spirit-scaling-box,.mock-boon-scaling .mock-spirit-scaling-box{background-color:#65358a}.mock-spirit-scaling .mock-melee-scaling-box,.mock-melee-scaling .mock-melee-scaling-box,.mock-boon-scaling .mock-melee-scaling-box{background-color:#7b551a}.mock-spirit-scaling .mock-boon-scaling-box,.mock-melee-scaling .mock-boon-scaling-box,.mock-boon-scaling .mock-boon-scaling-box{background-color:#3e685b}.mock-grid-cell:has(.mock-spirit-scaling) .mock-grid-cell-contents{border:.1rem solid #5a3875;background:radial-gradient(transparent 20%,#583875b3)}.mock-grid-cell:has(.mock-melee-scaling) .mock-grid-cell-contents{border:.1rem solid #704c17;background:radial-gradient(transparent 20%,#704c17b3)}.mock-grid-cell:has(.mock-boon-scaling) .mock-grid-cell-contents{border:.1rem solid #467768;background:radial-gradient(transparent 20%,#467768b3)}.mock-grid-cell-value{display:flex;align-items:center;justify-content:center;gap:.2em}.mock-grid-values-cell-value{display:flex;justify-content:center;margin-right:.7em;flex-grow:0;flex-shrink:0;gap:.2em}.mock-grid-values-cell-item-delete{margin-left:.1em;visibility:hidden}.mock-grid-values-cell-item{display:flex;align-items:center;flex:1 50%;white-space:nowrap}.mock-grid-values-cell-item:hover .mock-grid-values-cell-item-delete{visibility:visible}.mock-grid-cell-position{position:relative;height:0}.mock-grid-cell-hover-buttons{z-index:5;visibility:hidden;line-height:1;position:absolute;left:.1rem;top:.1rem;padding:.1rem;border-radius:.4rem;border:.1rem solid rgb(10 10 10 / 50%);background-color:#282828cc;display:inline-flex;flex-direction:column;gap:.2rem;font-size:.7rem}.mock-grid-cell-hover-buttons .mock-tooltip{visibility:visible}.mock-grid-cell:has(.mock-spirit-scaling) .mock-grid-cell-hover-buttons,.mock-grid-cell:has(.mock-melee-scaling) .mock-grid-cell-hover-buttons,.mock-grid-cell:has(.mock-boon-scaling) .mock-grid-cell-hover-buttons{left:0;top:0}.mock-grid-cell{box-sizing:border-box;flex:1 0 30%;display:flex;flex-direction:column;min-width:0}.mock-grid-cell:hover .mock-grid-cell-hover-buttons{visibility:visible}.mock-grid-cell-contents{display:flex;flex-direction:column;place-content:center;text-align:center;border-radius:inherit;flex-grow:1}.mock-grid-cell-contents>span{overflow-wrap:break-word}.mock-grid-values-cell{display:flex;flex-flow:row wrap;flex-basis:100%}.mock-grid-values-cell:nth-child(2){flex-flow:column nowrap;flex-basis:calc(50% - .2rem)}.mock-grid{margin-top:.2rem;display:flex;flex-wrap:wrap;gap:.2rem;--border-radius: .5rem}.mock-grid>*:first-child{border-top-left-radius:var(--border-radius)}.mock-grid>*:last-child{border-bottom-right-radius:var(--border-radius)}.mock-grid:not(:has(>*:nth-child(3)))>*:last-child{border-top-right-radius:var(--border-radius)}.mock-grid:has(>*:nth-child(6))>*:nth-child(3){border-top-right-radius:var(--border-radius)}.mock-grid:has(.mock-grid-values-cell)>*:nth-child(2):nth-last-child(2),.mock-grid:has(.mock-grid-values-cell)>*:nth-child(3):nth-last-child(2),.mock-grid:has(.mock-grid-values-cell)>*:nth-child(2):nth-last-child(4){border-top-right-radius:var(--border-radius)}.mock-grid:has(.mock-grid-values-cell):not(:has(>*:nth-child(3)))>*:first-child{border-bottom-left-radius:var(--border-radius)}.mock-grid:has(.mock-grid-values-cell):has(>*:nth-child(3))>*:last-child{border-bottom-left-radius:var(--border-radius)}.mock-grid:has(.mock-grid-values-cell):has(>*:nth-child(3n+5):last-child)>*:nth-last-child(-n+5):not(.mock-grid-values-cell){flex-basis:40%}.mock-grid:not(:has(.mock-grid-values-cell))>*:nth-child(3):last-child,.mock-grid:not(:has(.mock-grid-values-cell))>*:nth-child(2):nth-last-child(3),.mock-grid:not(:has(.mock-grid-values-cell))>*:nth-child(3):nth-last-child(3){border-top-right-radius:var(--border-radius)}.mock-grid:not(:has(.mock-grid-values-cell)):not(:has(>*:nth-child(4)))>*:first-child{border-bottom-left-radius:var(--border-radius)}.mock-grid:not(:has(.mock-grid-values-cell))>*:nth-child(3n):nth-last-child(2),.mock-grid:not(:has(.mock-grid-values-cell))>*:nth-child(3n+4):nth-last-child(2),.mock-grid:not(:has(.mock-grid-values-cell))>*:nth-child(3n+4):nth-last-child(3){border-bottom-left-radius:var(--border-radius)}.mock-grid:not(:has(.mock-grid-values-cell)):has(>*:nth-child(3n+4):last-child)>*:nth-last-child(-n+4){flex-basis:40%}.mock-details-section{display:flex;margin:.4rem 1rem .4rem 0}.mock-details-section>.mock-drag-list-grip{display:flex;flex-direction:column;width:1rem}.mock-details-section>.mock-drag-list-grip .mock-icon{flex-grow:1;-webkit-mask-size:100% 100%;mask-size:100% 100%}.mock-details-section>*:not(.mock-drag-list-grip){flex-grow:1}.mock-details-description{margin-left:1rem;margin-right:1rem}.mock-details>.mock-drag-list>*:nth-last-child(2)>.mock-details-section{margin-bottom:0}.mock-ability{width:30rem}.mock-ability .mock-ability-header-animated{background-color:#121212}.mock-ability .mock-ability-upgrades-animated{background-color:#10101026}.mock-ability .mock-ability-header{padding:1.2rem;display:flex;line-height:1}.mock-ability .mock-ability-header .mock-ability-header-left{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.mock-ability .mock-ability-header .mock-ability-header-left .mock-ability-header-misc-stats{display:flex;flex-wrap:wrap}.mock-ability .mock-ability-header .mock-ability-header-left .mock-ability-header-misc-stats>*{margin-top:.3rem;margin-right:.5rem}.mock-ability .mock-ability-header .mock-ability-header-right{flex-grow:1;display:flex;flex-direction:column;align-items:end;justify-content:flex-end}.mock-ability .mock-ability-header .mock-ability-header-right>div:not(:first-child){margin-top:.5rem}.mock-ability .mock-ability-header .mock-ability-header-title{font-size:1.6rem;font-weight:700;flex-basis:50%;overflow-wrap:anywhere;padding-right:.5rem}.mock-ability .mock-ability-header .mock-ability-stat{display:flex;align-items:center;background-color:#2c2c2c;width:fit-content;padding:.3rem .5rem;font-size:.9rem}.mock-ability .mock-ability-header .mock-ability-stat .mock-icon{font-size:1.15rem}.mock-ability .mock-ability-header .mock-ability-stat .mock-editable-text{margin-left:.3em}.mock-ability .mock-ability-header .mock-ability-stat-group{display:flex}.mock-ability .mock-ability-header .mock-ability-stat-group *:nth-child(2n) .mock-ability-stat{background-color:#242424}.mock-ability .mock-ability-body-background{background:radial-gradient(circle 45rem at 75% 7rem,#404040 20%,#161616);position:relative}.mock-ability .mock-ability-body-background .mock-ability-body-noise{position:absolute;background:radial-gradient(circle 25rem at 75% 7rem,#404040 15%,#080808);-webkit-mask-image:url(/deadmock/noise.png);mask-image:url(/deadmock/noise.png);width:100%;height:100%}.mock-ability .mock-ability-body{color:#d7cab7;position:relative;font-size:.96rem;font-weight:500}.mock-ability .mock-ability-body .mock-details{padding:.9rem 0}.mock-ability .mock-ability-body .mock-details .mock-editable-markdown .mock-text,.mock-ability .mock-ability-body .mock-details .mock-grid .mock-text{padding-bottom:0}.mock-ability .mock-ability-body .mock-editable-markdown{line-height:135%;min-width:5rem}.mock-ability .mock-ability-body .mock-grid{line-height:135%;font-size:.8rem}.mock-ability .mock-ability-body .mock-grid .mock-grid-cell,.mock-ability .mock-ability-body .mock-grid .mock-grid-values-cell{background-color:#1818187f}.mock-ability .mock-ability-body .mock-grid .mock-grid-cell-contents{min-height:3.3rem;padding:.6rem .2rem}.mock-ability .mock-ability-body .mock-grid .mock-grid-cell-contents .mock-grid-cell-value{font-size:1.15rem}.mock-ability .mock-ability-body .mock-grid .mock-grid-cell:has(.mock-spirit-scaling) .mock-grid-cell-contents,.mock-ability .mock-ability-body .mock-grid .mock-grid-cell:has(.mock-melee-scaling) .mock-grid-cell-contents,.mock-ability .mock-ability-body .mock-grid .mock-grid-cell:has(.mock-boon-scaling) .mock-grid-cell-contents{padding:.5rem .1rem}.mock-ability .mock-ability-body .mock-grid .mock-grid-values-cell{padding:.5rem .3rem .5rem .8rem;font-size:.8rem;font-weight:500}.mock-ability .mock-ability-body .mock-grid .mock-grid-values-cell .mock-grid-values-cell-value{font-size:.9rem;margin-right:.6rem}.mock-ability .mock-ability-body .mock-grid .mock-grid-values-cell .mock-grid-values-cell-value .mock-icon{font-size:1.1rem}.mock-ability .mock-ability-body .mock-grid .mock-grid-values-cell .mock-text{padding-bottom:.2rem}.mock-ability .mock-ability-upgrades{padding:1.3rem 1rem;display:flex}.mock-ability .mock-ability-upgrades .mock-ability-upgrade{flex-basis:50%;flex-grow:1;align-self:stretch;display:flex;flex-direction:column}.mock-ability .mock-ability-upgrades .mock-ability-upgrade:not(:first-child){margin-left:.5rem}.mock-ability .mock-ability-upgrades .mock-ability-upgrade.mock-ability-upgrade-inactive .mock-ability-upgrade-cost{border:.1rem solid rgb(32 32 32 / 50%);border-radius:.3rem .3rem 0 0;border-bottom:none;background-color:#2828287f}.mock-ability .mock-ability-upgrades .mock-ability-upgrade.mock-ability-upgrade-inactive .mock-ability-upgrade-text{border:.1rem solid rgb(20 20 20 / 50%);border-radius:0 0 .3rem .3rem;border-top:none;background-color:#4040407f}.mock-ability .mock-ability-upgrades .mock-ability-upgrade-cost{padding:.2rem;background-color:#11140e;display:flex;justify-content:center;align-items:center;font-size:1.05rem}.mock-ability .mock-ability-upgrades .mock-ability-upgrade-cost .mock-icon{font-size:.9rem}.mock-ability .mock-ability-upgrades .mock-ability-upgrade-cost>*:last-child{margin-left:.3em}.mock-ability .mock-ability-upgrades .mock-ability-upgrade-text{padding:1rem .5rem;background-color:#8b56b4;flex-grow:1;min-height:5.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:.9rem;font-weight:600;line-height:145%}.mock-ability .mock-ability-upgrades .mock-ability-upgrade-value .mock-text-bold{font-size:1.2rem}.mock-ability .mock-text-color-muted{color:#9c9c9c}.mock-stored-image{line-height:0}.mock-stored-image>*{animation:fade-in .15s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mock-file-drop-zone{position:relative}.mock-file-drop-zone .mock-file-drop-zone-icon{position:absolute;width:100%;height:100%;z-index:4}.mock-file-drop-zone .mock-file-drop-zone-icon-hover{background-image:url(/deadmock/icon/upload.png);background-repeat:no-repeat;background-position:center;background-size:2.2rem;opacity:.95;-webkit-backdrop-filter:saturate(120%) blur(1.5px);backdrop-filter:saturate(120%) blur(1.5px)}.mock-hold-timer{display:flex}.mock-hold-timer .mock-hold-timer-icon{position:relative;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center}.mock-hold-timer .mock-hold-timer-icon .mock-icon{transition:height .05s ease-in-out,width .1s ease-in-out;font-size:1.2em}.mock-hold-timer-circle{position:absolute;line-height:0;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;--filled: var(--progress)}.mock-hold-timer-circle svg{width:100%}.mock-hold-timer-circle svg circle{stroke-dasharray:var(--filled) 100}.mock-hold-timer .mock-hold-timer-icon-animating .mock-hold-timer-circle{animation-name:fill-circle}.mock-hold-timer .mock-hold-timer-icon-animating .mock-hold-timer-circle svg circle{stroke-width:3}.mock-hold-timer .mock-hold-timer-icon-animating .mock-icon{font-size:1em}@property --progress{syntax: "<number>"; initial-value: 0; inherits: false;}@keyframes fill-circle{0%{--progress: 0}to{--progress: 100}}.mock-hero-portrait{width:1em;aspect-ratio:1;background-size:contain;background-repeat:no-repeat;background-position:center}.mock-image-dialog{cursor:default;color:#ffefd7;outline:none;padding:0;border:none;background:transparent;width:35rem}.mock-image-dialog::backdrop{background-color:#0000007f}.mock-image-modal{display:flex;flex-direction:column;height:20rem;text-align:left}.mock-image-modal>*:first-child{border-top:.2rem solid black;border-radius:.5rem .5rem 0 0}.mock-image-modal>*:last-child{border-bottom:.2rem solid black;border-radius:0 0 .5rem .5rem}.mock-image-modal>*{border-left:.2rem solid black;border-right:.2rem solid black}.mock-image-modal-header{display:flex;justify-content:center;background-color:#646464;padding:.5rem}.mock-image-modal-trigger{position:relative;cursor:pointer}.mock-image-modal-mode{display:flex;align-items:center;justify-content:center;font-size:.8rem;text-transform:uppercase;font-weight:600;background-color:#202020;padding:.2rem .6rem;text-shadow:0 0 .2rem black}.mock-image-modal-mode.mock-image-modal-mode-active{background-color:#2266a2}.mock-image-modal-mode:not(.mock-image-modal-mode-active){cursor:pointer}.mock-image-modal-mode:not(.mock-image-modal-mode-active):hover{filter:brightness(120%)}.mock-image-modal-modes{display:flex;-webkit-user-select:none;user-select:none;gap:.1rem;background-color:#ffefd7;border-radius:.5rem;filter:drop-shadow(0 0 .1rem black)}.mock-image-modal-modes>*:first-child{border-top-left-radius:.4rem;border-bottom-left-radius:.4rem}.mock-image-modal-modes>*:last-child{border-top-right-radius:.4rem;border-bottom-right-radius:.4rem}.mock-image-modal-body{height:1rem;flex-grow:1;display:flex;background-color:#222}.mock-left-scroll{flex-grow:1;overflow-y:scroll;scrollbar-color:white transparent;transform:scaleX(-1);background-color:#222;padding:.5rem 0 .5rem var(--scrollbar-width)}.mock-left-scroll>*{transform:scaleX(-1)}.mock-icon-dialog-images{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.mock-icon-dialog-images>div{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;justify-content:center}.mock-icon-dialog-image-button{background-color:#bfaba1;border-radius:100%;padding:.2rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.mock-icon-dialog-image-button .mock-icon,.mock-icon-dialog-image-button .mock-spinner{font-size:1.3rem}.mock-icon-dialog-image-button:hover{transform:scale(1.1);filter:brightness(120%)}.mock-image-dialog-preview{display:flex;align-items:center;justify-content:center;padding:1rem;font-size:8rem;line-height:0;background:linear-gradient(to right,#222,#404040)}.mock-image-dialog-preview .mock-image-dialog-preview-icon{background-color:#bfaba1;border-radius:100%;padding:1.5rem}.mock-image-dialog-preview>.mock-stored-image{font-size:11rem}.mock-image-modal-footer{display:flex;justify-content:flex-end;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:700;text-shadow:0 0 .2rem black;gap:.7rem;background-color:#646464;padding:.5rem}.mock-image-modal-footer>div{padding:.2rem .4rem .3rem;border:.05rem solid #222;border-radius:.3rem;cursor:pointer}.mock-image-modal-footer>div:hover{transform:scale(1.1);filter:brightness(120%)}.mock-image-modal-cancel{background-color:#a22929}.mock-image-modal-apply{background-color:#259725}.mock-image-modal-overlay{position:absolute;z-index:4;width:100%;height:100%;filter:drop-shadow(0 0 .3rem rgb(0 0 0 / 90%))}.mock-image-modal-trigger:hover .mock-image-modal-overlay:before{content:"";display:block;background-color:#fffc;width:100%;height:100%;-webkit-mask-image:url(/deadmock/icon/image.svg);mask-image:url(/deadmock/icon/image.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(2rem,10%);mask-size:max(2rem,10%)}.mock-image-dialog-upload{flex-basis:100%;display:flex;align-items:center;justify-content:center;font-size:1rem;-webkit-user-select:none;user-select:none}.mock-image-dialog-upload>label{padding:.2rem .4rem .3rem;border:.05rem solid #222;border-radius:.3rem;cursor:pointer;background-color:#8a6c44;color:#ffefd7;font-weight:600}.mock-image-dialog-upload>label:hover{transform:scale(1.1);filter:brightness(120%)}.mock-image-dialog-upload>input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.mock-portrait-dialog-images{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:3rem}.mock-portrait-dialog-images .mock-hero-portrait{flex-basis:20%}.mock-portrait-dialog-images .mock-hero-portrait:hover{transform:scale(1.1);filter:brightness(120%)}.mock-image-modal-deleteable{display:flex;gap:.2rem}.mock-image-modal-deleteable>.mock-hold-timer{display:flex;justify-content:center;align-items:center;font-size:1rem;filter:saturate(0%);cursor:pointer}.mock-image-modal-deleteable:hover>.mock-hold-timer{filter:saturate(60%)}.mock-image-modal-deleteable:hover>.mock-hold-timer:hover{transform:scale(1.2);filter:saturate(100%) brightness(120%)}.mock-hero{width:50rem;background-color:#1414147f}.mock-hero-top{display:flex}.mock-hero-synopsis{display:flex;flex-direction:column;justify-content:center;width:21rem;padding:.5rem 1.5rem;text-align:center}.mock-hero-synopsis>*{margin-top:.3rem}.mock-hero-name{font-family:Forevs,sans-serif;font-size:3.5rem;font-weight:700;text-transform:uppercase;line-height:100%}.mock-hero-name .mock-text{padding-bottom:0}.mock-hero-tagline{font-weight:600;font-size:.85rem}.mock-hero-description{font-weight:500;font-size:.7rem;padding:.4rem 1.2rem}.mock-hero-ability-icons{display:flex;justify-content:center}.mock-hero-ability-button{padding:.4rem;-webkit-user-select:none;user-select:none}.mock-hero-ability-button:hover{filter:brightness(120%);transform:scale(115%)}.mock-hero-ability-button .mock-image-modal-trigger:hover .mock-image-modal-overlay:before{-webkit-mask-position:center 40%;mask-position:center 40%}.mock-hero-ability-icon-container{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 .2rem rgb(0 0 0));position:relative}.mock-hero-ability-icon{background-color:#bfaba1;border-radius:100%;padding:.5rem;line-height:0}.mock-hero-ability-icon .mock-stored-image{font-size:2.5rem}.mock-hero-ability-number{position:relative;background-color:#bfaba1;color:#333026;font-weight:700;top:-.2rem;font-size:.55rem;line-height:.4rem;padding:0 .3rem .25rem}.mock-hero-portrait-frame{display:flex;flex-grow:1;padding:.5rem}.mock-hero-portrait-frame>.mock-image-modal-trigger{display:flex;flex-grow:1}.mock-hero-portrait-frame>.mock-image-modal-trigger:hover{transform:scale(1.1);filter:brightness(120%)}.mock-hero-portrait-frame>.mock-image-modal-trigger>.mock-file-drop-zone{display:flex;flex-grow:1}.mock-hero-portrait-frame>.mock-image-modal-trigger>.mock-file-drop-zone>.mock-stored-image{display:flex;flex-grow:1;justify-content:center;align-items:center;font-size:5rem}.mock-hero-portrait-frame>.mock-image-modal-trigger>.mock-file-drop-zone>.mock-stored-image>.mock-hero-portrait{display:flex;flex-grow:1}.mock-hero-stats{display:flex;margin:.5rem;gap:.5rem}.mock-hero-stats-grid{flex:1 0;border-radius:.4rem .4rem 0 0;background-color:#1414147f}.mock-hero-stats-grid-label{font-weight:700;text-align:center;margin:.5rem .25rem;text-transform:uppercase;font-size:1.1rem}.mock-hero-stats-grid-cells{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem}.mock-hero-stat{background-color:#3e3e3e;flex:1 21%}.mock-hero-stat .mock-hero-stat-position{position:relative;height:0}.mock-hero-stat .mock-hero-stat-position .mock-spirit-scaling,.mock-hero-stat .mock-hero-stat-position .mock-melee-scaling,.mock-hero-stat .mock-hero-stat-position .mock-boon-scaling{font-size:.6rem}.mock-hero-stat .mock-hero-stat-position .mock-spirit-scaling .mock-text,.mock-hero-stat .mock-hero-stat-position .mock-melee-scaling .mock-text,.mock-hero-stat .mock-hero-stat-position .mock-boon-scaling .mock-text{padding-bottom:0}.mock-hero-stat .mock-hero-stat-position .mock-hero-stat-scaling-button{position:absolute;left:0;top:0;visibility:hidden;filter:drop-shadow(0 0 .1rem black)}.mock-hero-stat:has(.mock-spirit-scaling) .mock-hero-stat-contents{border:.1rem solid #65358a;background:radial-gradient(transparent 20%,#583875b3);padding:.4rem .1rem}.mock-hero-stat:has(.mock-melee-scaling) .mock-hero-stat-contents{border:.1rem solid #704c17;background:radial-gradient(transparent 20%,#704c17b3);padding:.4rem .1rem}.mock-hero-stat:has(.mock-boon-scaling) .mock-hero-stat-contents{border:.1rem solid #467768;background:radial-gradient(transparent 20%,#467768b3);padding:.4rem .1rem}.mock-hero-stat:hover .mock-hero-stat-scaling-button{visibility:visible}.mock-hero-stat .mock-hero-stat-contents{padding:.5rem .2rem;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.mock-hero-stat .mock-hero-stat-contents>div:first-child{display:flex;justify-content:center;align-items:center}.mock-hero-stat .mock-hero-stat-contents>div:first-child>*{display:inline-block}.mock-hero-stat .mock-hero-stat-contents>div:first-child .mock-editable-text{margin-left:.3rem}.mock-hero-stat .mock-hero-stat-contents>.mock-text{color:#999;font-weight:600;font-size:.7rem;line-height:1em}.mock-hero-stat .mock-hero-stat-contents .mock-text-color-muted{color:#999}.mock-hero-abilities{display:flex;flex-direction:column;gap:.5rem;-webkit-user-select:none;user-select:none}.mock-hero-ability-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.mock-hero-ability-display{flex:0 40%;display:flex;z-index:1}.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-display-rendered,.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-loading{position:relative}.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-display-rendered:before,.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-loading:before{content:"";position:absolute;-webkit-mask-image:url(/deadmock/icon/edit.svg);mask-image:url(/deadmock/icon/edit.svg);-webkit-mask-size:3rem;mask-size:3rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:#fff;width:100%;height:100%;z-index:1}.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-display-rendered>img,.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-gutter,.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover) .mock-hero-ability-loading>div{filter:brightness(80%) saturate(80%) blur(1.5px)}.mock-hero-ability-display:has(.mock-hero-ability-display-rendered:hover,.mock-hero-ability-gutter:hover,.mock-hero-ability-loading:hover,.mock-hero-ability-picker:hover) .mock-hero-ability-picker{opacity:1}.mock-hero-ability-gutter{position:relative;width:0;height:0;cursor:pointer;pointer-events:none}.mock-hero-ability-gutter>div{position:absolute;transform:scaleX(-1);right:-.05rem;width:4.5rem;height:9.5rem;z-index:1}.mock-hero-ability-gutter>div>div{position:absolute}.mock-hero-ability-gutter>div svg{width:100%;height:100%;filter:brightness(15%)}.mock-hero-ability-gutter>div svg path{pointer-events:auto}.mock-hero-ability-gutter-icon{position:absolute;top:3rem;left:.5rem;transform:scaleX(-1)}.mock-hero-ability-display-rendered{width:22.7rem;border:.05rem solid black;line-height:0;height:fit-content;cursor:pointer;z-index:-1}.mock-hero-ability-display-hidden{position:fixed;z-index:-10;overflow:hidden;top:100%}.mock-hero-ability-display-hidden>div{max-width:fit-content}.mock-hero-ability-display-hidden>div div,.mock-hero-ability-display-hidden>div span{transition:unset!important}.mock-hero-ability-display-hidden>div .mock-animated-div{height:unset!important}.mock-hero-ability-loading>div{width:22.7rem;height:20rem;border:.05rem solid black;font-size:5rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#262626,#3b3b3b);cursor:pointer}.mock-hero-ability-picker{position:relative;height:min-content}.mock-hero-ability-picker:not(:has(.mock-hero-ability-picker-dropdown)){opacity:0}.mock-hero-ability-picker-trigger{cursor:pointer;font-size:1.5rem;padding:.2rem}.mock-hero-ability-picker-trigger:hover{transform:scale(1.1)}.mock-hero-ability-picker-dropdown{position:absolute;top:2rem;left:0;width:10rem;background-color:#000;z-index:10;font-size:.6rem;cursor:pointer;border:.1rem solid black;white-space:nowrap}.mock-hero-ability-picker-dropdown>div{padding:.1rem .3rem;display:flex;justify-content:space-between;background-color:#3399f3}.mock-hero-ability-picker-dropdown>div:hover{filter:brightness(120%)}.mock-hero-ability-picker-dropdown>div>*:first-child{font-weight:700;overflow:hidden;text-overflow:ellipsis}.mock-hero-ability-picker-dropdown>div>*:last-child{font-weight:400;font-style:italic}.mock-hero-ability-picker-dropdown>div:nth-child(2n){background-color:#188fd2}@media (width > 1000px){.mock-hero-bottom{justify-content:space-between}.mock-hero-ability-display{flex:0 40%}.mock-hero-ability-display:nth-of-type(2n) .mock-hero-ability-gutter>div>div{top:4.75rem}.mock-hero-ability-display:nth-of-type(odd){flex-direction:row-reverse}.mock-hero-ability-display:nth-of-type(odd) .mock-hero-ability-picker-dropdown{left:unset;right:0}.mock-hero-ability-display:nth-of-type(odd) .mock-hero-ability-gutter>div{left:-.05rem;z-index:2}.mock-hero-ability-display:nth-of-type(odd) .mock-hero-ability-gutter>div>div svg{transform:scaleX(-1);filter:brightness(24%)}.mock-hero-ability-display:nth-of-type(odd) .mock-hero-ability-gutter>div>div .mock-hero-ability-gutter-icon{transform:unset;transform:scaleX(-1)}}@media (width <= 1000px){.mock-hero-abilities{align-items:center}.mock-hero-ability-row{width:min-content}.mock-hero-ability-display{flex:0 100%;justify-content:center}.mock-hero-ability-display .mock-hero-ability-gutter>div{top:6.25rem!important}.mock-hero-ability-display-rendered,.mock-hero-ability-loading>div{width:30rem}}.mock-item-picker{background:#222;border:.1rem solid #999;padding:.3rem;display:flex;flex-direction:column;white-space:nowrap;font-size:1.2rem}.mock-item-picker-icon-vitality{background-color:#7cbb1e}.mock-item-picker-icon-spirit{background-color:#ce91ff}.mock-item-picker-icon-weapon{background-color:#dd9642}.mock-item-picker-tier>*{cursor:pointer;display:inline-block;white-space:nowrap;margin:.1rem}.mock-item-picker-tier>*:hover{border:.1rem solid orange;margin:0}.mock-item-picker-weapon-group,.mock-item-picker-vitality-group,.mock-item-picker-spirit-group{display:flex;flex-direction:column}.mock-item{font-style:normal;font-size:1rem;color:#cdcdcd;width:23rem}.mock-item>div:first-child{border-radius:.5rem .5rem 0 0}.mock-item>div:last-child{padding-bottom:.4rem;border-radius:0 0 .5rem .5rem}.mock-item .mock-item-header{display:flex;justify-content:space-between}.mock-item .mock-item-header>div:first-child{align-content:center;margin:.85rem .7rem 1rem}.mock-item .mock-item-header>div:last-child{margin:.8rem}.mock-item .mock-item-header .item-name{font-size:1.5rem;line-height:100%;font-weight:700;text-shadow:.1rem .1rem .2rem rgb(0 0 0 / 60%);margin-left:.2rem;word-break:break-word}.mock-item .mock-item-header .item-cost{filter:drop-shadow(0 0 .1rem rgb(0 0 0 / 60%));color:#9affd6;font-size:1rem;font-weight:700;margin-top:.2rem;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.mock-item .mock-item-header .item-bonus{min-width:4.5rem;max-width:min-content;display:flex;flex-direction:column;justify-content:center}.mock-item .mock-item-header .item-bonus .item-bonus-value{display:flex;justify-content:center;align-items:center;padding:0 .5rem;font-size:.9rem;-webkit-user-select:none;user-select:none;cursor:pointer}.mock-item .mock-item-header .item-bonus .item-bonus-value .mock-icon{margin-left:.2rem;font-size:.8rem}.mock-item .mock-item-header .item-bonus .item-bonus-stat{padding:.1rem .5rem .3rem;text-align:center;font-size:.6rem;font-weight:600;line-height:120%;color:#e8d7c9;-webkit-user-select:none;user-select:none;cursor:pointer}.mock-item .mock-item-components{font-size:.6rem;padding:.1rem .8rem .3rem;-webkit-user-select:none;user-select:none}.mock-item .mock-item-components .mock-item-component{display:flex;align-items:center}.mock-item .mock-item-components .mock-item-component:not(:first-child){margin-top:.3rem}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge{font-size:.7rem;display:flex;width:fit-content;border-radius:5rem}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge .mock-item-component-badge-icon{border-radius:5rem;height:1.2lh}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge .mock-item-component-badge-icon .mock-icon{font-size:1.2rem;-webkit-mask-size:85%;mask-size:85%;border-radius:5rem}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge .mock-item-component-badge-icon.mock-item-component-badge-vitality{background-color:#7cbb1e}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge .mock-item-component-badge-icon.mock-item-component-badge-spirit{background-color:#ce91ff}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge .mock-item-component-badge-icon.mock-item-component-badge-weapon{background-color:#ec981a}.mock-item .mock-item-components .mock-item-component .mock-item-component-badge .mock-item-component-badge-name{padding:0 .8rem .1rem .5rem;align-content:center}.mock-item .mock-item-stats{font-size:.85rem;font-weight:600;line-height:120%;padding:.5rem 0}.mock-item .mock-item-stats .mock-item-stat .mock-deleteable{display:flex;align-items:center;line-height:1;padding:.2rem 0}.mock-item .mock-item-stats .mock-item-stat .mock-deleteable>*{flex-shrink:0}.mock-item .mock-item-stats .mock-item-stat .mock-deleteable>*:nth-child(2){flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.mock-item .mock-item-stats .mock-item-stat .mock-deleteable>*:nth-child(n+3){margin-left:.5rem}.mock-item .mock-item-effect-header{font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.mock-item .mock-item-effect-header .mock-item-effect-type{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.1rem}.mock-item .mock-item-effect-header *:has(>.mock-item-effect-type){padding:.2rem 0 .3rem}.mock-item .mock-item-effect-header .mock-item-effect-cooldown{background-color:#0c1414;padding:.2rem 1rem .3rem;font-weight:700;display:flex;align-items:center}.mock-item .mock-item-effect-header .mock-item-effect-cooldown .mock-editable-text{min-width:.5em}.mock-item .mock-item-effect-header .mock-item-effect-cooldown .mock-icon{font-size:1.1rem}.mock-item .mock-item-effect-header .mock-item-effect-cooldown>*:nth-child(2){margin-left:.2em}.mock-item .mock-item-effect-header .mock-item-effect-no-cooldown{opacity:0}.mock-item .mock-item-effect-header .mock-item-effect-no-cooldown:hover{opacity:1}.mock-item .mock-item-effect-header .mock-item-effect-no-cooldown:has(*[contenteditable=true]){opacity:1}.mock-item .mock-item-effect .mock-details{padding:.45rem 0;font-size:.85rem;font-weight:600;line-height:145%}.mock-item .mock-grid .mock-grid-cell-contents{padding:.3rem;line-height:110%;font-size:.8rem;font-weight:600}.mock-item .mock-grid .mock-grid-cell-contents .mock-grid-cell-value{font-size:1.1rem}.mock-item .mock-grid .mock-grid-values-cell{padding:.5rem .3rem .5rem .8rem;font-size:.85rem}.mock-item .mock-grid .mock-grid-values-cell-value .mock-icon{display:none}.mock-item .mock-grid .mock-grid-cell:has(.mock-spirit-scaling) .mock-grid-cell-contents,.mock-item .mock-grid .mock-grid-cell:has(.mock-melee-scaling) .mock-grid-cell-contents,.mock-item .mock-grid .mock-grid-cell:has(.mock-boon-scaling) .mock-grid-cell-contents{padding:.2rem}.mock-item .mock-grid .mock-spirit-scaling .mock-text,.mock-item .mock-grid .mock-melee-scaling .mock-text,.mock-item .mock-grid .mock-boon-scaling .mock-text{padding-bottom:0}.mock-item .mock-editable-markdown{word-break:break-word}.mock-item.mock-item-spirit .mock-item-header-animated{background-color:#8b56b4}.mock-item.mock-item-spirit .mock-item-header-animated .item-bonus-value{background-color:#704491}.mock-item.mock-item-spirit .mock-item-header-animated .item-bonus-stat{background-color:#5c3778}.mock-item.mock-item-spirit .mock-item-components-animated{color:#d0cdc7;background-color:#372248}.mock-item.mock-item-spirit .mock-item-components-animated .mock-item-component-badge{background-color:#291937}.mock-item.mock-item-spirit .mock-item-effect-header{color:#c1b2a8;background-color:#43265b}.mock-item.mock-item-spirit .mock-item-effect-header.mock-item-effect-header-active{background-color:#3b2250}.mock-item.mock-item-spirit .mock-item-stats-animated,.mock-item.mock-item-spirit>.mock-drag-list{background-color:#623585}.mock-item.mock-item-spirit .mock-item-stats-animated .mock-text-color-muted,.mock-item.mock-item-spirit>.mock-drag-list .mock-text-color-muted{color:#a99db7}.mock-item.mock-item-spirit .mock-grid-cell,.mock-item.mock-item-spirit .mock-grid-values-cell{background-color:#4d2869}.mock-item.mock-item-spirit .mock-grid-cell .mock-text-color-muted,.mock-item.mock-item-spirit .mock-grid-values-cell .mock-text-color-muted{color:#a18f97}.mock-item.mock-item-spirit .mock-grid-values-cell{color:#c2bec8}.mock-item.mock-item-weapon .mock-item-header-animated{background-color:#c97a03}.mock-item.mock-item-weapon .mock-item-header-animated .item-bonus-value{background-color:#a36202}.mock-item.mock-item-weapon .mock-item-header-animated .item-bonus-stat{background-color:#885101}.mock-item.mock-item-weapon .mock-item-components-animated{color:#dccfc6;background-color:#9e630c}.mock-item.mock-item-weapon .mock-item-components-animated .mock-item-component-badge{background-color:#7c4d08}.mock-item.mock-item-weapon .mock-item-effect-header{color:#c4b49e;background-color:#583b0e}.mock-item.mock-item-weapon .mock-item-effect-header.mock-item-effect-header-active{background-color:#4e340e}.mock-item.mock-item-weapon .mock-item-stats-animated,.mock-item.mock-item-weapon>.mock-drag-list{background-color:#80550f}.mock-item.mock-item-weapon .mock-item-stats-animated .mock-text-color-muted,.mock-item.mock-item-weapon>.mock-drag-list .mock-text-color-muted{color:#b5a599}.mock-item.mock-item-weapon .mock-grid-cell,.mock-item.mock-item-weapon .mock-grid-values-cell{background-color:#67430a}.mock-item.mock-item-weapon .mock-grid-cell .mock-text-color-muted,.mock-item.mock-item-weapon .mock-grid-values-cell .mock-text-color-muted{color:#aba099}.mock-item.mock-item-weapon .mock-grid-values-cell{color:#c0b9b4}.mock-item.mock-item-vitality .mock-item-header-animated{background-color:#659818}.mock-item.mock-item-vitality .mock-item-header-animated .item-bonus-value{background-color:#507a11}.mock-item.mock-item-vitality .mock-item-header-animated .item-bonus-stat{background-color:#41650c}.mock-item.mock-item-vitality .mock-item-components-animated{color:#c7c9c6;background-color:#203500}.mock-item.mock-item-vitality .mock-item-components-animated .mock-item-component-badge{background-color:#172801}.mock-item.mock-item-vitality .mock-item-effect-header{color:#bfb79f;background-color:#354f11}.mock-item.mock-item-vitality .mock-item-effect-header.mock-item-effect-header-active{background-color:#2f4510}.mock-item.mock-item-vitality .mock-item-stats-animated,.mock-item.mock-item-vitality>.mock-drag-list{background-color:#4d7214}.mock-item.mock-item-vitality .mock-item-stats-animated .mock-text-color-muted,.mock-item.mock-item-vitality>.mock-drag-list .mock-text-color-muted{color:#a3af99}.mock-item.mock-item-vitality .mock-grid-cell,.mock-item.mock-item-vitality .mock-grid-values-cell{background-color:#3c590e}.mock-item.mock-item-vitality .mock-grid-cell .mock-text-color-muted,.mock-item.mock-item-vitality .mock-grid-values-cell .mock-text-color-muted{color:#9fa799}.mock-item.mock-item-vitality .mock-grid-values-cell{color:#c0c4bd}.mock-editor-copy-text-button{display:flex;cursor:pointer;font-variant:all-petite-caps;background-color:#222;border:.1rem solid black;border-radius:.2rem}.mock-editor-copy-text-button:hover{border-color:#88a}.mock-editor-copy-text-button:active:not(:has(>.mock-icon:active)){transition:0s;transform:scale(.9)}.mock-editor-copy-text-button>div:first-child{background-color:#707070;border-right:.1rem solid #000;border-radius:.1rem 0 0 .1rem;padding:0 .2rem;transition:transform 0s .05s ease-in-out}.mock-editor-copy-text-button>div:first-child:hover{background-color:#669}.mock-editor-copy-text-button>.mock-icon{transition:none;font-size:1.1rem;-webkit-mask-size:50% 50%;mask-size:50% 50%}.mock-editor-copy-text-button>.mock-icon:hover{background-color:#669}.mock-editor-copy-text-button:has(>div:first-child:hover)>.mock-icon{border-left:none}div:has(>.mock-editor-copy-text-dropdown){position:relative}.mock-editor-copy-text-dropdown{white-space:nowrap;position:absolute;top:100%;right:1.3rem;width:min-content;z-index:10}.mock-editor-copy-text-entry{background:#707070;text-align:end;padding:0 .5rem}.mock-editor-copy-text-entry.mock-editor-copy-text-entry-selected{background:#55a}.mock-editor-copy-text-entry:hover{filter:brightness(120%) saturate(120%)}.mock-editor-history{display:flex;background-color:#222;border:.1rem solid black;border-radius:.2rem}.mock-editor-history>div:last-child{border-left:.1rem solid black;border-radius:0 .1rem .1rem 0}.mock-editor-history .mock-editor-history-current{width:11rem;background-color:var(--badge-color);padding:.05rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-editor-history>.mock-icon{font-size:1.1rem;-webkit-mask-size:50% 50%;mask-size:50% 50%;transition:none}.mock-editor-history>.mock-icon:hover{background-color:#669}.mock-editor-history .mock-editor-history-dropdown{position:absolute;top:100%;width:12rem;z-index:10;border:.1rem solid black;max-height:20rem;overflow-y:auto;overscroll-behavior:none;scrollbar-width:thin}.mock-editor-history-position{position:relative;width:0}.mock-editor-history-entry,.mock-editor-history-template{display:flex;gap:.2rem;cursor:pointer;min-height:1lh;border:.05rem solid transparent;padding:.05rem .2rem;white-space:nowrap}.mock-editor-history-entry>*:nth-child(1),.mock-editor-history-template>*:nth-child(1){flex-grow:1;overflow:hidden;text-overflow:ellipsis}.mock-editor-history-entry>*:nth-child(1)>*,.mock-editor-history-template>*:nth-child(1)>*{background-color:var(--badge-color);border-radius:.7rem/100%;padding:.05rem .3rem}.mock-editor-history-entry>*:nth-child(2),.mock-editor-history-template>*:nth-child(2){font-size:.5rem;font-style:italic;font-weight:400}.mock-editor-history-entry>*:nth-child(3),.mock-editor-history-template>*:nth-child(3){display:flex;place-content:center;min-width:1rem}.mock-editor-history-entry:hover,.mock-editor-history-template:hover{filter:brightness(120%) saturate(120%);border-color:#000}.mock-editor-history-template{background-color:#333}.mock-editor-history-entry{background-color:#444}.mock-editor-history-template>*:first-child{font-size:.6rem;font-style:italic;font-weight:400}.mock-editor-history-clear{background-color:#444;cursor:pointer;padding:.1rem .3rem .1rem .5rem}.mock-editor-history-clear .mock-hold-timer{align-items:center}.mock-editor-history-clear .mock-hold-timer>div:first-child{flex-grow:1;font-size:.6rem;font-style:italic;font-weight:400}.mock-editor-history-entry .mock-icon,.mock-editor-history-template .mock-icon,.mock-editor-history-clear .mock-icon{opacity:.6}.mock-editor-history-ability{--badge-color: #3399f3}.mock-editor-history-weapon{--badge-color: #c87a02}.mock-editor-history-vitality{--badge-color: #659818}.mock-editor-history-spirit{--badge-color: #8b56b4}.mock-editor-history-hero{--badge-color: #ee1e1e}.mock-editor{display:flex;flex-direction:column;align-items:center;padding:0 1.5rem 1.5rem;background-color:#0000007f;border:.1rem solid rgb(0 0 0 / 50%);border-top:none;border-radius:0 0 1.5rem 1.5rem}.mock-editor-content{border:.05rem solid black}.mock-editor-content:has(.mock-item){border-radius:.6rem}.mock-editor-content.mock-to-image .mock-item,.mock-editor-content.mock-to-image .mock-ability{position:relative}.mock-editor-content.mock-to-image .mock-item:after,.mock-editor-content.mock-to-image .mock-ability:after{position:absolute;content:"deadmock";text-align:end;text-justify:end;font-weight:700;font-size:1rem;background-color:#000;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:rgb(245 245 245 / 20%) .025rem .05rem .012rem;opacity:.4;-webkit-user-select:none;user-select:none}.mock-editor-content.mock-to-image .mock-item:after{bottom:.05rem;right:.3rem}.mock-editor-content.mock-to-image .mock-ability:after{bottom:.25rem;right:.3rem}.mock-editor-buttons{transition:none;display:flex;font-family:Roboto,sans-serif;font-weight:700;font-style:normal;font-size:.6rem;-webkit-user-select:none;user-select:none;margin-top:1rem;margin-bottom:.6rem}.mock-editor-buttons>*:not(:first-child){margin-left:.5rem}.mock-editor-button{background:#707070;border-radius:.3rem;padding:0 .2rem;cursor:pointer;border:.1rem solid #000;font-variant:all-petite-caps;transition:transform 0s .05s ease-in-out}.mock-editor-button:hover{background:#669;border:.1rem solid #88a}.mock-editor-button:active{transition:0s;transform:scale(.9)}.mock-editor-warning{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.6rem;background-color:#601414;border:.1rem solid #c44;width:15rem;padding:.3rem}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-semibold.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-mediumitalic.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-semibolditalic.otf) format("opentype");font-weight:600;font-style:italic}@font-face{font-family:Deadlock;src:url(/deadmock/font/retaildemo-bolditalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Forevs;src:url(/deadmock/font/forevsdemo-bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-thin-italic.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-light-italic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-regular-italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-medium-italic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-bold-italic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(/deadmock/font/roboto/roboto-black-italic.ttf) format("truetype");font-weight:900;font-style:italic}:root{font-family:Deadlock,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:20px;line-height:100%;font-weight:400;color:#ffefd7;background-color:#fff;font-synthesis:none;text-rendering:optimizelegibility;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width <= 700px){:root:has(.mock-item){font-size:calc(100vw / 35)}:root:has(.mock-ability){font-size:calc(100vw / 42)}}@media (width <= 1000px){:root:has(.mock-ability){font-size:calc(100vw / 52)}}body{margin:0;overflow-y:scroll;overflow-x:hidden}body:has(dialog[open]){overflow:hidden;padding-right:var(--scrollbar-width)}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-bottom:17rem}.app-container #app{z-index:3}div,span{transition:background-color .15s,color .15s}.background{z-index:-1;position:fixed;width:100vw;height:100vh;background-color:#3d322e;background-image:url(/deadmock/background.jpg);background-position:center;background-repeat:no-repeat;filter:blur(.3rem) saturate(60%) contrast(80%);transform:scale(1.1)}@media (aspect-ratio >= 16/9){.background{background-size:100% auto}}@media (aspect-ratio < 16/9){.background{background-size:auto 100%}}.github-link{background-image:url(/deadmock/github-mark-white.svg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;width:2.5rem;height:2.5rem;z-index:2;position:fixed;top:calc(100% - 3.5rem);margin:.5rem}.github-link:hover{filter:invert(30%) sepia(100%) saturate(300%) hue-rotate(339deg) brightness(95%)}