@font-face {
    font-family: 'HeirofLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --custom-default-color: #000;
    --custom-default-opacity10-color: rgba(0, 0, 0, .1);
    --custom-default-opacity20-color: rgba(0, 0, 0, .2);
    --custom-default-opacity30-color: rgba(0, 0, 0, .3);
    --custom-default-opacity40-color: rgba(0, 0, 0, .4);
    --custom-default-opacity50-color: rgba(0, 0, 0, .5);
    --custom-default-opacity60-color: rgba(0, 0, 0, .6);
    --custom-default-opacity70-color: rgba(0, 0, 0, .7);
    --custom-default-opacity80-color: rgba(0, 0, 0, .8);

    --custom-point-color: #8a7659;
    --custom-point-opacity10-color: rgba(138, 118, 89, .1);
    --custom-point-opacity20-color: rgba(138, 118, 89, .2);
    --custom-point-opacity30-color: rgba(138, 118, 89, .3);
    --custom-point-opacity40-color: rgba(138, 118, 89, .4);
    --custom-point-opacity50-color: rgba(138, 118, 89, .5);
    --custom-point-opacity60-color: rgba(138, 118, 89, .6);
    --custom-point-opacity70-color: rgba(138, 118, 89, .7);
    --custom-point-opacity80-color: rgba(138, 118, 89, .8);

    --custom-strong-color: #715e43;

    --custom-default-dice: url(https://imgur.com/gvqevvd.png);
    --custom-reverse-dice: url(https://i.imgur.com/TdbWwXA.png);
    --custom-default-select: url(https://i.imgur.com/kQjbaxX.png);

    --custom-split-resource: url(https://i.imgur.com/2N3v00C.png) no-repeat 0 0;

    /*
	--custom-check-off:url(https://i.imgur.com/ExA18Xs.png);
	--custom-check-on:url(https://i.imgur.com/Z4ehZTH.png);

	--custom-check-lock:url();
	--custom-check-lock-off:url();
	--custom-check-flip:url();
	--custom-check-spell:url();
	*/
}


/* Reset */
.charsheet select,
.charsheet div,
.charsheet button,
.charsheet textarea,
.charsheet span,
.charsheet input,
.charsheet img,
.charsheet label {
    box-sizing: border-box;
    outline: 0;
    outline: 0;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.ui-dialog .charsheet {
    padding: 0;
}

.sheet-wrap {
    font-size: 12px;
    color: var(--custom-default-color);
}

.sheet-wrap * {
    color: inherit;
    outline: 0 !important;
    font-family: inherit;
    letter-spacing: -0.01em;
    font-weight: 400;
    box-sizing: border-box;
}

.sheet-wrap p {
    margin: 0;
}

.sheet-wrap input,
.sheet-wrap textarea,
.sheet-wrap select,
.sheet-wrap .uneditable-input {
    margin: 0;
    border-radius: 0 !important;
}

.sheet-wrap input[type="checkbox"],
.sheet-wrap input[type="radio"] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border: none !important;
}

.sheet-wrap input[type="text"],
.sheet-wrap input[type="number"] {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    font-size: inherit;
    width: 100%;
}

.sheet-wrap select {
    border: none;
    padding: 0;
    font-size: inherit;
    width: 100%;
    background: transparent;
}

.sheet-wrap input[type="number"]::-webkit-outer-spin-button,
.sheet-wrap input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.sheet-wrap select,
.sheet-wrap input[type="checkbox"],
.sheet-wrap input[type="radio"],
.sheet-wrap button {
    cursor: pointer;
}

.sheet-wrap button[type="roll"]:before {
    display: none !important;
}

.sheet-wrap input:-internal-autofill-selected {
    background-color: transparent !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.sheet-wrap input[type="number"] {
    width: 100% !important;
    -moz-appearance: textfield !important;
}

.sheet-wrap select * {
    color: var(--custom-default-color) !important;
    font-weight: 400;
}

.sheet-wrap input[type="checkbox"],
.sheet-wrap input[type="radio"],
.sheet-wrap button,
.sheet-wrap select {
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sheet-wrap select {
    padding-left: 10px;
    padding-right: 15px;
    background: var(--custom-default-select) no-repeat top 50% right 5px;
}

.sheet-wrap button,
.sheet-wrap button:focus,
.sheet-wrap button:hover {
    border: none;
    margin: 0;
    background: transparent;
    background-color: inherit;
    color: inherit;
}

.sheet-wrap button,
.sheet-wrap button * {
    text-shadow: none;
}

.sheet-wrap textarea {
    width: 100%;
    background: transparent;
    border: none;
    resize: none;
    line-height: 1.5;
}

.sheet-wrap fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.sheet-wrap .repcontainer.editmode .repitem .itemcontrol {
    z-index: 990 !important;
    height: auto;
    top: 0;
    bottom: 0;
}

.sheet-wrap .repcontainer.editmode .repitem .itemcontrol button,
.sheet-wrap .repcontainer.editmode .repitem .itemcontrol a {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 0;
    line-height: 30px;
    padding: 0;
    text-align: center;
}

.sheet-wrap .repcontainer.editmode .repitem .itemcontrol button {
    background: red;
}

.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol {
    z-index: 990 !important;
    height: auto;
    top: 0;
    bottom: 0;
}

.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button,
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol a {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 0;
    line-height: 30px;
    padding: 0;
    text-align: center;
}

.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button {
    background: red;
}

.charsheet .sheet-wrap .repcontrol {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    background: var(--custom-point-opacity20-color);
    border-radius: 9em;
    font-size: 12px;
}

.charsheet .sheet-wrap .sheet-group .repcontrol {
    margin-bottom: 40px;
}

.charsheet .sheet-wrap .repcontrol:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 50%;
    background: var(--custom-default-opacity20-color);
    opacity: .5;
}

.charsheet .sheet-wrap .repcontrol>* {
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 400;
    color: var(--custom-default-color);
    background: transparent !important;
}

.sheet-wrap .sheet-dice {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    width: 20px;
    height: 20px;
    border-radius: 0;
    background: var(--custom-default-dice) no-repeat 50% 50% !important;
}

.sheet-wrap .sheet-dice:before {
    display: none !important;
}

.sheet-wrap .sheet-dice.sheet-white {
    background-image: var(--custom-reverse-dice) !important;
}

.sheet-wrap input[type="checkbox"].sheet-checked {
    display: inline-block;
    position: relative;
    opacity: 1;
    width: 16px !important;
    height: 15px !important;
    background: var(--custom-split-resource);
    background-position: -133px -55px;
}

.sheet-wrap input[type="checkbox"].sheet-checked:checked {
    background-position-x: -153px;
}

.sheet-wrap input::placeholder {
    color: var(--custom-default-opacity50-color);
}

.sheet-wrap textarea::placeholder {
    color: var(--custom-default-opacity50-color);
}

.charsheet .sheet-tal {
    text-align: left !important;
}

.charsheet .sheet-tar {
    text-align: right !important;
}

.charsheet .sheet-tac {
    text-align: center !important;
}

.sheet-wrap .inlinerollresult {
    display: inline !important;
    font-size: 1em !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.sheet-wrap .sheet-fit-input input[type="text"],
.sheet-wrap .sheet-fit-input input[type="number"],
.sheet-wrap .sheet-fit-input select,
.sheet-wrap .sheet-fit-input textarea {
    display: block !important;
    font-size: 1em !important;
    text-shadow: inherit !important;
    font-weight: inherit !important;
    text-align: inherit !important;
    color: inherit !important;
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
}

.sheet-wrap .sheet-fit-input input[type="text"],
.sheet-wrap .sheet-fit-input input[type="number"],
.sheet-wrap .sheet-fit-input select,
.sheet-wrap .sheet-fit-input textarea {}

.sheet-wrap .sheet-fit-input select {
    padding: 0 !important;
    background: transparent !important;
}

.sheet-wrap .sheet-resize-input {
    display: block;
    position: relative;
}

.sheet-wrap .sheet-resize-input>span {
    display: block;
    position: relative;
    letter-spacing: 0;
    z-index: 0;
    min-width: 2em;
    height: inherit;
    opacity: 0;
}

.sheet-wrap .sheet-resize-input>input[type="text"] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
}

.sheet-wrap .sheet-resize-input>* {
    display: block;
    letter-spacing: 0 !important;
    padding: 0 !important;
    font-size: 1em !important;
    text-shadow: inherit !important;
    font-weight: inherit !important;
    text-align: inherit !important;
    color: inherit !important;
    border: none !important;
    background: transparent !important;
}

.sheet-wrap .sheet-dot {
    display: block;
    position: relative;
    width: 7px;
    height: 7px;
    background: var(--custom-split-resource);
    background-position: -133px -88px;
}



/* 기본 레이아웃 틀 작업 */
.sheet-wrap {
    display: block;
    position: relative;
    z-index: 0;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    width: 850px;
    padding: 33px 40px 50px;
    margin: 0 auto;
    background: url(https://i.imgur.com/3NB08Yi.png) no-repeat top center, url(https://i.imgur.com/t7Dj74J.png) no-repeat bottom center, url(https://i.imgur.com/qosFFmO.png) repeat-y top center #ffffff;
}

.sheet-top-area {
    display: block;
    position: relative;
    padding-left: 150px;
}

.sheet-flag-box {
    display: block;
    position: absolute;
    width: 124px;
    height: 318px;
    top: -33px;
    left: 0;
    padding: 105px 5px 0;
    background: var(--custom-split-resource);
}

.sheet-flag-box .sheet-clan-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.sheet-flag-box .sheet-clan-box input {
    width: calc(50% - 4px);
    height: 25px !important;
    text-align: center;
}

.sheet-flag-box .sheet-lv {
    display: block;
    position: relative;
    width: 83px;
    height: 41px;
    margin: 7px auto 11px;
    text-align: center;
    background: var(--custom-split-resource);
    background-position-x: -133px;
}

.sheet-flag-box .sheet-lv span {
    color: var(--custom-point-color);
}

.sheet-flag-box .sheet-lv input[type="text"],
.sheet-flag-box .sheet-lv input[type="number"] {
    height: 27px !important;
    text-align: center;
    font-family: 'HeirofLight';
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
}

.sheet-flag-box .sheet-data {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    justify-content: space-between;
    align-items: center;
    width: 78px;
    margin: 5px auto;
    background: url(https://i.imgur.com/uM3O9f9.png) no-repeat 50% 50%;
}

.sheet-flag-box .sheet-data input[type="text"],
.sheet-flag-box .sheet-data input[type="number"] {
    width: 24px !important;
    height: 25px !important;
    text-align: center;
}

.sheet-flag-box .sheet-data strong {
    display: block;
    width: 24px;
    text-align: center;
    color: var(--custom-point-color);
}

.sheet-profile-box {
    display: block;
    position: relative;
}

.sheet-profile-box .sheet-cost-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: absolute;
    top: -13px;
    right: 8px;
    width: 88px;
    text-align: center;
}

.sheet-profile-box .sheet-cost-box input[type="text"],
.sheet-profile-box .sheet-cost-box input[type="number"] {
    width: 41px !important;
    height: 41px !important;
    background: var(--custom-split-resource);
    background-position-x: -232px;
    text-align: center;
    margin-bottom: 3px !important;
}

.sheet-profile-box .sheet-cost-box span {
    display: block;
    color: var(--custom-point-color);
}

.sheet-profile-box .sheet-name-box {
    width: 500px;
    margin-bottom: 5px;
}

.sheet-profile-box .sheet-name-box input[type="text"] {
    display: block;
    width: 100% !important;
    height: 25px;
    font-size: 14px;
    opacity: .7;
}

.sheet-profile-box .sheet-name-box input[type="text"]+input[type="text"] {
    font-family: 'HeirofLight';
    font-size: 18px;
    font-weight: 800;
    height: 30px;
    opacity: 1;
}

.sheet-profile-box .sheet-grid-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.sheet-profile-box .sheet-grid-box .sheet-left {
    width: 260px;
}

.sheet-profile-box .sheet-grid-box .sheet-right {
    width: 340px;
}

.sheet-profile-box .sheet-grid-box .sheet-left>* {
    border-bottom: 1px solid var(--custom-point-opacity50-color);
}

.sheet-profile-box .sheet-simple-profile {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}

.sheet-profile-box .sheet-simple-profile span {
    line-height: 34px;
    height: 34px;
}

.sheet-profile-box .sheet-magic-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 14px;
}

.sheet-profile-box .sheet-magic-box strong {
    display: block;
    width: 2em;
    color: var(--custom-point-color);
    font-weight: 800;
}

.sheet-profile-box .sheet-magic-box span {
    color: var(--custom-point-color);
}

.sheet-profile-box .sheet-magic-box .sheet-dot {
    margin: 0 10px;
}

.sheet-profile-box .sheet-magic-box input[type="text"],
.sheet-profile-box .sheet-magic-box input[type="number"] {
    width: 40px !important;
    text-align: center;
    height: 34px !important;
    color: var(--custom-point-color);
}

.sheet-profile-box .sheet-true-box {
    padding: 0;
}

.sheet-profile-box .sheet-true-box strong {
    display: block;
    color: var(--custom-point-color);
    font-weight: 600;
    margin-bottom: 8px;
}

.sheet-profile-box .sheet-true-box textarea {
    height: 48px !important;
    font-size: 11px;
}

.sheet-profile-box .sheet-true-effect {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.sheet-profile-box .sheet-true-effect input[type="text"] {
    width: calc(100% - 10px);
    height: 29px;
}

.sheet-profile-box .sheet-true-effect input[type="checkbox"] {
    position: relative !important;
    opacity: 1 !important;
    width: 20px !important;
    height: 15px !important;
    background: var(--custom-split-resource);
    background-position: -133px -55px;
}

.sheet-profile-box .sheet-true-effect input[type="checkbox"]:checked {
    background-position-x: -140px;
}

.sheet-badstatus-area {
    margin-bottom: 14px;
}

.sheet-badstatus-area strong {
    display: block;
    text-align: right;
    height: 35px;
    line-height: 34px;
    font-weight: 800;
    color: var(--custom-point-color);
    border-bottom: 1px solid var(--custom-point-opacity50-color);
}

.sheet-badstatus-area .sheet-error {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--custom-point-opacity50-color);
}

.sheet-badstatus-area .sheet-error .sheet-item {
    display: block;
    position: relative;
    width: 40px;
    height: 34px;
    text-align: center;
}

.sheet-badstatus-area .sheet-error .sheet-item:before,
.sheet-badstatus-area .sheet-error .sheet-item:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    bottom: -1px;
    width: 1px;
    background: var(--custom-point-opacity30-color);
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    z-index: 2;
}

.sheet-badstatus-area .sheet-error .sheet-item:before {
    left: 0;
}

.sheet-badstatus-area .sheet-error .sheet-item:after {
    right: 0;
}

.sheet-badstatus-area .sheet-error .sheet-item+.sheet-item:before {
    display: none;
}

.sheet-badstatus-area .sheet-error .sheet-item input[type="checkbox"] {
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

.sheet-badstatus-area .sheet-error .sheet-item span {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    line-height: 34px;
    color: var(--custom-point-color);
    opacity: .5;
}

.sheet-badstatus-area .sheet-error .sheet-item span:before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    background: var(--custom-point-opacity70-color);
    z-index: -1;
}

.sheet-badstatus-area .sheet-error .sheet-item input[type="checkbox"]:checked+span {
    color: #fff;
    opacity: 1;
}

.sheet-badstatus-area .sheet-error .sheet-item input[type="checkbox"]:checked+span:before {
    opacity: 1;
}

.sheet-badstatus-area .sheet-error .sheet-item-side {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 60px;
    margin-left: -40px;
    background: #fff;
    border: 1px solid var(--custom-point-color);
    border-radius: 9em;
    visibility: hidden;
    opacity: 0;
    margin-top: -10px;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.sheet-badstatus-area .sheet-error .sheet-item-side:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-width: 0;
    border-bottom-color: var(--custom-point-color);
    left: 50%;
    bottom: 100%;
    margin-left: -5px;
}

.sheet-badstatus-area .sheet-error .sheet-item input[type="checkbox"]:checked~.sheet-item-side {
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
}

.sheet-badstatus-area .sheet-error .sheet-item-side input[type="text"] {
    font-size: 11px;
    height: 20px;
    text-align: center;
}

.sheet-duty-box {
    border-bottom: 1px solid var(--custom-point-opacity50-color);
}

.sheet-duty-box strong {
    display: block;
    color: var(--custom-point-color);
    font-weight: 800;
    margin-bottom: 8px;
}

.sheet-duty-box textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px !important;
    height: 35px !important;
    font-size: 11px;
    border-left: 2px solid var(--custom-point-opacity50-color) !important;
}

.sheet-duty-box textarea+textarea {
    margin-top: 5px !important;
}

.sheet-grade-area {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    border-bottom: 1px solid var(--custom-point-opacity50-color);
}

.sheet-grade-area>* {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 7px;
}

.sheet-grade-area .sheet-tit {
    font-weight: 800;
    color: var(--custom-point-color);
}

.sheet-grade-area strong {
    font-weight: 400;
    color: var(--custom-point-color);
}

.sheet-grade-area input[type="text"],
.sheet-grade-area input[type="number"] {
    width: 32px !important;
    height: 15px;
    text-align: center;
    font-size: 11px;
    background: var(--custom-default-opacity10-color);
    border-radius: 9em !important;
}

.sheet-rand-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 40px;
    margin: 10px -26px;
    gap: 20px;
    z-index: 0;
}

.sheet-rand-area:before,
.sheet-rand-area:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 122px;
    background: var(--custom-split-resource);
    background-position-x: -339px;
}

.sheet-rand-area:before {
    left: 0;
}

.sheet-rand-area:after {
    right: 0;
    background-position: -438px -40px;
}

.sheet-rand-area select,
.sheet-rand-area input[type="text"] {
    border: 1px solid var(--custom-point-color);
    border-radius: 9em !important;
    height: 25px;
}

.sheet-rand-area input[type="text"] {
    text-align: center;
}

.sheet-rand-area strong {
    color: var(--custom-point-color);
}

.sheet-rand-table {
    display: block;
    position: relative;
    width: 150px;
    height: 25px;
    padding-right: 25px;
}

.sheet-rand-table select {
    background: none !important;
    padding-left: 10px;
    height: 25px;
    border-radius: 0 !important;
    border: none !important;
}

.sheet-rand-table input[type="text"] {
    height: 25px;
    padding-left: 10px;
    border-radius: 0 !important;
    border: none !important;
    text-align: left;
}

.sheet-rand-table>div {
    position: relative;
    height: 100%;
    border: 1px solid var(--custom-point-color);
    border-radius: 9em;
    background: var(--custom-default-select) no-repeat top 50% right 10px;
}

.sheet-rand-table>div>div {
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    right: 25px;
    height: 100%;
    z-index: 1;
}

.sheet-rand-table .sheet-check-rolltable:not([value="0"])~* .sheet-ty1 {
    display: block !important;
}

.sheet-rand-table .sheet-check-rolltable:not([value="0"])~* .sheet-ty2 {
    display: none !important;
}

.sheet-rand-table .sheet-check-rolltable[value="0"]~* .sheet-ty1 {
    display: none !important;
}

.sheet-rand-table .sheet-check-rolltable[value="0"]~* .sheet-ty2 {
    display: block !important;
}

.sheet-rand-table .sheet-check-rolltable[value="0"]~* select {
    opacity: 0;
}

.sheet-rand-table .sheet-dice-box {
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.sheet-rand-table .sheet-dice-box .sheet-dice {
    height: 100% !important;
}

/* Spec Table */
.sheet-spec-area {
    display: block;
    position: relative;
    padding-top: 20px;
}

.sheet-spec-table {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
}

.sheet-spec-table>* {
    display: block;
    position: relative;
}

.sheet-spec-table .sheet-tit {
    display: block;
    position: relative;
    height: 30px;
    line-height: 29px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 15px;
    color: #fff;
    font-weight: 800;
    font-family: 'HeirofLight';
    padding: 0 8px;
    border-radius: 5px;
    border: 1px solid var(--custom-strong-color);
    background: var(--custom-point-color);
}

.sheet-spec-table .sheet-ins-category .sheet-tit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 50px;
    background: var(--custom-split-resource);
    background-position: -133px -206px;
}

.sheet-spec-table .sheet-ins-category.sheet-A .sheet-tit:before {
    background-position-x: -133px;
}

.sheet-spec-table .sheet-ins-category.sheet-B .sheet-tit:before {
    background-position-x: -189px;
}

.sheet-spec-table .sheet-ins-category.sheet-C .sheet-tit:before {
    background-position-x: -245px;
}

.sheet-spec-table .sheet-ins-category.sheet-D .sheet-tit:before {
    background-position-x: -301px;
}

.sheet-spec-table .sheet-ins-category.sheet-E .sheet-tit:before {
    background-position-x: -357px;
}

.sheet-spec-table .sheet-ins-category.sheet-F .sheet-tit:before {
    background-position-x: -413px;
}

.sheet-spec-table .sheet-ins-order .sheet-tit {
    background: transparent;
    border: none;
}

.sheet-spec-table .sheet-ins-order .sheet-tit:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    background: var(--custom-split-resource);
    background-position: -223px -48px;
}

.sheet-spec-table .sheet-items>* {
    display: block;
    position: relative;
    padding: 0 25px 0px 27px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--custom-point-opacity50-color);
}

.sheet-spec-table .sheet-items>*+* {
    margin-top: 5px;
}

.sheet-spec-table .sheet-items button {
    display: block;
    position: relative;
    width: 100%;
    height: 30px;
    text-align: left;
    font-weight: inherit !important;
    background: transparent !important;
    font-size: 12px !important;
    padding: 0 !important;
}

.sheet-spec-table .sheet-items input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    top: 50%;
    left: 5px;
    margin-top: -7px;
    opacity: 1 !important;
    background: var(--custom-split-resource);
    background-position: -174px -55px;
}

.sheet-spec-table .sheet-items input[type="checkbox"]:checked {
    background-position-x: -194px;
}

.sheet-spec-table .sheet-items input[type="text"] {
    display: block;
    position: absolute;
    top: 0;
    right: 2px;
    height: 100%;
    width: 20px;
    font-size: 11px !important;
    text-align: center;
    font-family: 'Malgun Gothic';
    opacity: .7;
}

.sheet-spec-table .sheet-ins-gaps {
    width: 9px;
}

.sheet-spec-table .sheet-ins-gaps input[type="checkbox"] {
    width: 100%;
    height: 30px;
    opacity: 1;
}

.sheet-spec-table .sheet-ins-gaps:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 40px;
    left: 0;
    right: 0;
}

.sheet-spec-table .sheet-ins-gaps input[type="checkbox"],
.sheet-spec-table .sheet-ins-gaps:before {
    border-radius: 5px !important;
    background: var(--custom-point-opacity10-color) !important;
}

.sheet-spec-table .sheet-ins-gaps input[type="checkbox"]:checked {
    background: var(--custom-point-opacity60-color) !important;
}

.sheet-spec-table .sheet-ins-order {
    width: 30px;
}

.sheet-spec-table .sheet-ins-category {
    width: 105px;
}

.sheet-spec-table .sheet-ins-order .sheet-items>* {
    padding: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 9em;
    border: none;
    background: var(--custom-point-opacity30-color);
    opacity: .6;
}

.sheet-element-to-determine-style-Z[value='1']~* .sheet-ins-gaps.sheet-Z:before,
.sheet-element-to-determine-style-A[value='1']~* .sheet-ins-gaps.sheet-A:before,
.sheet-element-to-determine-style-B[value='1']~* .sheet-ins-gaps.sheet-B:before,
.sheet-element-to-determine-style-C[value='1']~* .sheet-ins-gaps.sheet-C:before,
.sheet-element-to-determine-style-D[value='1']~* .sheet-ins-gaps.sheet-D:before,
.sheet-element-to-determine-style-E[value='1']~* .sheet-ins-gaps.sheet-E:before {
    background: var(--custom-point-opacity60-color) !important;
}

.sheet-hurt-style-A[value='1']~* .sheet-ins-category.sheet-A,
.sheet-hurt-style-B[value='1']~* .sheet-ins-category.sheet-B,
.sheet-hurt-style-C[value='1']~* .sheet-ins-category.sheet-C,
.sheet-hurt-style-D[value='1']~* .sheet-ins-category.sheet-D,
.sheet-hurt-style-E[value='1']~* .sheet-ins-category.sheet-E,
.sheet-hurt-style-F[value='1']~* .sheet-ins-category.sheet-F {
    opacity: .2;
    filter: blur(1px);
}

.sheet-unluck-style-A[value='1']~* .sheet-ins-category.sheet-A,
.sheet-unluck-style-B[value='1']~* .sheet-ins-category.sheet-B,
.sheet-unluck-style-C[value='1']~* .sheet-ins-category.sheet-C,
.sheet-unluck-style-D[value='1']~* .sheet-ins-category.sheet-D,
.sheet-unluck-style-E[value='1']~* .sheet-ins-category.sheet-E,
.sheet-unluck-style-F[value='1']~* .sheet-ins-category.sheet-F {
    opacity: .5;
}

.sheet-unluck-style-A2[value='1']~* .sheet-item-A2,
.sheet-unluck-style-B2[value='1']~* .sheet-item-B2,
.sheet-unluck-style-C2[value='1']~* .sheet-item-C2,
.sheet-unluck-style-D2[value='1']~* .sheet-item-D2,
.sheet-unluck-style-E2[value='1']~* .sheet-item-E2,
.sheet-unluck-style-F2[value='1']~* .sheet-item-F2,
.sheet-unluck-style-A3[value='1']~* .sheet-item-A3,
.sheet-unluck-style-B3[value='1']~* .sheet-item-B3,
.sheet-unluck-style-C3[value='1']~* .sheet-item-C3,
.sheet-unluck-style-D3[value='1']~* .sheet-item-D3,
.sheet-unluck-style-E3[value='1']~* .sheet-item-E3,
.sheet-unluck-style-F3[value='1']~* .sheet-item-F3,
.sheet-unluck-style-A4[value='1']~* .sheet-item-A4,
.sheet-unluck-style-B4[value='1']~* .sheet-item-B4,
.sheet-unluck-style-C4[value='1']~* .sheet-item-C4,
.sheet-unluck-style-D4[value='1']~* .sheet-item-D4,
.sheet-unluck-style-E4[value='1']~* .sheet-item-E4,
.sheet-unluck-style-F4[value='1']~* .sheet-item-F4,
.sheet-unluck-style-A5[value='1']~* .sheet-item-A5,
.sheet-unluck-style-B5[value='1']~* .sheet-item-B5,
.sheet-unluck-style-C5[value='1']~* .sheet-item-C5,
.sheet-unluck-style-D5[value='1']~* .sheet-item-D5,
.sheet-unluck-style-E5[value='1']~* .sheet-item-E5,
.sheet-unluck-style-F5[value='1']~* .sheet-item-F5,
.sheet-unluck-style-A6[value='1']~* .sheet-item-A6,
.sheet-unluck-style-B6[value='1']~* .sheet-item-B6,
.sheet-unluck-style-C6[value='1']~* .sheet-item-C6,
.sheet-unluck-style-D6[value='1']~* .sheet-item-D6,
.sheet-unluck-style-E6[value='1']~* .sheet-item-E6,
.sheet-unluck-style-F6[value='1']~* .sheet-item-F6,
.sheet-unluck-style-A7[value='1']~* .sheet-item-A7,
.sheet-unluck-style-B7[value='1']~* .sheet-item-B7,
.sheet-unluck-style-C7[value='1']~* .sheet-item-C7,
.sheet-unluck-style-D7[value='1']~* .sheet-item-D7,
.sheet-unluck-style-E7[value='1']~* .sheet-item-E7,
.sheet-unluck-style-F7[value='1']~* .sheet-item-F7,
.sheet-unluck-style-A8[value='1']~* .sheet-item-A8,
.sheet-unluck-style-B8[value='1']~* .sheet-item-B8,
.sheet-unluck-style-C8[value='1']~* .sheet-item-C8,
.sheet-unluck-style-D8[value='1']~* .sheet-item-D8,
.sheet-unluck-style-E8[value='1']~* .sheet-item-E8,
.sheet-unluck-style-F8[value='1']~* .sheet-item-F8,
.sheet-unluck-style-A9[value='1']~* .sheet-item-A9,
.sheet-unluck-style-B9[value='1']~* .sheet-item-B9,
.sheet-unluck-style-C9[value='1']~* .sheet-item-C9,
.sheet-unluck-style-D9[value='1']~* .sheet-item-D9,
.sheet-unluck-style-E9[value='1']~* .sheet-item-E9,
.sheet-unluck-style-F9[value='1']~* .sheet-item-F9,
.sheet-unluck-style-A10[value='1']~* .sheet-item-A10,
.sheet-unluck-style-B10[value='1']~* .sheet-item-B10,
.sheet-unluck-style-C10[value='1']~* .sheet-item-C10,
.sheet-unluck-style-D10[value='1']~* .sheet-item-D10,
.sheet-unluck-style-E10[value='1']~* .sheet-item-E10,
.sheet-unluck-style-F10[value='1']~* .sheet-item-F10,
.sheet-unluck-style-A11[value='1']~* .sheet-item-A11,
.sheet-unluck-style-B11[value='1']~* .sheet-item-B11,
.sheet-unluck-style-C11[value='1']~* .sheet-item-C11,
.sheet-unluck-style-D11[value='1']~* .sheet-item-D11,
.sheet-unluck-style-E11[value='1']~* .sheet-item-E11,
.sheet-unluck-style-F11[value='1']~* .sheet-item-F11,
.sheet-unluck-style-A12[value='1']~* .sheet-item-A12,
.sheet-unluck-style-B12[value='1']~* .sheet-item-B12,
.sheet-unluck-style-C12[value='1']~* .sheet-item-C12,
.sheet-unluck-style-D12[value='1']~* .sheet-item-D12,
.sheet-unluck-style-E12[value='1']~* .sheet-item-E12,
.sheet-unluck-style-F12[value='1']~* .sheet-item-F12 {
    color: #ff6363;
    !important;
}

.sheet-soul {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    align-items: center;
    justify-content: end;
    height: 30px;
    box-sizing: content-box;
    margin: 10px 0 0;
    padding: 0 8px;
    gap: 10px;
    z-index: 0;
}

.sheet-soul:before,
.sheet-soul:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: var(--custom-split-resource);
}

.sheet-soul:before {
    left: 0;
    width: 417px;
    background-position: -132px -158px;
}

.sheet-soul:after {
    right: 0;
    width: 360px;
    background-position: -132px -114px;
}

.sheet-soul strong {
    color: #fff;
}

.sheet-soul input[type="text"] {
    width: 95px;
    height: 25px;
    background: rgba(255, 255, 255, .2);
    text-align: center;
    color: #fff;
    border-radius: 9em !important;
}


.sheet-bookAnkerBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.sheet-bookAnkerBox>* {
    display: block;
    position: relative;
}

.sheet-bookAnkerBox .sheet-title {
    display: block;
    position: relative;
    text-align: center;
    line-height: 30px;
    height: 33px;
    padding: 2px 0 1px;
    background: var(--custom-split-resource);
    background-repeat: repeat-x;
    background-position: 50% 100%;
    margin-bottom: 20px;
}

.sheet-bookAnkerBox .sheet-title strong {
    font-size: 13px;
    font-weight: 800;
    color: var(--custom-point-color);
}

.sheet-bookAnkerBox .sheet-title .sheet-count {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    gap: 5px;
}

.sheet-bookAnkerBox .sheet-title .sheet-count input[type="number"] {
    display: block;
    position: relative;
    width: 25px !important;
    height: 15px !important;
    text-align: center;
    font-size: 11px;
    background: var(--custom-point-opacity30-color);
    border-radius: 9em !important;
}

.sheet-bookAnkerBox .sheet-title .sheet-count span {
    Font-size: 11px;
    color: var(--custom-point-opacity70-color);
}

.sheet-bookAnkerBox .sheet-book-list {
    width: 440px;
}

.sheet-bookAnkerBox .sheet-anker-list {
    width: 310px;
}

.sheet-bookAnkerBox .sheet-item-list {
    width: 100%;
    padding-top: 20px;
}

.sheet-viewbox[value=""]~.sheet-list>.sheet-data-item:nth-child(6)~* {
    display: none;
}

.sheet-viewbox[value="1"]~.sheet-list>.sheet-data-item:nth-child(1)~* {
    display: none;
}

.sheet-viewbox[value="2"]~.sheet-list>.sheet-data-item:nth-child(2)~* {
    display: none;
}

.sheet-viewbox[value="3"]~.sheet-list>.sheet-data-item:nth-child(3)~* {
    display: none;
}

.sheet-viewbox[value="4"]~.sheet-list>.sheet-data-item:nth-child(4)~* {
    display: none;
}

.sheet-viewbox[value="5"]~.sheet-list>.sheet-data-item:nth-child(5)~* {
    display: none;
}

.sheet-viewbox[value="6"]~.sheet-list>.sheet-data-item:nth-child(6)~* {
    display: none;
}

.sheet-viewbox[value="7"]~.sheet-list>.sheet-data-item:nth-child(7)~* {
    display: none;
}

.sheet-viewbox[value="8"]~.sheet-list>.sheet-data-item:nth-child(8)~* {
    display: none;
}

.sheet-viewbox[value="9"]~.sheet-list>.sheet-data-item:nth-child(9)~* {
    display: none;
}

.sheet-viewbox[value="10"]~.sheet-list>.sheet-data-item:nth-child(10)~* {
    display: none;
}

.sheet-viewbox[value="11"]~.sheet-list>.sheet-data-item:nth-child(11)~* {
    display: none;
}

.sheet-viewbox[value="12"]~.sheet-list>.sheet-data-item:nth-child(12)~* {
    display: none;
}

.sheet-viewbox[value="13"]~.sheet-list>.sheet-data-item:nth-child(13)~* {
    display: none;
}

.sheet-viewbox[value="14"]~.sheet-list>.sheet-data-item:nth-child(14)~* {
    display: none;
}

.sheet-viewbox[value="15"]~.sheet-list>.sheet-data-item:nth-child(15)~* {
    display: none;
}

.sheet-viewbox[value="16"]~.sheet-list>.sheet-data-item:nth-child(16)~* {
    display: none;
}

.sheet-viewbox[value="17"]~.sheet-list>.sheet-data-item:nth-child(17)~* {
    display: none;
}

.sheet-viewbox[value="18"]~.sheet-list>.sheet-data-item:nth-child(18)~* {
    display: none;
}

.sheet-viewbox[value="19"]~.sheet-list>.sheet-data-item:nth-child(19)~* {
    display: none;
}

.sheet-viewbox[value="20"]~.sheet-list>.sheet-data-item:nth-child(20)~* {
    display: none;
}


.sheet-data-item {
    display: block;
    position: relative;
    margin-bottom: 5px;
}

.sheet-data-item input[type="checkbox"] {
    opacity: 1;
    position: relative;
    width: 22px;
    height: 23px;
    background: var(--custom-split-resource);
    background-position: -130px -281px;
    transform: scale(.9);
    -webkit-transform: scale(.9);
}

.sheet-data-item select {
    padding-left: 5px !important;
}

.sheet-data-item select,
.sheet-data-item input[type="text"],
.sheet-data-item input[type="number"] {
    display: block;
    position: relative;
    height: 30px;
}

.sheet-data-item span,
.sheet-data-item strong {
    color: var(--custom-point-color);
}

.sheet-data-item .sheet-flip-flag[value="1"]~.sheet-data-flip {
    display: block;
}

.sheet-data-item .sheet-lock-flag[value="1"]~*,
.sheet-data-item .sheet-lock-flag[value="1"]~.sheet-data-top * {
    opacity: .4;
}

.sheet-data-item .sheet-lock-flag[value="1"]~.sheet-data-top .sheet-dice {
    opacity: 0;
    z-index: -9999;
}

.sheet-data-item .sheet-lock-flag[value="1"]~.sheet-data-top {
    opacity: 1;
    background: rgba(80, 97, 127, .05);
}

.sheet-data-item .sheet-lock-flag[value="1"]~.sheet-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.sheet-data-item .sheet-lock {
    background-position-x: -165px !important;
}

.sheet-data-item .sheet-data-top .sheet-lock {
    z-index: 10;
}

.sheet-data-item .sheet-lock:checked {
    background-position-x: -130px !important;
}

.sheet-data-item .sheet-flag {
    background-position-x: -199px !important;
    opacity: .5 !important;
}

.sheet-data-item .sheet-flag:checked {
    opacity: 1 !important;
}

.sheet-data-item .sheet-spell {
    background-position-x: -234px !important;
    opacity: .5 !important;
}

.sheet-data-item .sheet-spell:checked {
    opacity: 1 !important;
}

.sheet-data-item .sheet-data-top {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    background: var(--custom-point-opacity10-color);
    padding: 0 5px;
    gap: 3px;
    border-radius: 5px !important;
    border: 1px solid var(--custom-point-opacity50-color);
}

.sheet-data-item .sheet-data-top>* {
    display: block;
    position: relative;
}

.sheet-data-item .sheet-data-top .sheet-w-space {
    width: calc(100% - 255px);
}

.sheet-data-item .sheet-data-top .sheet-w-space2 {
    width: calc(100% - 180px);
}

.sheet-data-item .sheet-data-top .sheet-w1 {
    width: 40px;
    margin-right: 10px;
}

.sheet-data-item .sheet-data-top .sheet-w2 {
    width: 90px;
    margin-right: 10px;
}

.sheet-data-item .sheet-data-top .sheet-w3 {
    width: 50px;
    text-align: center;
}

.sheet-data-item .sheet-data-top select.sheet-w1 {
    width: 50px !important;
}

.sheet-data-item .sheet-data-top>div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.sheet-data-item .sheet-data-top .sheet-dice-setting {
    justify-content: end;
    width: 50px;
    font-size: 11px;
    text-align: center;
    gap: 0px;
}

.sheet-data-item .sheet-data-top .sheet-dice-setting input[type="number"] {
    text-align: center;
    width: 15px;
}

.sheet-data-item .sheet-data-top .sheet-dice-setting span {
    opacity: .8;
    color: var(--custom-default-opacity50-color);
}

.sheet-data-item .sheet-data-top .sheet-fate {
    gap: 5px;
}

.sheet-data-item .sheet-data-top .sheet-fate strong {
    color: var(--custom-default-opacity60-color);
}

.sheet-data-item .sheet-data-top .sheet-fate input[type="text"] {
    width: 30px;
    text-align: center;
}

.sheet-data-item .sheet-data-side {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 5px 5px;
    gap: 5px;
}

.sheet-data-item .sheet-data-side>* {
    display: block;
    position: relative;
}

.sheet-data-item .sheet-data-side>div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.sheet-data-item .sheet-data-side>div strong {
    display: block;
    white-space: nowrap;
}

.sheet-data-item .sheet-data-side input[type="number"] {
    width: 20px !important;
    text-align: right;
}

.sheet-data-item .sheet-data-side input[type="number"]~input[type="number"] {
    text-align: left;
}

.sheet-data-item .sheet-data-side .sheet-cost input[type="text"] {
    width: 48px;
}

.sheet-data-item .sheet-data-side .sheet-target input[type="text"] {
    width: 118px;
}

.sheet-data-item .sheet-data-flip {
    display: none;
    position: relative;
    border: 1px solid var(--custom-default-opacity30-color);
    border-left-width: 0;
    border-right-width: 0;
    padding-left: 12px;
}

.sheet-data-item .sheet-data-flip:before {
    content: "";
    display: block;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--custom-default-opacity30-color);
}

.sheet-data-item .sheet-data-flip>* {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 12px !important;
    font-size: 1em;
}

.sheet-data-item .sheet-data-flip>*+* {
    border-top: 1px solid var(--custom-default-opacity30-color);
}

.sheet-data-item .sheet-data-flip textarea {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100px;
}

.sheet-data-item .sheet-data-flip textarea~textarea {
    height: 50px;
    border-top-style: dashed;
}


.sheet-table {
    display: block;
    position: relative;
}

.sheet-table input[type="text"],
.sheet-table input[type="number"],
.sheet-table select {
    display: block !important;
    width: 100% !important;
    vertical-align: middle !important;
    height: 22px !important;
    padding: 0 5px !important;
}

.sheet-table select {
    opacity: 0;
    z-index: 1;
    position: relative;
}

.sheet-table input[type="number"] {
    text-align: center !important;
}

.sheet-table input[type="checkbox"] {
    display: inline-block !important;
    position: relative !important;
    opacity: 1 !important;
    background: var(--custom-splite-resource);
}

.sheet-table input[type="checkbox"].sheet-eot-chk {
    width: 13px !important;
    height: 13px !important;
    background-position: -60px -115px;
}

.sheet-table input[type="checkbox"].sheet-eot-chk:checked {
    background-position-x: -34px;
}

.sheet-table input[type="checkbox"].sheet-chk-slois {
    width: 13px !important;
    height: 13px !important;
    background-position: -60px -115px;
}

.sheet-table input[type="checkbox"].sheet-chk-slois:checked {
    background-position-x: -34px;
}

.sheet-table input[type="checkbox"].sheet-chk-titus {
    width: 14px !important;
    height: 14px !important;
    background-position: -7px -114px;
    opacity: .5 !important;
}

.sheet-table input[type="checkbox"].sheet-chk-titus:checked {
    opacity: 1 !important;
}

.sheet-table input[type="text"].sheet-eot-txt {
    display: inline-block !important;
    width: calc(100% - 23px) !important;
}

.sheet-table .sheet-w1 {
    width: 30px;
}

.sheet-table .sheet-w2 {
    width: calc(30px * 2);
}

.sheet-table .sheet-w3 {
    width: calc(30px * 3);
}

.sheet-table .sheet-w4 {
    width: calc(30px * 4);
}

.sheet-table .sheet-w5 {
    width: calc(30px * 5);
}

.sheet-table .sheet-w6 {
    width: calc(30px * 6);
}

.sheet-table .sheet-w7 {
    width: calc(30px * 7);
}

.sheet-table .sheet-w8 {
    width: calc(30px * 8);
}

.sheet-table .sheet-w9 {
    width: calc(30px * 9);
}

.sheet-table .sheet-w10 {
    width: calc(30px * 10);
}

.sheet-table .sheet-tac {
    text-align: center !important;
}

.sheet-table .sheet-row {
    display: table !important;
    table-layout: fixed;
    width: 100%;
}

.sheet-table .sheet-row>* {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.sheet-table .sheet-row>*+* {
    border-left: 1px dashed var(--custom-default-opacity30-color);
}

.sheet-table .sheet-thead {
    display: block;
    position: relative;
    background: var(--custom-point-color);
    padding: 2px 0;
    border: 1px solid var(--custom-strong-color);
    overflow: hidden;
    border-radius: 5px;
}

.sheet-table .sheet-thead .sheet-row>* {
    text-align: center;
    color: #fff;
    height: 20px;
    padding-top: 2px;
}

.sheet-table .sheet-thead .sheet-row>*+* {
    border-left: 1px solid rgba(255, 255, 255, .3);
}

.sheet-table .sheet-tbody {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.sheet-table .sheet-tbody .sheet-table-item {
    padding: 5px 0;
    border-bottom: 1px solid var(--custom-default-opacity20-color);
}

.sheet-flip-item-content {
    display: none;
    padding: 0;
    border-top: 1px solid var(--custom-default-opacity20-color);
}

.sheet-flip-item-content textarea {
    display: block;
    position: relative;
    padding: 10px;
    height: 60px;
    font-size: 12px;
}

.sheet-flip-item-content textarea.sheet-h-short {
    height: 50px;
}

.sheet-flip-item-content input[type="text"] {
    padding: 0 15px !important;
}

.sheet-chk-flip[value="1"]~.sheet-flip-item-content {
    display: block;
}

.sheet-flip-item-content .sheet-grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.sheet-flip-item-content .sheet-grid:before {
    content: "";
    display: Block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 1px;
    left: 50%;
    background: var(--custom-default-opacity20-color);
}

.sheet-flip-item-content .sheet-grid>* {
    width: 48% !important;
    height: 80px !important;
}

.sheet-table input[type="checkbox"] {
    opacity: 1;
    position: relative;
    width: 22px;
    height: 23px;
    background: var(--custom-split-resource);
    background-position: -130px -281px;
    transform: scale(.9);
    -webkit-transform: scale(.9);
}

.sheet-table .sheet-lock {
    background-position-x: -165px !important;
}

.sheet-table .sheet-data-top .sheet-lock {
    z-index: 10;
}

.sheet-table .sheet-lock:checked {
    background-position-x: -130px !important;
}

.sheet-table .sheet-flag {
    background-position-x: -199px !important;
    opacity: .5 !important;
}

.sheet-table .sheet-flag:checked {
    opacity: 1 !important;
}

.sheet-table .sheet-spell {
    background-position-x: -234px !important;
    opacity: .5 !important;
}

.sheet-table .sheet-spell:checked {
    opacity: 1 !important;
}

.sheet-memo-area {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed var(--custom-point-opacity50-color);
}

.sheet-memo-area strong {
    display: block;
    position: relative;
    color: var(--custom-point-color);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 15px;
}

.sheet-memo-area textarea {
    display: block;
    position: relative;
    width: 100%;
    height: 150px;
}


.sheet-rolltemplate-MagikaDesc {
    display: block;
    position: relative;
    color: #222;
    max-width: 450px;
    margin: 0 auto;
    font-size: 12px;
    padding: 5px;
}

.sheet-rolltemplate-MagikaDesc * {
    font-family: 'Malgun Gothic';
    word-break: keep-all;
    line-height: 1.4;
    box-sizing: border-box;
}

.sheet-rolltemplate-MagikaDesc .inlinerollresult {
    display: inline !important;
    color: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    vertical-align: baseline !important;
}

.sheet-rolltemplate-MagikaDesc:before,
.sheet-rolltemplate-MagikaDesc:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    width: 33px;
    height: 80px;
    background: url(https://i.imgur.com/8itar4N.png) no-repeat 0 0;
    z-index: 1;
}

.sheet-rolltemplate-MagikaDesc:before {
    left: -1px;
}

.sheet-rolltemplate-MagikaDesc:after {
    right: -1px;
    background-position-x: 100%;
}

.sheet-rolltemplate-MagikaDesc .sheet-magiWrap {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 15px;
    background: #fff;
    border-radius: 15px;
    z-index: 0;
}

.sheet-rolltemplate-MagikaDesc .sheet-magiWrap:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    border: 30px solid transparent;
    border-image: url(https://i.imgur.com/c5qgVaF.png) 30 30 30 30 stretch;
    z-index: -1;
}

.sheet-rolltemplate-MagikaDesc .sheet-name {
    font-size: 11px;
    color: rgba(51, 51, 51, .6);
    margin-bottom: 8px;
}

.sheet-rolltemplate-MagikaDesc .sheet-title {
    display: block;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 10px;
}

.sheet-rolltemplate-MagikaDesc .sheet-sub-title {
    display: block;
    position: relative;
    margin: 20px 0 10px;
    border: 1px solid rgba(138, 118, 89, .5);
    border-left-width: 0;
    border-right-width: 0;
    font-size: 13px;
    padding: 5px;
    font-weight: 600;
    color: #8a7659;
}

.sheet-rolltemplate-MagikaDesc .sheet-randArea {
    display: block;
    position: relative;
    margin: 20px 0 10px;
    border: 1px solid rgba(138, 118, 89, .5);
    border-left-width: 0;
    border-right-width: 0;
    font-size: 14px;
    padding: 5px;
    font-weight: 600;
    color: #8a7659;
}

.sheet-rolltemplate-MagikaDesc .sheet-targetArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 5px;
    height: 25px;
    gap: 5px;
    margin-bottom: 10px;
}

.sheet-rolltemplate-MagikaDesc .sheet-targetArea:before,
.sheet-rolltemplate-MagikaDesc .sheet-targetArea:after {
    content: "";
    display: block;
    position: relative;
    width: 7px;
    height: 7px;
    background: url(https://i.imgur.com/owfRLzl.png) no-repeat 50% 50%;
}

.sheet-rolltemplate-MagikaDesc .sheet-desc *,
.sheet-rolltemplate-MagikaDesc .sheet-randArea *,
.sheet-rolltemplate-MagikaDesc .sheet-targetArea *,
.sheet-rolltemplate-MagikaDesc .sheet-diceArea * {
    pointer-events: none;
}

.sheet-rolltemplate-MagikaDesc .sheet-diceArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.sheet-rolltemplate-MagikaDesc .sheet-diceArea>* {
    display: block !important;
    position: relative;
    color: #8a7659 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    background: url(https://i.imgur.com/idtWLw9.png) no-repeat 50% 50% !important;
    text-align: center !important;
    width: 41px;
    height: 41px;
    text-align: center;
    line-height: 41px;
}

.sheet-rolltemplate-MagikaDesc .sheet-goto-spec {
    display: block;
    position: relative;
    font-weight: 400;
    margin-top: 15px;
}

.sheet-rolltemplate-MagikaDesc .sheet-goto-spec span {
    display: block;
    position: relative;
    color: #fff;
    border-radius: 3px;
    background: rgba(138, 118, 89, .5);
    padding: 4px 10px;
    z-index: 0;
}

.sheet-rolltemplate-MagikaDesc .sheet-goto-spec a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    opacity: 0 !important;
    z-index: 1;
}

.sheet-rolltemplate-MagikaDesc .sheet-goto-spec a:hover+span {
    background-color: rgba(138, 118, 89, .7);
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list {
    display: block;
    position: relative;
    padding: 0 10px;
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list>* {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list>*+* {
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px dashed rgba(51, 51, 51, .2);
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list strong {
    font-weight: 400;
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list span {
    display: block;
    position: relative;
    text-align: center;
    border: 1px solid #8a7659;
    border-radius: 9em;
    width: 3em;
    font-weight: 800;
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list .sheet-total {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #8a7659;
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list .sheet-total strong {
    color: #8a7659;
    font-weight: 800;
}

.sheet-rolltemplate-MagikaDesc .sheet-grade-list .sheet-total span {
    background: #8a7659;
    border-color: #715e43;
    color: #fff;
}

.sheet-rolltemplate-MagikaDesc .sheet-desc+.sheet-desc {
    color: #8a7659;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(51, 51, 51, .2);
}

.sheet-rolltemplate-MagikaDesc .sheet-manifest {
    color: #8a7659
}

.sheet-rolltemplate-MagikaDice {
    display: block;
    position: relative;
    color: #222;
    max-width: 450px;
    margin: 0 auto;
    font-size: 12px;
    padding: 5px;
}

.sheet-rolltemplate-MagikaDice * {
    font-family: 'Malgun Gothic';
    word-break: keep-all;
    line-height: 1.4;
    box-sizing: border-box;
}

.sheet-rolltemplate-MagikaDice .inlinerollresult {
    display: inline !important;
    color: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    vertical-align: baseline !important;
}

.sheet-rolltemplate-MagikaDice .sheet-magiWrap {
    display: block;
    position: relative;
    text-align: center;
    padding: 15px;
    background: #fff;
    border-radius: 15px;
    z-index: 0;
}

.sheet-rolltemplate-MagikaDice .sheet-magiWrap:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    border: 30px solid transparent;
    border-image: url(https://i.imgur.com/c5qgVaF.png) 30 30 30 30 stretch;
    z-index: -1;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group>* {
    flex-grow: 1;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-dice-box {
    display: block;
    position: relative;
    width: 72px;
    height: 50px;
    line-height: 35px;
    background: url(https://i.imgur.com/LqBnbBW.png) no-repeat 50% 100%;
    text-align: center;
    font-size: 19px;
    font-weight: 800;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-info-data {
    width: calc(100% - 75px);
    text-align: right;
    padding-right: 15px;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-name {
    font-size: 11px;
    color: rgba(51, 51, 51, .6);
    margin-bottom: 3px;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-title {
    display: block;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 5px;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-point-bar {
    display: block;
    position: relative;
    padding: 3px 5px;
    z-index: 0;
    color: #fff;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-point-bar:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    left: 0;
    background: linear-gradient(90deg, rgba(138, 118, 89, 0) 0%, rgba(138, 118, 89, 1) 30%, rgba(138, 118, 89, 1) 100%);
    z-index: -1;
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-special:before {
    background: linear-gradient(90deg, rgba(79, 173, 132, 0) 0%, rgba(79, 173, 132, 1) 30%, rgba(79, 173, 132, 1) 100%);
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-fumble:before {
    background: linear-gradient(90deg, rgba(182, 52, 49, 0) 0%, rgba(182, 52, 49, 1) 30%, rgba(182, 52, 49, 1) 100%);
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-succed:before {
    background: linear-gradient(90deg, rgba(182, 128, 49, 0) 0%, rgba(182, 128, 49, 1) 30%, rgba(182, 128, 49, 1) 100%);
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-fail:before {
    background: linear-gradient(90deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 1) 30%, rgba(33, 33, 33, 1) 100%);
}

.sheet-rolltemplate-MagikaDice .sheet-dice-group .sheet-error:before {
    background: linear-gradient(90deg, rgba(138, 89, 89, 0) 0%, rgba(138, 89, 89, 1) 30%, rgba(138, 89, 89, 1) 100%);
}

.sheet-rolltemplate-MagikaDice .sheet-target {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    position: relative;
    padding-top: 5px;
    height: 25px;
    gap: 5px;
    color: #8a7659;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: -3px;
    border-top: 1px solid rgba(138, 118, 59, .4);
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice>* {
    display: block;
    position: relative;
    flex-grow: 1;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
    align-items: center;
    width: 100px;
    color: #8a7659;
    gap: 5px;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt:before {
    content: "";
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    background: url(https://i.imgur.com/QJh4u52.png) no-repeat 0 50%;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate1:before {
    background-position-x: 0;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate2:before {
    background-position-x: -19px;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate3:before {
    background-position-x: -39px;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate4:before {
    background-position-x: -59px;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate5:before {
    background-position-x: -80px;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate6:before {
    background-position-x: -101px;
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-dice-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: calc(100% - 100px);
}

.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-dice-list>* {
    display: block !important;
    position: relative;
    vertical-align: middle !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #8a7659 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    background: url(https://i.imgur.com/idtWLw9.png) no-repeat 50% 50% !important;
    background-size: contain !important;
}

.sheet-rolltemplate-MagikaSkill {
    display: block;
    position: relative;
    color: #222;
    max-width: 450px;
    margin: 0 auto;
    font-size: 12px;
    padding: 5px;
}

.sheet-rolltemplate-MagikaSkill * {
    font-family: 'Malgun Gothic';
    word-break: keep-all;
    line-height: 1.4;
    box-sizing: border-box;
}

.sheet-rolltemplate-MagikaSkill .inlinerollresult {
    display: inline !important;
    color: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    vertical-align: baseline !important;
}

.sheet-rolltemplate-MagikaSkill:before,
.sheet-rolltemplate-MagikaSkill:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    width: 33px;
    height: 80px;
    background: url(https://i.imgur.com/8itar4N.png) no-repeat 0 0;
    z-index: 1;
}

.sheet-rolltemplate-MagikaSkill:before {
    left: -1px;
}

.sheet-rolltemplate-MagikaSkill:after {
    right: -1px;
    background-position-x: 100%;
}

.sheet-rolltemplate-MagikaSkill .sheet-magiWrap {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 15px;
    background: #fff;
    border-radius: 15px;
    z-index: 0;
}

.sheet-rolltemplate-MagikaSkill .sheet-magiWrap:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    border: 30px solid transparent;
    border-image: url(https://i.imgur.com/c5qgVaF.png) 30 30 30 30 stretch;
    z-index: -1;
}

.sheet-rolltemplate-MagikaSkill .sheet-name {
    font-size: 11px;
    color: rgba(51, 51, 51, .6);
    margin-bottom: 8px;
}

.sheet-rolltemplate-MagikaSkill .sheet-title {
    display: block;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 10px;
}

.sheet-rolltemplate-MagikaSkill .sheet-diceArea {
    display: block;
    position: relative;
    width: 72px;
    height: 50px;
    line-height: 35px;
    background: url(https://i.imgur.com/LqBnbBW.png) no-repeat 50% 100%;
    text-align: center;
    font-size: 19px;
    font-weight: 800;
    margin: 0 auto 10px;
}

.sheet-rolltemplate-MagikaSkill .sheet-point-bar {
    display: block;
    position: relative;
    padding: 3px 5px;
    z-index: 0;
    color: #fff;
}

.sheet-rolltemplate-MagikaSkill .sheet-point-bar:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(138, 118, 89, 0) 0%, rgba(138, 118, 89, 1) 50%, rgba(138, 118, 89, 0) 100%);
    z-index: -1;
}

.sheet-rolltemplate-MagikaSkill .sheet-special:before {
    background: linear-gradient(90deg, rgba(79, 173, 132, 0) 0%, rgba(79, 173, 132, 1) 50%, rgba(79, 173, 132, 0) 100%);
}

.sheet-rolltemplate-MagikaSkill .sheet-fumble:before {
    background: linear-gradient(90deg, rgba(182, 52, 49, 0) 0%, rgba(182, 52, 49, 1) 50%, rgba(182, 52, 49, 0) 100%);
}

.sheet-rolltemplate-MagikaSkill .sheet-succed:before {
    background: linear-gradient(90deg, rgba(182, 128, 49, 0) 0%, rgba(182, 128, 49, 1) 50%, rgba(182, 128, 49, 0) 100%);
}

.sheet-rolltemplate-MagikaSkill .sheet-fail:before {
    background: linear-gradient(90deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 1) 50%, rgba(33, 33, 33, 0) 100%);
}

.sheet-rolltemplate-MagikaSkill .sheet-error:before {
    background: linear-gradient(90deg, rgba(138, 89, 89, 0) 0%, rgba(138, 89, 89, 1) 50%, rgba(138, 89, 89, 0) 100%);
}

.sheet-rolltemplate-MagikaSkill .sheet-targetArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 25px;
    gap: 5px;
}

.sheet-rolltemplate-MagikaSkill .sheet-targetArea:before,
.sheet-rolltemplate-MagikaSkill .sheet-targetArea:after {
    content: "";
    display: block;
    position: relative;
    width: 7px;
    height: 7px;
    background: url(https://i.imgur.com/owfRLzl.png) no-repeat 50% 50%;
}

.sheet-rolltemplate-MagikaSkill .sheet-desc *,
.sheet-rolltemplate-MagikaSkill .sheet-targetArea *,
.sheet-rolltemplate-MagikaSkill .sheet-diceArea-info .inlinerollresult {
    pointer-events: none;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice>* {
    display: block;
    position: relative;
    flex-grow: 1;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
    align-items: center;
    width: 100px;
    color: #8a7659;
    gap: 5px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt:before {
    content: "";
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    background: url(https://i.imgur.com/QJh4u52.png) no-repeat 0 50%;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate1:before {
    background-position-x: 0;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate2:before {
    background-position-x: -19px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate3:before {
    background-position-x: -39px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate4:before {
    background-position-x: -59px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate5:before {
    background-position-x: -80px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate6:before {
    background-position-x: -101px;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-dice-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: calc(100% - 100px);
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-dice-list>* {
    display: block !important;
    position: relative;
    vertical-align: middle !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #8a7659 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    background: url(https://i.imgur.com/idtWLw9.png) no-repeat 50% 50% !important;
    background-size: contain !important;
}

.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-dice-list .sheet-dice-mod {
    background-image: url(https://i.imgur.com/dDg6hR8.png) !important;
    color: #fff !important;
}

.sheet-rolltemplate-MagikaSkill .sheet-diceArea-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 5px 0;
    border: 1px solid rgba(138, 118, 89, .5);
    color: #8a7659;
    border-left-width: 0;
    border-right-width: 0;
    font-size: 12px;
    padding: 5px;
    gap: 10px;
    min-height: 25px;
}

.sheet-rolltemplate-MagikaSkill .sheet-diceArea-info .sheet-goto-spec {
    margin-top: 0;
}

.sheet-rolltemplate-MagikaSkill .sheet-diceArea-info .sheet-error {
    color: #734b00 !important;
}

.sheet-rolltemplate-MagikaSkill .sheet-spec-info {
    margin-bottom: 0;
}

.sheet-rolltemplate-MagikaSkill .sheet-goto-spec {
    display: block;
    position: relative;
    font-weight: 400;
    margin-top: 15px;
}

.sheet-rolltemplate-MagikaSkill .sheet-goto-spec span {
    display: block;
    position: relative;
    color: #fff;
    border-radius: 3px;
    background: #8a7659;
    padding: 4px 10px;
    z-index: 0;
}

.sheet-rolltemplate-MagikaSkill .sheet-goto-spec a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    opacity: 0 !important;
}

.sheet-rolltemplate-MagikaSkill .sheet-desc {
    padding-top: 10px;
}

.sheet-rolltemplate-MagikaSkill .sheet-badge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    gap: 5px;
}

.sheet-rolltemplate-MagikaSkill .sheet-badge>span {
    display: block;
    position: relative;
    background-color: #fff !important;
    border: 1px solid #8a7659;
    color: #8a7659;
    border-radius: 9em;
    min-width: 3em;
    text-align: center;
    padding: 2px 7px;
    font-size: 11px;
}

.sheet-rolltemplate-MagikaSkill .sheet-txt+.sheet-txt {
    color: #8a7659;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(51, 51, 51, .2);
}