@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Gothic+A1&display=swap');

:root {
  --white-color: #F5F5F5;
  --orange-color: #F96930;
  --blue-color: #0F8895;
}

/* 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;}
.charsheet .sheet-wrap {font-size:10px;}
.charsheet .sheet-wrap * {color:#000; outline:0 !important; font-family:"Gothic+A1"; letter-spacing:-0.02em;}
.charsheet .sheet-wrap p {margin:0;}
.charsheet .sheet-wrap input,
.charsheet .sheet-wrap textarea,
.charsheet .sheet-wrap select,
.charsheet .sheet-wrap .uneditable-input {margin:0; border-radius:0 !important;}
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"] {display:block; position:absolute; top:0; left:0; opacity:0; border:none !important;}
.charsheet .sheet-wrap input[type="text"],
.charsheet .sheet-wrap input[type="number"] {border:none; height:30px; border-radius:0; background:transparent; padding:0 5px; font-size:12px; width:100%;}
.charsheet .sheet-wrap select {border:none; height:30px; padding:0 5px; font-size:12px; width:100%; background:transparent;}
.charsheet .sheet-wrap input[type="number"]::-webkit-outer-spin-button,
.charsheet .sheet-wrap input[type="number"]::-webkit-inner-spin-button {appearance:none; -webkit-appearance:none; -moz-appearance:none; margin:0;}
.charsheet .sheet-wrap select,
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"],
.charsheet .sheet-wrap button {cursor:pointer;}
.charsheet .sheet-wrap button[type="roll"]:before {display:none !important;}
.charsheet .sheet-wrap input:-internal-autofill-selected {background-color:transparent !important; appearance:none !important; -webkit-appearance:none !important;  -moz-appearance:none !important;}
.charsheet .sheet-wrap input[type="number"] {}
.charsheet .sheet-wrap select * {color:#000 !important;}
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"],
.charsheet .sheet-wrap button,
.charsheet .sheet-wrap select {box-shadow: none !important; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.charsheet .sheet-wrap select {padding-right:15px; background:url(https://i.imgur.com/zexyzpS.png) no-repeat top 50% right 0px;}
.charsheet .sheet-wrap .dice {border:none; margin:0; background:url(https://i.imgur.com/so1iqp6.png) no-repeat; width: 18px; height: 18px;}
.charsheet .sheet-wrap .bonus-dice {border:none; margin:0; background:url(https://i.imgur.com/f91zNJo.png) no-repeat; width: 18px; height: 18px;}
.charsheet .sheet-wrap button {border:none; margin:0; background:transparent; font-size:10px; text-shadow:none !important;}
.charsheet .sheet-wrap textarea {width:100%; background:transparent; border:none; resize:none; line-height:1.5;}
.charsheet .sheet-wrap fieldset {margin:0; padding:0; border:none;}
.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-bottom:30px; border-radius:0; font-size:11px;}
.charsheet .sheet-wrap .repcontrol:before {content:""; display:block; position:absolute; width:1px; top:5px; bottom:5px; left:50%; background:#fff; opacity:.5;}
.charsheet .sheet-wrap .repcontrol > * {height:20px; line-height:20px; padding:0 10px; font-size:11px; font-weight:400; color:#fff;}

.charsheet .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:url('https://i.imgur.com/jO44vkT.png') no-repeat 50% 50%; background-size:90% auto;}
.charsheet .sheet-wrap .sheet-dice:before {display:none !important;}

.charsheet .sheet-wrap input::placeholder {color:rgba(0, 0, 0, .3);}
.charsheet .sheet-wrap textarea::placeholder {color:rgba(0, 0, 0, .3);}

.charsheet .sheet-tal {text-align:left !important;}
.charsheet .sheet-tar {text-align:right !important;}
.charsheet .sheet-tac {text-align:center !important;}

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


/* 기본 레이아웃 틀 작업 */

.sheet-wrap {display:block; position:relative; max-width:860px; min-width:820px; margin:0 auto; padding:1px;}
.sheet-wrap .sheet-wrap-inner {display:block; position:relative; min-height:2100px; padding:10px; background:url('https://i.imgur.com/2VcduuZ.png') no-repeat; background-size:100% auto;}

.sheet-top {display:block; position:relative; width: 808px; left: 16px; height:808px; top: 29px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); background:url('https://i.imgur.com/1RXXWns.png') no-repeat; background-size:100% auto;}
.sheet-tit {position:relative; z-index:0;}
.sheet-tit strong {display:block; position:relative; z-index:-1;}
.sheet-tit button {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:2;}

.sheet-checkbox-area {position:relative; z-index:0;}
.sheet-checkbox-area span {display:block; position:relative; z-index:-1;}
.sheet-checkbox-area input[type="checkbox"],
.sheet-checkbox-area input[type="radio"]{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:2;}

.sheet-toggle-wrap {display:none; position:relative; padding:10px 0 30px;}
.sheet-toggle-menu[value="1"] + .sheet-toggle-wrap {display:block;}

.sheet-toggle-button {border:1px solid #000; background:url(https://i.imgur.com/KTfhlnc.png) #416057; margin-bottom:10px;}
.sheet-toggle-button span {display:block; position:relative; z-index:-1; padding:10px 20px; color:#fff !important; font-weight:800; font-size:15px; text-shadow: #2c4740 2px 0px 0px, #2c4740 1.75517px 0.958851px 0px, #2c4740 1.0806px 1.68294px 0px, #2c4740 0.141474px 1.99499px 0px, #2c4740 -0.832294px 1.81859px 0px, #2c4740 -1.60229px 1.19694px 0px, #2c4740 -1.97998px 0.28224px 0px, #2c4740 -1.87291px -0.701566px 0px, #2c4740 -1.30729px -1.5136px 0px, #2c4740 -0.421592px -1.95506px 0px, #2c4740 0.567324px -1.91785px 0px, #2c4740 1.41734px -1.41108px 0px, #2c4740 1.92034px -0.558831px 0px;}
.sheet-toggle-button input[type="checkbox"]:checked + span:after,
.sheet-toggle-button input[type="radio"]:checked + span:after {content:"▲";}


/* 상단 : 프로필 레이아웃 */
.sheet-top .sheet-top-left {  position: absolute;  width: 226px;  height: 312px;  left: 57px;  top: 88px;}
.sheet-top .sheet-top-left {position:absolute; width:213px; height:240px; top:122px; left:30px;}
.sheet-top .sheet-top-left .sheet-handout-num {  position: absolute;  width: 40px;  height: 30px;  left: 90px;  top: -77px;  border-radius: 6px;  display: flex;  align-items: center;  justify-content: center;}

.sheet-top .sheet-top-left .sheet-handout-num select {  width: 100%;  height: 100%;  text-align: center;  font-weight: 900;  font-size: 18px;  color: #F5F5F5;  background: transparent;}
.sheet-top .sheet-top-left .sheet-speech-jp {  position: absolute;  left: 0;  right: 0;  top: -30px;  height: 32px;}
.sheet-top .sheet-top-left .sheet-speech-jp input {  width: 100%;  height: 100%;  font-weight: 600;  font-size: 16px;  text-align: right;  color: #4E4E4E;}
.sheet-top .sheet-top-left .sheet-speech-kr {  position: absolute;  right: 0;  width: 100%;  height: 17px;  text-align: right;}

.sheet-top .sheet-top-left .sheet-speech-kr input {  width: 100%;  height: 100%;  font-weight: 800;  font-size: 10px;  text-align: right;  color: #989898;}
.sheet-top .sheet-top-left .sheet-handout {  position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 217px;  background: #F5F5F5;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.15);  border-radius: 17px;  padding: 12px;}
.sheet-top .sheet-top-left .sheet-handout textarea {  width: 100%;  height: 100%;  border: none;  resize: none;  background: transparent;  font-weight: 700;  font-size: 9px;  line-height: 11px;  color: #4E4E4E;}


.sheet-top .sheet-pic {display:block; position:absolute; width:280px; height:430px; bottom:0; left: 257px; top: -37px; overflow:hidden; background:url('https://i.imgur.com/zuVgfsa.png') no-repeat;}
.sheet-top .sheet-pic .sheet-pic-box {box-sizing: border-box; position: absolute; width: 105px; height: 145px; left: 90px; top: 130px; background: #EFEFEF; border: 2px solid #0F8895; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); transform: rotate(-2deg);}
.sheet-top .sheet-pic img {display:block; position:absolute; height:100%; max-width:100%; left:50%; object-fit: cover; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.sheet-top .sheet-pic .sheet-name-jp {position:relative; top:150px;}
.sheet-top .sheet-pic .sheet-name-jp > span > input,
.sheet-top .sheet-pic .sheet-name-jp > span > input::placeholder {font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;text-align: center;color: #0F8895 !important;transform: rotate(-0.4deg);}

.sheet-top-header {position:relative; width:213px; height:240px; top:122px; left:560px;}
.sheet-top-header .sheet-profile {display:block; position:absolute; top:0px; left:0; bottom:0; width:213px;}
.sheet-top-header .sheet-profile > div > div {display:table; width:100%;}
.sheet-top-header .sheet-profile > div > div > * {display:table-cell; vertical-align:middle;}
.sheet-top-header .sheet-profile > div > div > strong {width:3em;}
.sheet-top-header .sheet-profile > div > div input {display:block; position:relative; line-height: 16px; color: #4E4E4E; width:100%; height:25px !important; font-size: 13px; text-align:center;}
.sheet-top-header .sheet-profile > div > div input::placeholder{font-weight: 600; font-size: 13px; }
.sheet-top-header .sheet-profile .sheet-tit {display:block; position:absolute; left:0; right:0; top:0; height:30px; line-height:30px; text-align:center; color:#fff; background:#3c5750; color:#fff;}
.sheet-top-header .sheet-profile .sheet-tit input {text-align:center !important; color:#fff !important; font-weight:400; font-family:'Do Hyeon', serif; font-size:18px;}
.sheet-top-header .sheet-profile .sheet-name-jp > span > input {font-size:24px; text-align: right; line-height: 30px; font-weight: 600;}
.sheet-top-header .sheet-profile .sheet-name-jp > span > input::placeholder {font-size:24px;}
.sheet-top-header .sheet-profile .sheet-name-kr > span > input[type="text"] {text-align: right; font-size:13px; line-height: 16px; font-weight: 800;}
.sheet-top-header .sheet-profile .sheet-pl {position: relative; top:40px;}
.sheet-top-header .sheet-profile .sheet-pl > span > input {text-align: right; right:5px;}
.sheet-top-header .sheet-profile .sheet-info-middle {position: relative; top:60px;}
.sheet-top-header .sheet-profile .sheet-info-middle .sheet-hight {position:relative; right:7px;}
.sheet-top-header .sheet-profile .sheet-info-middle .sheet-gender {position:relative; left:1px;}
.sheet-top-header .sheet-profile .sheet-info-middle .sheet-age {position:relative; left:7px;}
.sheet-top-header .sheet-profile .sheet-nation {position:relative; top:80px;}
.sheet-top-header .sheet-profile .sheet-nation > span > input {text-align: right; right:5px;}
.sheet-top-header .sheet-profile .sheet-nation-detail {position:relative; top:75px;}
.sheet-top-header .sheet-profile .sheet-nation-detail > span > input {text-align: right; right:5px; font-size:11px;}
.sheet-top-header .sheet-profile .sheet-nation-detail > span > input::placeholder{font-weight: 600; font-size: 11px; }
.sheet-top-header .sheet-profile input[type="text"], input[type="number"] {font-size: 13px; font-weight: 600;}

.sheet-top .sheet-spec {position: absolute; width: 747px; height: 102px; left: 31px; top: 669px; padding:10px; background:url('https://i.imgur.com/VK74uZp.png') no-repeat;}
.sheet-top .sheet-spec .sheet-item {display:block; position:relative; float:left; box-sizing:border-box; width: 58px; top:10px; margin-left:21px;}
.sheet-top .sheet-spec .sheet-item .sheet-tit {display:block; position:absolute; top:0; left:0; bottom:0; text-align:center; width:58px; height:1.5em; background:var(--blue-color); border-radius:5px;}
.sheet-top .sheet-spec .sheet-item .sheet-tit + div {display:block; width: 58px;position:relative; margin:0 auto;}
.sheet-top .sheet-spec .sheet-item .sheet-tit strong {font-size:10px; color:#fff; font-weight:400;}
.sheet-top .sheet-spec .sheet-item input[type="text"],
.sheet-top .sheet-spec .sheet-item input[type="number"],
.sheet-top .sheet-spec .sheet-item > input {padding-top:20px; width:58px; height:40px; display:block; font-size:20px; text-align: center;}
.sheet-top .sheet-spec .sheet-item button{display:inline-block; position:relative; left:5px; top:7px; margin-left:2px;}
.sheet-top .sheet-spec .sheet-item select {height:20px !important; text-align:center; width:100%; font-size:10px; font-weight:800; color:#3c5750; padding:0 !important; background:transparent;}

.sheet-top-header .sheet-control {display:block; position:relative; text-align:center; margin-top:10px; margin-bottom:20px; color:#fff;}
.sheet-top-header .sheet-control > * {display:inline-block; position:relative; vertical-align:middle;}
.sheet-top-header .sheet-control > span {color:#fff;}
.sheet-top-header .sheet-control > span span {display:block; position:absolute; bottom:100%; left:0; right:0; text-align:center; font-size:10px; color:#fff; margin-bottom:2px; opacity:.7;}
.sheet-top-header .sheet-control input {height:20px !important; border-radius:9em !important; background:rgba(255,255,255,.2) !important; text-align:center; color:#fff !important;}
.sheet-top-header .sheet-control input.sheet-write-able {background:rgba(255,255,255,.4) !important;}
.sheet-top-header .sheet-control input.sheet-point {background:rgba(238,255,90,.2) !important; color:#fff !important; font-weight:800;}
.sheet-top-header .sheet-control strong {color:#fff; margin-right:5px;}
.sheet-top-header .sheet-control button {height:20px !important; border-radius:9em; background:#3c5750; color:#fff; font-size:11px !important; padding:0 5px !important; font-weight:100 !important; margin-left:5px; border:1px solid #a4a7a6;}
.sheet-top-header .sheet-control button + button {margin-left:0px;}

.sheet-san-box .sheet-graph-box .sheet-graph-input-box .sheet-med-box {width:206px; height:32px; vertical-align: middle; left:7px;}
.sheet-san-box .sheet-graph-box .sheet-graph-input-box .sheet-med-box > span {font-weight: 800; font-size: 10px; line-height: 16px; }
.sheet-san-box .sheet-graph-box .sheet-graph-input-box .sheet-med-box > button:nth-child(3) {position: relative; left:30px;}
.sheet-san-box .sheet-graph-box .sheet-graph-input-box .sheet-med-box > span:nth-child(2) {color:var(--orange-color); padding-left:16px;}
.sheet-san-box .sheet-graph-box .sheet-graph-input-box .sheet-med-box > span:nth-child(4) {color:var(--blue-color); padding-left:50px;}
.sheet-san-box div:nth-child(7) > div > input[type=text] {font-style: normal; font-weight: 800; font-size: 10px; line-height: 12px; text-align: center; color: #737373;  background:transparent; box-shadow: none;width:195px;}

/* 중간 : 스태이터스 */
.sheet-mid-header {display:block; position:relative; margin:7px 0; overflow:hidden; width:745px; height:200px; left:30px; top:140px;}
.sheet-mid-header > div {box-sizing:border-box; margin:3px 0; padding:5px 10px 10px;}
.sheet-mid-header .sheet-left {width: 226px; float:left;}
.sheet-mid-header .sheet-right {width:226px; float:right;}

.sheet-mid-header .sheet-tit {display:inline-block; position:relative; width: 200px; top:7px}
.sheet-mid-header .sheet-tit strong {color:var(--white-color); padding:0; font-size:10px; text-align: center;}

.sheet-mid-header .sheet-control {position:relative; width:200px; top:7px;}
.sheet-mid-header .sheet-control > div > input[type="checkbox"] {display:block; position:absolute; top:6px;}
.sheet-mid-header .sheet-control .sheet-contorl-right > input[type="checkbox"] {left:185px;}
.sheet-mid-header .sheet-control .sheet-checkbox-area {content:""; width:24px; height:25px; transform:translateY(-50%); -webit-transform:translateY(-50%); background:url('https://i.imgur.com/sh6t38k.png') no-repeat left 5px top 50%; opacity:1 !important; z-index:1;}
.sheet-mid-header .sheet-control .sheet-checkbox-area:checked {background-position:right 7px top 50%;}
.sheet-mid-header .sheet-control .sheet-checkbox-area2 {content:""; width:24px; height:25px; transform:translateY(-50%); -webit-transform:translateY(-50%); background:url('https://i.imgur.com/J62k32B.png') no-repeat left 5px top 50%; opacity:1 !important; z-index:1;}
.sheet-mid-header .sheet-control .sheet-checkbox-area2:checked {background-position:right 7px top 50%;}
.sheet-mid-header .sheet-control .sheet-contorl-right {width: 100px; float:right;}
.sheet-mid-header .sheet-control .sheet-contorl-left {width: 100px; float:left;}
.sheet-mid-header .sheet-control > div > span {color:var(--white-color); font-weight: 800; font-size: 10px; line-height: 12px;}
.sheet-mid-header .sheet-control .sheet-contorl-left > span {position:relative; left:20px;}
.sheet-mid-header .sheet-control .sheet-contorl-right > span {position:relative; right:13px; float:right; text-align: right;}

.sheet-graph-box {display:table; width:100%; table-layout:fixed; padding-top:5px;}
.sheet-graph-box > * {display:table-cell; vertical-align:middle;}
.sheet-graph-box .sheet-graph-input-box {position: relative; top:5px; padding-left:5px; width:205px; height: 32px; background: var(--white-color);box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 11px !important;}

.sheet-graph-box .sheet-graph-input-box > * {display:inline-block; vertical-align:middle;}
.sheet-graph-box .sheet-graph-input-box input[type="text"],
.sheet-graph-box .sheet-graph-input-box input[type="number"] {color: var(--orange-color); font-weight: 800; width:95px; height:23px; text-align:center; background: #E7E7E7; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 11px !important;}
.sheet-graph-box .sheet-graph-input-box input[type="number"]::placeholder {color: var(--orange-color);}
.sheet-graph-box .sheet-graph-input-box .sheet-max {background: none !important; box-shadow: none !important; color: var(--blue-color) !important;}
.sheet-graph-box .sheet-graph-input-box .sheet-max::placeholder{color: var(--blue-color) !important;}

.sheet-graph-box .sheet-other-box {width:140px; padding-right:5px;}
.sheet-graph-box .sheet-other-box input[type="text"],
.sheet-graph-box .sheet-other-box input[type="number"] {text-align:center; font-size:1.2em; font-weight:800; }
.sheet-graph-box .sheet-ohter-control button {font-size:12px !important; border-radius:0 !important; width:100%; height:30px;} 

.sheet-left .sheet-lcuk-box .sheet-graph-box .sheet-graph-input-box > input[type="number"] {width: 85px;}
.sheet-left .sheet-lcuk-box .sheet-graph-box .sheet-graph-input-box > input.sheet-max {width: 55px;}

.sheet-san-box .sheet-graph-box .sheet-graph-input-box {width:180px;}
.sheet-san-box .sheet-graph-box .sheet-graph-input-box > input[type="number"],
.sheet-san-box .sheet-graph-box .sheet-graph-input-box > input[type="number"]::placeholder {color:var(--blue-color); width: 50px;}
.sheet-san-box .sheet-graph-box .sheet-graph-input-box > input.sheet-max,
.sheet-san-box .sheet-graph-box .sheet-graph-input-box > input.sheet-threst,
.sheet-san-box .sheet-graph-box .sheet-graph-input-box > input.sheet-max::placeholder,
.sheet-san-box .sheet-graph-box .sheet-graph-input-box > input.sheet-threst::placeholder {width: 30px;background:transparent; box-shadow:none; color:var(--orange-color) !important;}
.sheet-san-box .sheet-graph-box input.sheet-start,
.sheet-san-box .sheet-graph-box input.sheet-start::placeholder {color:#fff; font-size: 10px; line-height: 16px; padding-top:10px; text-align: center; overflow:visible;}
.sheet-view-menu {display:table; width:100%; table-layout:fixed; overflow:hidden; margin-bottom:20px;}
.sheet-view-menu > * {display:table-cell; vertical-align:middle;}
.sheet-view-menu > * + * {text-align:right;}

.sheet-dice-setting {padding-left:1em;}
.sheet-dice-setting > div {height:37px; line-height:37px;}
.sheet-dice-setting .sheet-dice-check {display:block; position:relative; float:left; height:37px; line-height:37px;}
.sheet-dice-setting .sheet-dice-check > span {display:block; position:relative; padding:0 .8em; color:#414141; opacity:.5; z-index:0;}
.sheet-dice-setting .sheet-dice-check > span:before {content:""; display:block; position:absolute; top:-10px; left:50%; border:6px solid transparent; border-bottom-width:0; border-top-color:#3c5750; transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:0; transition:.3s all; -webkit-transition:.3s all;}
.sheet-dice-setting .sheet-dice-check > input[type="radio"] {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.sheet-dice-setting .sheet-dice-check > input[type="radio"]:checked + span {opacity:1; color:#3c5750; font-weight:800;}
.sheet-dice-setting .sheet-dice-check > input[type="radio"]:checked + span:before {top:0; opacity:1;}

.sheet-dice-setting .sheet-free-dice {float:right;}
.sheet-dice-setting .sheet-free-dice > * {float:left;}
.sheet-dice-setting .sheet-free-dice > span {padding-right:10px;}
.sheet-dice-setting .sheet-free-dice > input[type="text"] {width:80px !important; height:25px !important; text-align:center; margin:6px 0; border-radius:9em; background:rgba(60,87,80,.2);}
.sheet-dice-setting .sheet-free-dice .sheet-dice {height:37px !important; width:30px !important;}

.sheet-toggle-menu {width:30%;}
.sheet-toggle-menu div {display:block; position:relative; height:24px; z-index:0;}
.sheet-toggle-menu div:before {content:""; display:block; position:absolute; top:0; bottom:0; border-radius:9em; width:33.33%; background:#3c5750; transition:.3s all; -webkit-transition:.3s all;}
.sheet-toggle-menu div > * {display:block; position:absolute; width:33.33% !important; height:24px !important; line-height:24px; text-align:center; transition:.3s all; -webkit-transition:.3s all;}
.sheet-toggle-menu div span {z-index:0;}
.sheet-toggle-menu div input[type="radio"] {z-index:2;}
.sheet-toggle-menu div input[type="radio"]:checked + span {color:#fff;}
.sheet-toggle-menu div .sheet-view-def {left:0 !important;}
.sheet-toggle-menu div .sheet-view-att {left:33.33% !important;}
.sheet-toggle-menu div .sheet-view-bak {left:66.66% !important;}



.charsheet .sheet-specs-wrap {position: relative; width: 800px; height: 823px; left: 20px; top:65px; background:url('https://i.imgur.com/ZDJDllg.png') no-repeat;}
.charsheet .sheet-chk-edit,
.charsheet .sheet-chk-edit-label {display:block; position:absolute; width:75px; height:15px !important; top:0 !important; right:20px; left:auto !important;}
.charsheet .sheet-chk-edit-label span {display:block; float:left; margin-right:3px; color:rgba(60,87,80,1); font-weight:600;}
.charsheet .sheet-chk-edit {z-index:2;}
.charsheet .sheet-chk-edit-label {z-index:0; opacity:.8;}
.charsheet .sheet-chk-edit-label strong {display:block; position:relative; float:right; width:40px; height:11px; border-radius:9em; overflow:hidden; background:rgba(60,87,80,.3); margin-top:3px;}
.charsheet .sheet-chk-edit-label strong:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:60%; border-radius:9em; background:rgba(60,87,80,1); transition:.3s all; -webkit-transition:.3s all;}
.charsheet .sheet-chk-edit:checked + .sheet-chk-edit-label {opacity:1;}
.charsheet .sheet-chk-edit:checked + .sheet-chk-edit-label strong:before {left:40%;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-spec-item .sheet-edit {display:block !important;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-spec-item .sheet-read {display:none !important;}

.charsheet .sheet-chk-edit ~ * .sheet-group .repcontrol {display:none !important;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-group .repcontrol {display:block !important; margin-top:5px !important;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-group .sheet-w-txt > input[type="text"] {border-bottom:1px solid rgba(0,0,0,.5);}

.charsheet .sheet-group .sheet-w-txt > input[type="text"] {font-size:11px; color:#0f0f10; padding:10px;}

.charsheet .sheet-spec-list {display:block; position:relative; overflow:hidden; padding:75px 7px 0 0; width:770px; height:790px;}
.charsheet .sheet-spec-list .sheet-group {display:block; position:relative; width:33.33%; padding:0 25px; float:left; border-right:1px solid rgba(60,87,80,.2);}
.charsheet .sheet-spec-list .sheet-group.last {border:none;}

.charsheet .sheet-spec-item {display:block; position:relative; padding: 0px 30px 8px; min-height: 32px;}
.charsheet .sheet-spec-item .sheet-chk-spec, .sheet-table .sheet-row .sheet-check .sheet-chk-spec {display:block; position:absolute; left:0; width:24px; height:25px !important; top:50% !important; transform:translateY(-50%); -webit-transform:translateY(-50%); background:url('https://i.imgur.com/sh6t38k.png') no-repeat left 5px top 50%; opacity:1 !important; z-index:1;}
.charsheet .sheet-spec-item .sheet-chk-spec:checked, .sheet-table .sheet-row .sheet-check .sheet-chk-spec:checked {background-position:right 7px top 50%;}
.charsheet .sheet-spec-item .sheet-name {display:block; position:relative; width: 207px; height: 32px; background: var(--white-color); box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 11px;line-height:30px; z-index:0; font-size:13px; }
.charsheet .sheet-spec-item .sheet-name p,
.charsheet .sheet-spec-item .sheet-name input {display:block; position:relative; line-height:12px; color:var(--blue-color); font-size: 11px; font-weight:800; padding: 10px}


.charsheet .sheet-spec-item .sheet-name .sheet-read,
.charsheet .sheet-spec-item .sheet-name .sheet-read button {display:block; position:relative; width:100%; height:100%;}
.charsheet .sheet-spec-item .sheet-grade {display:block; position:absolute; right:25px; top:1px; width:40px; bottom:0; z-index:1;}
.charsheet .sheet-spec-item .sheet-grade > input[type="number"] {display:block; position:absolute; top:5px; right:0; left:0; width:100%; height:20px; border-radius:9em !important; background:rgba(60,87,80,.15); text-align:center; color:var(--orange-color);}
.charsheet .sheet-spec-item .sheet-rolls { position: absolute; right: -25px; top: 7px; display: flex; gap: 4px;}
.charsheet .sheet-spec-item .sheet-name .sheet-w-txt {display:block; position:relative; padding-right:40px;}
.charsheet .sheet-spec-item .sheet-name .sheet-w-txt span {display:block; position:absolute; top:0; right:0; bottom:0; width:40px;}



.sheet-fight-box {display:block; overflow:hidden; position:absolute; left:267px; top: 500px;width: 267px; height:89px; }
.sheet-fight-box .sheet-item {display:block; position:relative; width:125px; height:41px; float:left; box-sizing:border-box; margin:0 .3%; padding-left:7em;}
.sheet-fight-box .sheet-item .sheet-tit {display:block; position:absolute; top:0; left:7px; bottom:0; width:125px; line-height:30px; text-align:center; z-index:0;}
.sheet-fight-box .sheet-item .sheet-tit.sheet-full {width:100%;}
.sheet-fight-box .sheet-item .sheet-tit + div {display:block; position:relative; width:120px; height:40px; top:30px; right:60px; background:var(--white-color); box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 11px;}
.sheet-fight-box .sheet-item .sheet-tit strong {line-height:35px; font-size:12px; color:#fff; font-weight:400;}
.sheet-fight-box .sheet-item input[type="text"],
.sheet-fight-box .sheet-item input[type="number"],
.sheet-fight-box .sheet-item select {height:40px !important; text-align:center; width:100%; font-size:11px; font-weight:800; color:var(--orange-color); padding:0 !important; background:transparent;}
.sheet-fight-box .sheet-item input[type="text"] {color:var(--blue-color);}


.charsheet .sheet-table {display:block; position:relative; background:url('https://i.imgur.com/1lPJY5t.png') no-repeat; width:800px; left:20px; height:285px; top:105px; padding:65px 27px 0;}
.charsheet .sheet-table + .sheet-table {margin-top:15px;}
.charsheet .sheet-table select {background-size:10px auto; background-position:top 50% right 10px;}
.charsheet .sheet-table .sheet-header {display:table; width:100%; overflow:hidden; height:30px; margin:0 0; padding:0;}
.charsheet .sheet-table .sheet-header > *,
.charsheet .sheet-table .sheet-row > * {display:table-cell; position:relative; vertical-align:middle;}
.charsheet .sheet-table .sheet-row > * {padding:5px 0px;}
.charsheet .sheet-table .sheet-row > * > * {text-align:center;}
.charsheet .sheet-table .sheet-row {display:table; width:100%; position:relative; margin:0; border-bottom:0;}
.charsheet .sheet-table .sheet-row:before {  content:""; position:absolute; left:30px; right:18px; top:50%; height:32px; transform:translateY(-50%); background:var(--white-color); box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius:11px; z-index:0;}
.charsheet .sheet-table .sheet-row > div > input {color:var(--blue-color);}

.charsheet .sheet-table .sheet-weapon input[type="text"],
.charsheet .sheet-table .sheet-func select,
.charsheet .sheet-table .sheet-row > div > input {line-height:23px; font-size:10px; font-weight:800; padding:0 10px; color:var(--blue-color); text-align:left;}

.charsheet .sheet-table .sheet-header > * {line-height:30px; height:30px; color:#fff; font-weight:600; font-size:13px;}
.charsheet .sheet-table .sheet-family-data {display:none;}
.charsheet .sheet-table .sheet-dic > button {width:30px !important; height:30px !important; top:5px !important; left:2px !important; opacity:1 !important;}
.charsheet .sheet-table .sheet-name > input {text-align:center; font-size:13px; height:30px;}
.charsheet .sheet-table .sheet-effect > input {font-size:12px; height:30px;}
.charsheet .sheet-table .sheet-func > * {text-align:center; text-align-last:center; padding-right:15px !important; padding-left:5px !important;}
.charsheet .sheet-table .sheet-dam > * {display:block; width:40% !important; float:left;}
.charsheet .sheet-table .sheet-dam > * + * {width:60% !important;}
.charsheet .sheet-table .sheet-name {width:20%;}
.charsheet .sheet-table .sheet-effect {width:80%;}
.charsheet .sheet-table .sheet-dic {width:35px;}
.charsheet .sheet-table .sheet-weapon {padding-left:30px;}
.charsheet .sheet-table .sheet-func {width:130px;}
.charsheet .sheet-table .sheet-dam {width:110px;}
.charsheet .sheet-table .sheet-dir {width:55px;}
.charsheet .sheet-table .sheet-count {width:55px;}
.charsheet .sheet-table .sheet-bullet {width:55px;}
.charsheet .sheet-table .sheet-fix {width:60px;}
.charsheet .sheet-table .sheet-pice {width:80px;}
.charsheet .sheet-table .sheet-def {width:100px;}
.charsheet .sheet-table .sheet-desc {width:395px;}
.charsheet .sheet-table .sheet-flag {width:35px; text-align:center;}
.charsheet .sheet-table .sheet-flag > input[type="checkbox"] {position:relative !important; width:20px !important; height:20px !important; background:url(https://i.imgur.com/1Y9WTdS.png) no-repeat 50% 50%; opacity:1; margin:0 auto;}
.charsheet .sheet-table .sheet-time {width:130px;}
.charsheet .sheet-table .sheet-cost {width:280px;}
.charsheet .sheet-table .sheet-flag-chkecked ~ .sheet-magic-desc {display:none; border-bottom:1px solid rgb(60 87 80 / 20%); padding-left:17px;}
.charsheet .sheet-table .sheet-flag-chkecked ~ .sheet-magic-desc textarea {display:block; position:relative; height:100px; padding:15px; box-sizing:border-box; border-left:1px solid rgb(60 87 80 / 20%);}
.charsheet .sheet-table .sheet-flag-chkecked[value="1"] ~ .sheet-magic-desc {display:block;}
.charsheet .sheet-table .sheet-dam > * {  display:block;  float:left;}

.charsheet .sheet-table .sheet-dam > *:first-child {width:40%;}
.charsheet .sheet-table .sheet-dam > *:last-child  {width:60%;}

.charsheet .sheet-table .sheet-dam input[type="text"],
.charsheet .sheet-table .sheet-dam select,
.charsheet .sheet-table .sheet-count input[type="text"]{width:45px !important; margin:0 auto; height:23px; line-height:23px; border-radius:11px !important;  border:none;  background:#E7E7E7; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1);  font-size:10px; font-weight:800; padding:0 4px; text-align:center;}

.charsheet .sheet-table input[name="attr_weapon_damage"],
.charsheet .sheet-table .sheet-dir input[type="text"],
.charsheet .sheet-table .sheet-count input[type="text"],
.charsheet .sheet-table .sheet-bullet input[type="text"],
.charsheet .sheet-table .sheet-fix input[type="text"]{color:var(--blue-color);}

.charsheet .sheet-table select[name="attr_weapon_db"]{color:var(--orange-color);}
.charsheet .sheet-table input[readonly] {cursor: text;}


.charsheet .sheet-backs-group {overflow:hidden;}
.charsheet .sheet-backs-group .sheet-backs {display:block; position:relative; width:50%; padding:10px 15px; float:left;}
.charsheet .sheet-backs-group ~ .sheet-sub-title {margin-left:15px;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap {display:block; position:relative; overflow:hidden;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap .sheet-cols {display:block; position:relative; padding:0 5px;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap .sheet-cols + .sheet-cols {margin-top:10px;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap .sheet-cols textarea {display:block; position:relative; height:60px;}
.charsheet .sheet-backs-group .sheet-rows {display:block; position:relative; padding-left:60px; height:30px; line-height:30px; margin-bottom:5px;}
.charsheet .sheet-backs-group .sheet-rows strong {display:block; position:absolute; top:0; left:0; width:50px;}
.charsheet .sheet-backs-group .sheet-rows span {display:block; position:relative; height:30px;}
.charsheet .sheet-backs-group .sheet-txt {clear:both;}
.charsheet .sheet-backs-group .sheet-txt textarea {height:105px; padding:0 !important; line-height:21px; border-bottom:1px solid rgb(60 87 80 / 20%);	background-attachment: local;	background-image:repeating-linear-gradient(white, white 20px, rgb(60 87 80 / 20%) 20px, rgb(60 87 80 / 20%) 21px, white 21px);}
.charsheet .sheet-backs-group .sheet-txt input[type="text"] {height:21px !important; border-bottom:1px solid rgb(60 87 80 / 20%);}
.charsheet .sheet-backs-group .sheet-tit {display:inline-block; position:relative; line-height:30px; margin-bottom:10px;}
.charsheet .sheet-backs-group .sheet-tit strong {border-bottom:1px solid #3c5750; color:#000; padding:0; font-size:1.1em; min-width:3em;}
.charsheet .sheet-backs-group .sheet-tit-both {overflow:hidden;}
.charsheet .sheet-backs-group .sheet-title-text {display:block; position:relative; padding-left:60px; width:49%; box-sizing:border-box; float:left;}
.charsheet .sheet-backs-group .sheet-title-text + .sheet-title-text {float:right;}
.charsheet .sheet-backs-group .sheet-title-text strong {display:block; position:absolute; top:0; left:0; height:21px; line-height:21px; text-align:center; color:#fff; background:#3c5750; width:55px; border-top:1px solid #fff; box-sizing:border-box; overflow:hidden; font-weight:100;}
.charsheet .sheet-backs-wrap textarea {background:rgb(60 87 80 / 20%); border-radius:10px !important; padding:10px; line-height:1.5; font-size:12px;}
.charsheet .sheet-backs-wrap input[type="text"] {background:rgb(60 87 80 / 20%); border-radius:10px !important; padding:0 10px !important; line-height:1.5; font-size:12px;}
.charsheet .sheet-memo-wrap textarea {background:rgba(0,0,0,.1); border-radius:10px !important; min-height:600px; padding:10px; line-height:1.5; font-size:12px;}

.sheet-copyright {position: absolute; width: 342px; height: 14px; left:250px; top: 2080px; font-size: 10px; text-align:center; line-height: 14px; color: #fff !important;}


.sheet-rolltemplate-coc {border-radius: 10px; position:relative; overflow:hidden; z-index:0; width:264px;}
.sheet-rolltemplate-coc .sheet-bg-outer {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-2; background: url('https://i.imgur.com/H1uX65s.png'), url('https://i.imgur.com/2TLbN0x.png') no-repeat, #FFED4E; background-position-x:center; pointer-events:none;}
.sheet-rolltemplate-coc .sheet-bg-bottom-outer {display:block; position:absolute; top:120px; left:0; right:0; bottom:0; z-index:-1; background: url('https://i.imgur.com/nSIAS8c.png'), #0F8895; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; pointer-events:none;}
.sheet-rolltemplate-coc * {font-style: normal; font-weight: 800; font-size: 10px; line-height: 12px; text-align: center; color: #949494;}
.sheet-rolltemplate-coc .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}
.sheet-rolltemplate-coc .sheet-coc-wrap {position:relative; padding:25px 15px 15px; min-height:100px; font-size:12px; text-align:center; box-sizing:border-box; z-index: 0;}
.sheet-rolltemplate-coc .sheet-bg-top {position:absolute; top:17px; left:50%; transform:translateX(-50%); width:254px; height:130px; background-image:url("https://i.imgur.com/6Yef5nM.png"); background-repeat:no-repeat; background-position:center top; background-size:100% 100%; z-index:-1; pointer-events:none;}
.sheet-rolltemplate-coc .sheet-bg-bottom {position:absolute; left:50%; transform:translateX(-50%); width:254px; top:100px; bottom:7px; background:#e4e4e4; border-radius:11px; z-index:-1; pointer-events:none;}
.sheet-rolltemplate-coc .sheet-tit {display:block; position:relative; text-align:center; z-index:1; top: -8px;}
.sheet-rolltemplate-coc .sheet-wrap-single {display:table; width:100%; height:50px;}
.sheet-rolltemplate-coc .sheet-wrap-single .sheet-tit {display:table-cell; vertical-align:middle; margin-bottom:0; padding-bottom:0; background:transparent; }

.sheet-rolltemplate-coc .sheet-tit strong {padding: 2px 10px; min-width:70px; height:14px; width: fit-content; display: inline-block; position:relative; font-style: normal; font-size: 11px; line-height: 14px; text-align: center; color: #F5F5F5; letter-spacing: 0.31em; background: #0F8895; border-radius: 5px; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));}
.sheet-rolltemplate-coc .sheet-tit span {display:block; position:relative; font-size:10px; font-style:normal; line-height:10px; padding-top:15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-result {  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto;  width: 163px;  height: 30px;  box-sizing: border-box;  background: #FFFFFF;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.05);  border-radius: 15px;  font-size: 12px;  font-weight: bold;  color: #0F8895;  white-space: nowrap;  z-index: 0;}
.sheet-rolltemplate-coc .sheet-coc-wrap .sheet-dice-result * {color:#0F8895 !important;}

.sheet-rolltemplate-coc .sheet-dice-con {  display: grid;  grid-template-columns: 70px 1fr;  row-gap: 10px;  align-items: center;}

.sheet-rolltemplate-coc .sheet-dice-con > span:first-child {  display: flex;  justify-content: center;  align-items: center;  text-align: center;  width: 100%;  height: 30px;  line-height: 30px;}
.sheet-rolltemplate-coc .sheet-dice-result.sheet-triplet {  display: flex;  align-items: center;  justify-content: space-between;  width: 163px;  height: 30px;  padding: 0 25px;  box-sizing: border-box;  background: #FFFFFF;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.05);  border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-result.sheet-triplet .sheet-33 {  display: flex;  align-items: center;  justify-content: center;  font-size: 12px;  font-weight: bold;  color: #00A0A0;  width: 15px;}

.sheet-rolltemplate-coc .sheet-dice-result .inlinerollresult {  background: transparent;  border: none;  padding: 0;}

.sheet-rolltemplate-coc .sheet-dice-result.sheet-triplet .sheet-33:nth-child(2) {  width: 46px;  height: 20px;  background: #F5F5F5;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1);  border-radius: 11px;}
.sheet-rolltemplate-coc .sheet-dice-result.sheet-triplet .sheet-33:nth-child(2) > span {  color: #FF7F2A !important;  font-weight: bold;
}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec {display:block; position:relative; margin-right:0; text-align:center; margin-bottom:10px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec > span {display:inline-block; vertical-align:middle; margin:0 .3em; height:20px; line-height:20px; border-radius:100%; color:#0F8895;; font-size:11px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec > span * {color:#0F8895 !important; font-size:10px; font-weight:800; line-height: 12px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec > span:nth-child(2) * {color: #F96930 !important;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result {display:block; position:relative;  margin-right:0; padding-top:15px; text-align:center; grid-column: 1 / -1;}
.sheet-rolltemplate-coc .sheet-dice-con * + .sheet-result {padding-top:0;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result > span {display:block; position:relative; height:36px; line-height:36px; text-align:center; color:#0F8895; background: rgb(0,0,0); background: linear-gradient(-97deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); }
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-fumble {background:#FF0000; color:#fff !important; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-fale {background:#737373; color:#fff !important; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-success {background:#0F8895; color:#fff !important; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-hard-success {background:rgb(82,153,78); color:#fff !important; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-extreme-success {background:rgb(62,192,181); color:#fff !important; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-critical {background:#00FF00; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dicetype {display:block; position:relative; margin-right:0; text-align:center; font-size:12px; line-height:30px; height:30px; margin-bottom:10px; font-weight:800;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dicetype em {font-style:normal;}
.sheet-rolltemplate-coc .sheet-dice-list {display:table; width:100%; padding:20px 0 0; table-layout:fixed;}
.sheet-rolltemplate-coc .sheet-dice-list > div {display:table-cell; text-align:center; vertical-align:middle; padding:0; font-size:15px;}
.sheet-rolltemplate-coc .sheet-dice-list > div.sheet-50 {width:50%;}
.sheet-rolltemplate-coc .sheet-dice-list > div.sheet-33 {width:33.33%;}
.sheet-rolltemplate-coc .sheet-dice-list > div + div {border-left:1px solid rgba(0,0,0,.1);}
.sheet-rolltemplate-coc .sheet-dice-list .inlinerollresult {font-weight:600;}

.sheet-rolltemplate-coc .sheet-desc {display:block; position:relative; text-align:center; padding-top:10px; margin-top:15px;}
.sheet-rolltemplate-coc .sheet-tit + .sheet-desc,
.sheet-rolltemplate-coc .sheet-dice-con + .sheet-desc {padding-top:0; background:transparent; margin-top:0;}
.sheet-rolltemplate-coc .sheet-dice-list + .sheet-desc {margin-top:15px !important;}
.sheet-rolltemplate-coc .sheet-desc-inner {display:block; position:relative; font-size:12px; line-height:1.5; font-weight:400; z-index:0; word-break:keep-all;}
.sheet-rolltemplate-coc .sheet-desc-inner > p {padding-top:15px;}

.sheet-rolltemplate-coc .sheet-desc .sheet-desc-tit {display:block; position:relative; text-align:center; font-size:10px; font-weight:800;  color:#0F8895;width: 224px;height: 30px;line-height: 30px;background: #FFFFFF;box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.05);border-radius: 15px;margin:auto;}
.sheet-rolltemplate-coc .sheet-desc .sheet-desc-bot {  display: flex;   align-items: center;  justify-content: center;  width: 224px;  height: 30px;  margin: 5px auto;  background: #FFFFFF;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.05);  border-radius: 15px;  color:#0F8895;  line-height: 1;}

.sheet-rolltemplate-coc .sheet-desc .sheet-desc-bot strong {  display: flex;  align-items: center;  justify-content: center;  width: 46px;  height: 20px;  margin: 0 10px;  background: #F5F5F5;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1);  border-radius: 11px;  color:#F96930;}
.sheet-rolltemplate-coc  .sheet-damage-row {  padding-top:10px;}

.sheet-rolltemplate-coc .sheet-desc .sheet-desc-bot strong > span {  color:#F96930 !important;}
.sheet-rolltemplate-coc .sheet-desc p {font-size:12px; font-weight:400; word-break:keep-all;}
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt {margin-top:0;}
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt .sheet-desc-inner {padding:10px;}
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt:before,
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt:after {display:none;}
.sheet-rolltemplate-coc .sheet-side-tit {display:inline-block; vertical-align:middle; border-radius:9em; line-height:25px; padding:0 10px; font-weight:400; margin:5px 2px;}

.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt span strong {  display: inline-flex;  align-items: center;  justify-content: center;  width: 163px;  height: 30px;  padding: 0 10px;  background: #FFFFFF;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.05);  border-radius: 12px;  font-size: 12px !important;  font-weight: bold;  color: #0F8895 !important;  margin-left: 4px; }

.sheet-rolltemplate-coc .sheet-desc .sheet-time,
.sheet-rolltemplate-coc .sheet-desc .sheet-cost {text-align:left; margin:5px 0; padding:0 10px;}
.sheet-rolltemplate-coc .sheet-desc .sheet-time:before {content:"시전시간";font-weight:800; padding-right:1em;}
.sheet-rolltemplate-coc .sheet-desc .sheet-cost:before {content:"비용"; font-weight:800; padding-right:1em;}

.sheet-rolltemplate-coc .sheet-desc .sheet-time,
.sheet-rolltemplate-coc .sheet-desc .sheet-cost {margin-top:15px;} 
.sheet-rolltemplate-coc .sheet-desc .sheet-time + .sheet-cost {margin-top:5px;}

.sheet-rolltemplate-coc .sheet-body {font-size:10px;}
.sheet-rolltemplate-coc .sheet-body em {font-style:normal;}
.sheet-rolltemplate-coc .sheet-dice-list + .sheet-dice-con {  margin-top: 10px;}
.sheet-rolltemplate-coc .sheet-judge-list {  display: flex;  flex-direction: column;  row-gap: 5px;  padding-top:10px;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row {  display: grid;  grid-template-columns: auto 1fr;  column-gap: 20px;  align-items: center;  padding-bottom: 0;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row .sheet-mod {  text-align: right;  min-width: 24px;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row .sheet-judge {  display: flex;  align-items: center;  justify-content: center;  box-sizing: border-box;  width: 190px;  height: 36px;  padding: 0 10px;  text-align: center; line-height: 1.4;  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1);  border-radius: 15px;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row:nth-child(1) .sheet-judge {background: #dff0d8;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row:nth-child(2) .sheet-judge {background: #d9edf7;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row:nth-child(3) .sheet-judge {background: #d3d3d3;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row:nth-child(4) .sheet-judge {background: #fcf8e3;}
.sheet-rolltemplate-coc .sheet-judge-list .sheet-judge-row:nth-child(5) .sheet-judge {background: #f2dede;}
.sheet-rolltemplate-coc .sheet-dice-list {  display: none !important;}