.mastery-info{margin:10px;text-align:center;color:#b34543}.textbox-mastery{background:var(--color-sub);color:var(--color5);border:1px solid var(--color4);outline:0;width:200px!important}button.add-custom-skill{margin-bottom:10px}label.mastery-label{font-size:var(--font-size-s-md);color:var(--color12);margin-top:10px;margin-bottom:5px;font-family:var(--font2)}#class-bonus-message{margin-top:20px;text-align:center;color:var(--color12)}.class-circle img.class-icon{display:block;transition:all 1s ease;opacity:0.5}.class-circle img.class-icon:hover{display:block;transition:all 1s ease;opacity:1}.char-tab-biography p::first-letter{font-family:var(--font1);font-size:var(--font-size-md);margin-right:0px;padding-right:1px;line-height:1;color:var(--color1);margin-left:15px}.char_label_h2{font-size:var(--font-size-md);font-family:var(--font2);color:var(--color1);text-align:center;margin-bottom:10px}a.sceditor-button.sceditor-button-email{display:none}a.sceditor-button.sceditor-button-emoticon{display:none}.mastery-view{margin-top:30px}.mastery-view .h14{font-size:var(--font-size-md);font-family:var(--font2);transition:color 0.3s ease;margin-top:10px}.master-skills-list{display:block}.master-skills-list.visible{display:block}.master-skill{padding:2px;font-size:var(--font-size-sd)}.master-skill-special{display:flex;padding:2px;font-size:var(--font-size-sd)}#main-line-special-kp{border-top:1px solid var(--color1);width:auto;display:block;margin-bottom:20px}#main-line-kp{width:auto;display:block;margin-bottom:10px;border-top:1px solid var(--color1)}#main-line-kp::before{content:attr(data-level);background:var(--color1);color:var(--color3);font-size:12px;text-transform:uppercase;margin-top:0;padding:1px 20px;z-index:1;border-radius:0 0 10px 10px}.char-class-stats-image{display:grid;grid-auto-flow:column;grid-template-columns:35% 30% 35%;grid-template-rows:auto;align-items:center;margin-bottom:20px;margin-top:10px}.row-stats{text-align:center}.row-stats .cell{font-size:var(--font-size-md)}.row-stats .cell1{color:var(--color1);font-size:var(--font-size-sd);text-transform:uppercase}.row-image{grid-column:2;grid-row:1;text-align:center}.char-class-image-pic{width:100px;height:100px;border-radius:50%;opacity:0.5;border:1px solid var(--color2)}.future{display:none}.grid-container{display:grid;grid-template-columns:15% 70% 15%;transition:grid-template-columns 0.5s ease;height:auto;height:600px;overflow:hidden;font-size:var(--font-size-sd)}.op-sidebar{background-color:var(--color4);display:flex;position:relative;align-items:center;justify-content:center;cursor:pointer;transition:all 0.5s ease;padding:20px;height:560px}.op-center{display:flex;position:relative;align-items:center;justify-content:center;transition:all 0.5s ease;cursor:pointer;padding:20px;transition:all 0.5s ease;padding:20px;height:560px;text-align:center}.op-text-right{position:relative;writing-mode:vertical-rl;text-orientation:upright;font-size:var(--font-size-lg);font-family:var(--font2);text-transform:uppercase;color:var(--color1);letter-spacing:0.2em}.rotate-in{transform:rotateY(360deg);opacity:1;transition:transform 2.5s ease,opacity 2.5s ease}.rotate-out{opacity:0.2;transition:transform 1.5s ease,opacity 1.5s ease}.op-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.op-inside{opacity:0;pointer-events:none;transition:opacity 0.5s ease;width:100%}.op-inside.visible{opacity:1;pointer-events:auto;transition:opacity 2.5s ease}.op-label{font-size:var(--font-size-s-md);text-transform:uppercase;color:var(--color1);margin-bottom:3px}.op-answer{margin-bottom:10px}.main-frame-title{font-size:var(--font-size-md);text-align:left;border-bottom:1px solid var(--color1);font-family:var(--font2)}hr{background-color:var(--color1)!important}strong{}.char_icon{position:relative;z-index:1;opacity:0.3}.char_icon .tele{position:absolute;right:0px;top:-3px;background-image:url(/images/ver.1/icon/flag_teleport.png);background-size:contain;width:50px;height:76px}.char_icon .lic{position:absolute;right:55px;top:-3px;background-image:url(/images/ver.1/icon/flag_lic.png);background-size:contain;width:50px;height:76px}.custom-table{display:flex;flex-direction:column;width:100%;margin-bottom:20px;background-color:var(--color4)}.row{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding-top:8px}.row2{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-bottom:1px solid var(--color1);padding-bottom:8px}.row .cell{text-align:center;font-size:var(--font-size-s-md)}.row2 .cell{text-align:center;font-size:var(--font-size-s);color:var(--color1);text-transform:uppercase}.timeline-box{position:relative;margin:150px auto;padding:20px 0;width:100%;max-width:700px}.timeline-box::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:var(--color1)}.timeline-entry{position:relative;width:50%;padding:10px 20px;box-sizing:border-box}.timeline-entry::after{content:'';position:absolute;bottom:0;height:2px;width:0;background-color:var(--color1);transition:width 0.4s ease}.timeline-entry:nth-child(even)::after{left:0}.timeline-entry:nth-child(even):hover::after{width:100%}.timeline-entry:nth-child(odd)::after{right:0}.timeline-entry:nth-child(odd):hover::after{width:100%}.timeline-entry:nth-child(odd){left:0;text-align:right;padding:10px 10px 10px 0}.timeline-entry:nth-child(even){left:50%;text-align:left;padding:10px 0 10px 10px}.timeline-dot{width:12px;height:12px;background-color:var(--color5);border-radius:50%;position:absolute;top:1em;transform:translateX(-50%);cursor:pointer;transition:color 0.3s ease}.timeline-entry:nth-child(even) .timeline-dot{left:0;transform:translateX(-50%)}.timeline-entry:nth-child(odd) .timeline-dot{left:100%;transform:translateX(-50%)}.timeline-dot:hover{background-color:var(--color1);box-shadow:0 0 2px 2px var(--color5);transform:translateX(-50%) scale(1.3)}.timeline-year{font-size:var(--font-size-md);font-family:var(--font2);cursor:pointer;transition:color 0.3s ease}.timeline-text{transition:color 0.3s ease;cursor:pointer}.timeline-entry:hover .timeline-year,.timeline-entry:hover .timeline-text{color:var(--color1)}#char-sheet-container{width:95%;display:flex;gap:20px;margin-bottom:40px;background-color:var(--color4);border:1px solid var(--color1);padding:20px;box-sizing:border-box;margin:auto;margin-top:20px;margin-bottom:30px}.char-tab-biography{text-align:justify;margin:0px 20px 20px 20px;font-family:var(--font4);line-height:20px}#char-sheet-container .left{width:200px;flex-shrink:0}#char-sheet-container .right{flex:1;min-width:300}.char-sheet-name{font-size:var(--font-size-lg);font-family:var(--font1);color:var(--color1);text-align:center;padding:20px;font-weight:700}.char-image{max-height:400px;width:100%;outline:1px solid var(--color6);outline-offset:5px;margin-bottom:10px;opacity:0.8;object-fit:cover}img.char-image[src=""],img.char-image:not([src]){display:none}.char_reser{text-align:center;font-size:var(--font-size-s);margin-bottom:20px}.char_box{margin:20px}.char_box_data{line-height:1.5;margin:20px}.char_box_title{font-size:var(--font-size-md);font-weight:700;text-align:center;width:100%;font-family:var(--font1);color:var(--color1);margin-bottom:10px}.char-tabs{width:100%;text-align:justify}.char-tab-buttons,.sub-tab-buttons{display:flex;justify-content:center;width:auto;border:2px solid var(--color6)}.char-tab-btn,.sub-tab-btn{flex:1;border:1px solid var(--color6);padding:10px;background:var(--color4);border-radius:0;cursor:pointer;font-size:var(--font-size-s-md);color:var(--color12);transition:background 0.3s;text-transform:uppercase}.sub-tab-btn{font-size:var(--font-size-sd)}.char-tab-btn:hover,.sub-tab-btn:hover{background:var(--color10)}.char-tab-btn.active,.sub-tab-btn.active{background:var(--color10)}.char-tab-content,.sub-tab-content{display:none;padding:10px 10px;background-color:var(--color6)}.char-tab-content.active,.sub-tab-content.active{display:block}.char-sheet-snake{width:300px;position:relative;margin:0 auto}.secound-column.mystery{margin:50px auto !important;position:sticky;text-align:center;top:150px;height:fit-content}.two-column{display:flex;width:100%;gap:20px}.two-column .first-column{flex:1;margin:auto}.two-column .secound-column{width:150px;margin:auto;text-align:center}#tab1 .two-column{margin:20px}#tab1 .two-column .secound-column,#tab1 .two-column .first-column{width:50%;text-align:left}.two-column .secound-column p{font-size:var(--font-size-md);color:var(--color5);font-family:var(--font2)}.secound-column .error,.secound-column .success,.secound-column .info{font-size:var(--font-size-s-md);border:none;border-radius:2px;padding:5px}.secound-column .error{background:#772a28}.secound-column .success{background:#486532}.secound-column .info{background:var(--color-bel)}.charset legend{font-size:1.2em;font-weight:bold;color:#333}.charset label{display:block;font-weight:bold;margin-top:10px;font-family:var(--font2);font-size:var(--font-size-s-md)}.charset input,.charset select,.charset textarea{padding:8px;margin-top:5px;font-size:var(--font-size-sd);width:500px}.charset select{width:517px!important}.charset textarea{height:80px;resize:vertical;background:var(--color-sub);color:var(--color5);border:1px solid var(--color4)}.charset select{cursor:pointer}.charset input:focus,textarea:focus,select:focus{border-color:var(--color12);outline:none}.mastery-section label{display:block}.custom-skill-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.custom-skill-row input[type="text"]{padding:8px;margin-top:5px;font-size:var(--font-size-sd);width:400px}.circle-levels{display:flex;gap:0.5rem;align-items:center}.circle-levels input[type="radio"]{display:none}.circle-levels label{width:20px;height:20px;border:1px solid var(--color2);border-radius:50%;display:inline-block;cursor:pointer;transition:background 0.2s ease}.circle-levels input[type="radio"]:checked + label{background:var(--color1)}#add-custom-skill{margin-top:1rem;padding:0.5rem 1rem;background:#eee;border:1px solid #ccc;cursor:pointer}.skill-name{flex:0 0 40%}.skill-level{flex:0 0 30%}.class-circle-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.class-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border:1px solid var(--color2);border-radius:50%;text-align:center;cursor:pointer;transition:all 0.3s ease;user-select:none;font-weight:bold;font-size:0.9rem;position:relative}.class-circle input[type="radio"]{display:none}.class-circle span{pointer-events:none}.class-circle input[type="radio"]:checked + span,.class-circle input[type="radio"]:checked ~ span{background-color:#486532;color:var(--color5);padding:0.2rem 0.5rem;border-radius:10px}