*{font-family:游ゴシック体,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.pw,.mfh,.mffh{display:flex;outline:1px solid rgba(255,255,255,.3);border-radius:5px;padding:8px;gap:8px;box-sizing:border-box;justify-content:center;align-items:center}.ph,.mfw,.mffv{display:flex;flex-direction:column;outline:1px solid rgba(255,255,255,.3);border-radius:5px;padding:8px;gap:8px;box-sizing:border-box;justify-content:center;align-items:center}.tfs{display:flex;outline:1px solid rgba(255,255,255,.2);border-radius:5px;padding:8px;gap:8px;box-sizing:border-box;justify-content:flex-start;align-items:center}.tfe{display:flex;outline:1px solid rgba(255,255,255,.2);border-radius:5px;padding:8px;gap:8px;box-sizing:border-box;justify-content:flex-end;align-items:center}.mfh{width:100%}.mfw{height:100%}.i1{display:flex;outline:1px solid rgba(255,255,250,.1);box-sizing:border-box;justify-content:center;align-items:center;height:50px;width:50px}.i1 img{width:100%;height:100%;object-fit:contain}.bt{display:flex;outline:1px solid olive;border-radius:5px;background:none;border:none;cursor:pointer;user-select:none;justify-content:center;align-items:center}.bt img{width:70px;height:70px;object-fit:contain}.bt{width:70px;height:70px}.bt:hover{outline:1px solid rgb(168,168,7)}.bt:active{transform:scale(1.03)}@keyframes rgbani{0%{border-color:red;box-shadow:0 0 10px red}25%{border-color:#80ff00;box-shadow:0 0 10px #80ff00}50%{border-color:#0ff;box-shadow:0 0 10px #0ff}75%{border-color:#7f00ff;box-shadow:0 0 10px #7f00ff}to{border-color:red;box-shadow:0 0 10px red}}.bt.On{outline:2px solid olive;animation:rgbani 3s linear infinite}.c1c2c3{display:flex;gap:8px}.c2c3{display:flex;flex-direction:column;gap:8px}.c2c3.hide{display:none}.cal{display:flex}.c5c6{display:flex;gap:8px}.tfs.name,.tfs.vaF,.tfs.role{height:60px;width:100%;justify-content:center}.tfs.va{height:100%;width:368px}.i1.mic img{height:70%;width:70%}.tfs.class,.tfs.el{height:100%;width:150px}.tfs.mob{width:50px;height:100%;outline:none}.tfs.atk,.tfs.hp,.tfs.def,.tfs.cdmg,.tfs.sta{width:50px;height:50px;justify-content:center;outline:none}.tfs.weak{width:202px;height:100%;justify-content:flex-end;outline:none}.mfh.c1-1,.mfh.c1-2{height:60px}.mfh.icon,.mfh.value{height:60px;gap:25px}.mffv.stat{width:100%;height:140px}.mffh.c1{width:100%;height:80px;gap:10px}.mffh.c1 button.hl{border:1px solid gold}.mffh.c1 button.On{box-shadow:0 0 10px #ffd70080;transform:scale(1.03)}.mfh.wrap{height:114px}.mfw.weawrap{width:210px;padding:0;outline:none}.tfs.weaAtk,.tfs.wea2nd{height:30%;width:100%;padding:0;outline:none}.tfs.weaUp{height:30px;width:100%;padding:0;outline:none;justify-content:center}.tfs.atkL,.tfs.atk2ndL{height:30px;width:60%}.tfs.atkV,.tfs.atk2ndV{height:30px;width:40%}.bt.weaUp{width:30px;height:20px}.bt.weaUp{color:#fff}.bt.wea{width:200px;height:100px}.bt.wea img{width:100%;height:100%;object-fit:contain}.ph.c1{position:relative;width:450px;height:928px}.mffh.c1 button{position:relative;width:70px;height:70px;z-index:1}.fireUp{position:absolute;width:70px;height:70px;z-index:10;top:0;left:0}.tfs.garbage{width:100%}.mfw.weaDesc{position:relative;width:100%;height:300px;padding:0;outline:none}.tfs.w1{height:20%;width:100%;padding:0;outline:none}.tfs.wName{padding-left:1rem;height:100%;width:65%}.tfs.wCl{height:100%;width:15%;justify-content:center}.tfs.wAm{height:100%;width:20%;justify-content:center}.tfs.wDesc{display:block;padding-left:1rem;height:200px;width:100%;overflow-y:auto;scrollbar-width:thin}.tfs.wSp{position:absolute;display:block;padding-left:1rem;overflow-y:auto;scrollbar-width:thin;top:0;left:0;height:100%;width:100%;background-color:#1d2535;backdrop-filter:blur(15px)}.tfs.wSp.hide{display:none}.c98{position:absolute;display:flex;flex-direction:column;top:0;left:0;width:100%;height:455px;outline:1px solid rgb(10,122,156);border-radius:5px;padding:8px;box-sizing:border-box;gap:8px;background-color:#131b29;z-index:3}.c98.hide{display:none}.f1{position:relative;display:flex;flex-direction:row;border-radius:5px;width:100%;height:40px;padding:0;gap:8px;justify-content:center;align-items:center}.nameV{position:relative;display:flex;outline:1px solid rgb(32,55,184);border-radius:5px;align-items:center;width:calc(100% - 40px);height:100%;padding-left:1rem;color:#339af0;font-weight:700}.X{position:relative;display:flex;width:40px;height:40px;background-color:#743112;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;color:#fff}.f2{position:relative;display:block;outline:1px solid rgb(25,50,97);border-radius:5px;width:100%;height:calc(100% - 40px);padding:8px;padding-left:1rem;box-sizing:border-box;gap:8px;user-select:none}.mfh.c2-1{height:70px}.tfs.c2hea{width:30%;height:100%;justify-content:center;margin-left:8px;font-size:1.5rem}.tfs.seg{width:50%;height:100%;justify-content:flex-end;outline:none}.bt.seg1,.bt.seg2,.bt.seg3,.bt.seg4,.bt.seg5,.bt.seg6{width:60px;height:45px}.mfh.c2-2{height:108px;gap:8px;outline:none}.i1.skicon{width:94px;height:94px;margin-left:4px}.mfw.c2-2{width:616px}.mfh.c2-4{width:250px;outline:none}.mfh.c2-3{height:500px}.mfw.c2-3{width:100%;gap:8px;outline:none}.tfs.noteBox{width:33.3%;height:100%;padding:0;outline:none}.tfs.nboxlabel{width:80%;height:100%}.tfs.stDmg,.tfs.conf,.tfs.cool{width:20%;height:100%;justify-content:flex-end}.tfs.skdesc{height:100%;width:100%;display:block;padding-left:1rem;overflow-y:auto;scrollbar-width:thin}.tfs.skdesc span{display:inline;white-space:normal}.mfw.c2-4{flex-direction:column;width:250px;outline:none}.i1.rg{width:230px;height:230px}.tfs.hako1,.tfs.hako2{width:100%;height:40px;padding:0;outline:none}.tfs.rg,.tfs.eff,.tfs.rgV,.tfs.effV{width:50%;height:100%}.tfs.rgV,.tfs.effV{justify-content:flex-end}.tfs.note{width:100%;height:50px}.tfs.skname,.tfs.sktype{width:100%;height:45%}.tfs.skname{color:#ffffb4;font-weight:700}.bt.seg1,.bt.seg2,.bt.seg3,.bt.seg4,.bt.seg5,.bt.seg6{color:#fff;font-size:1rem}.bt.seg1.active,.bt.seg2.active,.bt.seg3.active,.bt.seg4.active,.bt.seg5.active,.bt.seg6.active{opacity:1;outline:2px solid olive;animation:rgbani 3s linear infinite}.bt.seg1.hide,.bt.seg2.hide,.bt.seg3.hide,.bt.seg4.hide,.bt.seg5.hide,.bt.seg6.hide{pointer-events:none;opacity:.2}.tfs.helper{width:960px;height:50px;margin-top:-8px;padding:0}.chara-page-tooltip{display:block;width:960px;height:50px;padding-left:1rem;margin-top:-8px}.ph.c2{width:1000px;height:620px}.mfh.c2-1,.mfh.c2-3,.mfw.c1-2{gap:4px;padding:4px;outline:none}.ph.c2.hide{display:none}.bt.change{width:20%;height:50px;margin-left:3rem;color:#fff}.changed,.tfs.stDmg.changed{background:#888a026c}.mfw.c3-1{width:32%;padding:0;outline:none}.mfw.c3-2{width:42%;flex-direction:row;gap:1rem}.mfw.c3-3{width:26%}.i1.ava{width:150px;height:150px}.tfs.c3-2,.tfs.c3-1{width:100%;height:50%;justify-content:center;gap:1rem}.tfs.c3-text{display:block;width:100%;height:200px;padding-left:1rem;overflow-y:auto;scrollbar-width:thin}.ph.c3 button.hl{border:1px solid gold}.ph.c3 button.On{box-shadow:0 0 10px #ffd70080}.pw.c3sub{width:100%;height:100%;padding:0;outline:none}.ph.c3{width:1000px;height:300px}.ph.c3 button{position:relative;width:70px;height:70px}.overlay{position:absolute;width:70px;height:70px;z-index:1;top:0;left:0}.overlay img{display:absolute;width:100%;height:100%;object-fit:cover}.tfs.c50level{width:100%;height:60px}.tfs.c50levelL,.tfs.c50levelV{width:100px;height:100%;justify-content:center}.tfs.c50Desc{display:block;width:100%;height:200px;padding-left:12px;font-size:1.2rem}.tfs.c5helper{width:100%;height:205px}.mfh.c51{width:100%;height:60px;font-size:1.2rem}.tfs.c50n{width:100px;height:100%;font-size:1rem}.ABSOLUTE{position:relative;width:600px;height:820px}.mfw.c5main{width:450px;height:820px}.mfh.c5select{width:1000px;height:820px}.mfh.c5select.hide{display:none}.tfs.c5select1{width:55%;height:100%;padding:0;flex-direction:column;outline:none}.tfs.c5container{padding:0;width:100%;height:76%}.tfs.c5infobox{width:100%;height:24%}.tfs.c5select2{align-items:center;width:45%;height:100%}.mfh.c50,.mfh.c50clBtns{width:100%;height:60px}.mfw.c501{flex-direction:row;width:200px;padding:0;outline:none}.tfs.c5atk,.tfs.c5def,.tfs.c5hp{width:60px;height:100%}.mfw.c50em,.mfw.c50see,.mfw.c50spr,.mfw.c50sh,.mfw.c50bud,.mfw.c50blo{flex-direction:row;width:290px;padding:0;outline:none}.tfs.ficV,.tfs.sicV,.tfs.ticV{width:30px;height:100%;justify-content:center}.i1.fic img,.i1.sic img,.i1.tic img{width:50px;height:50px}.bt.c50{width:100%;height:60px;padding:8px;outline-color:#fff3}.bt.c50:hover{outline-color:gray}.ph.c5{width:auto;height:auto;flex-direction:row;padding:0;outline:none}.ph.c5 button{background:none;border:none;color:#fff}.ph.c5 button:hover{cursor:pointer;user-select:none}.ph.c5 button:active{transform:none}.bt.c50.c5On{background-color:#fff3}.mfh.c51 div{outline:none;border-radius:6px}.mfh.c51 div img{border-radius:5px}.mfh.c51 div:hover{cursor:pointer;outline:1px solid rgba(255,255,255,.5);border-radius:5px}.mfh.c51 div:active{transform:scale(1.03)}.mfh.c51 div.On{animation:rgbani 3s linear infinite}.filterBotan.rank-filter,.filterBotan.quality-filter,.filterBotan.color-filter{font-size:1rem}.result-table-main-frame{display:flex;flex-direction:column;width:450px;height:800px;padding:8px;gap:8px;box-sizing:border-box;border-radius:5px}.point-result-main-frame{display:flex;width:100%;height:8%;padding:8px;box-sizing:border-box;outline:1px solid rgba(255,255,255,.2);border-radius:5px;justify-content:center;align-items:center}.point-result-icon,.point-result-value-bulwark,.point-result-value-vanguard,.point-result-value-support,.point-result-value-sentinel{display:flex;width:50px;height:50px;padding:4px;box-sizing:border-box;justify-content:center;align-items:center}.point-result-icon img{display:flex;width:100%;object-fit:contain}.trait-result-main-frame{width:100%;height:92%;box-sizing:border-box;justify-content:center;align-items:center}.trait-table{width:100%;height:99%;padding:4px;box-sizing:border-box;outline:1px solid rgba(255,255,255,.2);border-radius:5px;overflow-y:auto;scrollbar-width:thin}.trait-result-table{width:100%;height:50px;border-collapse:collapse;border-spacing:0}.traitDropdown-item[data-class=sentinel]{color:#ff5b56}.traitDropdown-item[data-class=bulwark]{color:#41c3ff}.traitDropdown-item[data-class=vanguard]{color:#ff5eff}.traitDropdown-item[data-class=support]{color:#22c55e}.traitDropdown-item[data-class=sentinel]:hover{background-color:#fa321433}.traitDropdown-item[data-class=bulwark]:hover{background-color:#1932dc33}.traitDropdown-item[data-class=vanguard]:hover{background-color:#9333ea33}.traitDropdown-item[data-class=support]:hover{background-color:#22c55e33}.c5infobox{padding-left:1rem;display:block;overflow-y:auto;font-size:1.2rem}.kw-norm{color:#fff}.kw-number{color:#f26c1c;font-weight:700}.kw-s{color:#faebd7;font-weight:700}.kw-grey{color:#f8f8ff;font-weight:700}.kw-corro{color:#8679e8;font-weight:700}.kw-hydro{color:#2a8dca;font-weight:700}.kw-elec{color:#f2d21c;font-weight:700}.kw-ice{color:#42cce0;font-weight:700}.kw-burn{color:#f0502a;font-weight:700}.kw-link{color:#339af0;font-weight:700;text-decoration:underline}.kw-term{color:#339af0;font-weight:700}.kw-skname{color:#ffffb4;font-weight:700}.kw-summon{color:#339af0;font-weight:700;text-decoration:underline}.trait-selector-content{display:flex;flex-direction:column;width:100%;height:100%;padding:8px;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;gap:8px}.filter-main-frame{display:flex;width:500px;height:100px;gap:8px;justify-content:center;align-items:center;outline:1px solid rgba(255,255,255,.2);border-radius:5px}.trait-selector-container{display:flex;gap:8px}.trait-selector-buttons-main-frame,.trait-selector-dropdown-main-frame{display:flex;flex-direction:column;width:250px;height:400px;gap:20px;justify-content:center;align-items:center;outline:1px solid rgba(255,255,255,.2);border-radius:5px}.trait-dropdown{display:block;width:250px;justify-content:center;align-items:center;gap:20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:normal}.traitDropdown-item{width:100%;padding:10px;cursor:pointer;user-select:none;border-bottom:1px solid rgba(255,255,255,.2)}.traitDropdown-item:hover{background-color:#ffffff1a}.traitDropdown-item.selected{background-color:#ffff004d}.filterBotan{display:flex;width:100px;height:50px;outline:1px solid rgba(255,255,255,.2);border-radius:10px;justify-content:center;align-items:center;text-align:center}.filterBotan:hover{cursor:pointer;user-select:none;outline:1px solid rgba(255,255,255,.5);border-radius:10px}.traitBotan-display{width:200px;height:50px;outline:1px solid rgba(255,255,255,.2);border-radius:10px}.traitBotan-display:hover{cursor:pointer;user-select:none;outline:1px solid rgba(255,255,255,.5);border-radius:10px}.traitBotan-display:active{transform:scale(1.02)}.traitBotan-selected-trait{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.traitBotan.active{outline:2px solid rgba(255,255,255,.7);border-radius:10px}.traitBotan.off{opacity:.5;pointer-events:none}.hide-dropdown{display:none}.trait-level-cell{width:100px;padding:8px;border-bottom:1px solid rgba(255,255,255,.2);justify-content:end}.trait-name-cell{width:200px;padding:8px;border-bottom:1px solid rgba(255,255,255,.2)}.trait-exceed-cell{width:50px;padding:8px;border-bottom:1px solid rgba(255,255,255,.2);text-align:end}.visual-squares{display:flex;width:100%;height:100%;gap:1px;justify-content:flex-start;transform:scaleX(-1)}.square{width:14px;height:14px;border:1px solid #6b7280;border-radius:2px}.hide-trait{display:none}.tfs.traitnote{margin-top:8px;width:100%;height:20px;outline:none;font-style:italic;color:#ffffff4d;justify-content:center}.absolute{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;width:auto;height:330px;outline:2px solid #218097;padding:8px;box-sizing:border-box;border-radius:5px;z-index:9999;gap:8px;backdrop-filter:blur(10px)}.absolute.hide{display:none}.absoluteA1{display:flex;width:100%;height:15%;border-radius:5px;box-sizing:border-box;gap:8px}.absoluteA2{display:flex;width:100%;height:85%;border-radius:5px;padding:0;box-sizing:border-box;gap:8px}.tfs.absoluteA1{width:524px;height:100%;color:#339af0;font-size:1.2rem;font-weight:700;padding-left:1rem}.tfs.absoluteA21{display:block;width:524px;height:100%;outline:1px solid rgba(255,255,255,.2);padding-left:1rem}.tfs.absoluteA22{display:block;width:452px;height:100%}.mfh.absoluteA1{flex-direction:row;width:452px;height:100%;outline:1px solid rgba(255,255,255,.2);color:#339af0}.tfs.absoluteA22.hide,.mfh.absoluteA1.hide{display:none}.absoluteBt{width:40px;height:40px;outline:1px solid rgba(255,255,255,.2);border-radius:5px}.absoluteBt.inactive{opacity:.2;pointer-events:none}:root{--outline-color: rgba(255,255,255,.2)}.char-trait-calculator-header{width:400px;height:60px;display:flex;outline:2px solid var(--outline-color);border-radius:5px;justify-content:center;align-items:center;cursor:pointer;user-select:none}.char-trait-calculator-header:hover{outline:2px solid;border-radius:5px}.char-trait-calculator-header:active{transform:scale(1.01)}.char-trait-calculator-parent{display:flex;width:1458px;height:900px;outline:2px solid var(--outline-color);border-radius:5px;padding:8px;box-sizing:border-box;gap:8px}.error-panel{display:flex;width:100%;height:5%;outline:1px solid red;border-radius:5px;padding:8px;box-sizing:border-box;align-items:center;color:#e74c3c}.slots-main-frame{display:flex;width:100%;height:15%;min-height:15%;border-radius:5px;padding:8px;box-sizing:border-box;gap:1rem;justify-content:center;align-items:center}.char-trait-calculator-result{width:100%;height:85%;outline:1px solid var(--outline-color);border-radius:5px;padding:8px;box-sizing:border-box;overflow-y:auto;padding-left:5rem}.result-wrapper{display:flex;flex-direction:column;width:69%;height:100%;outline:1px solid var(--outline-color);border-radius:5px;padding:8px;box-sizing:border-box;gap:8px}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.char-trait-calculator-main-frame{display:flex;flex-direction:column;width:442px;height:100%;outline:1px solid var(--outline-color);border-radius:5px;padding:8px;box-sizing:border-box;gap:8px}.char-trait-calculator-class-input{display:flex;width:100%;height:10%;border-radius:5px;padding:8px;box-sizing:border-box;justify-content:center;align-items:center}.char-trait-calculator-calculate-button-frame{display:flex;flex-direction:column;width:100%;height:90%;border-radius:5px;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;gap:3rem}.char-trait-calculate{width:50%;height:20%;outline:1px solid var(--outline-color);border-radius:15px;background:none;border:none;font-size:2rem;color:#ffffff80}.char-trait-calculate:hover{outline:1px solid rgba(255,255,255,.7);border-radius:15px}.char-trait-calculate:active{transform:scale(1.02)}.char-trait-calculator-class-input-value{display:flex;align-items:center;justify-content:center;width:60px;height:40px;outline:1px solid var(--outline-color)}.char-trait-calculator-class-input-value input{appearance:textfield;width:60px;height:40px;background:transparent;border:none;color:#fff;outline:none;object-fit:contain;appearance:none;text-align:start;padding-left:1rem;font-size:16px;-moz-appearance:textfield}.char-trait-calculator-class-input-icon{display:flex;width:40px;height:40px;user-select:none;justify-content:center;align-items:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.char-trait-calculator-class-input-icon img{width:90%;object-fit:contain;user-select:none}.developer-note{display:flex;width:100%;height:200px;justify-content:center;text-align:center;font-style:italic;opacity:.3}.slot-frame{width:120px;height:100px;outline:1px solid var(--outline-color);border-radius:5px}.slot-frame-for-result{display:flex;flex-direction:column;width:100px;height:100px;outline:1px solid var(--outline-color);border-radius:5px;align-items:center;padding:4px;box-sizing:border-box}.slot-result-container{display:flex;padding-left:1rem;gap:1rem}.row1-frame,.row2-frame,.row3-frame{display:flex;width:100%;height:33.3%;padding:2px;box-sizing:border-box}.change-color-button-frame{display:flex;width:30%;height:100%;justify-content:center;align-items:center}.frame-for-squares{display:flex;width:70%;height:100%;box-sizing:border-box;justify-content:flex-start;align-items:center;gap:3px;padding:2px;transform:scaleX(-1)}.frame-for-squares-for-result{display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:flex-start;align-items:center;gap:3px;padding:2px;transform:scaleX(-1)}.toggleSquare{width:25px;height:25px}.toggleSquare.bulwark:hover,.color-indicator.bulwark:hover{outline:1px solid rgb(0,100,255)}.toggleSquare.vanguard:hover,.color-indicator.vanguard:hover{outline:1px solid rgb(255,100,255)}.toggleSquare.support:hover,.color-indicator.support:hover{outline:1px solid rgb(100,255,0)}.toggleSquare.sentinel:hover,.color-indicator.sentinel:hover{outline:1px solid rgb(255,100,0)}.toggleSquare.disabled{pointer-events:none;opacity:.5}.toggleSquare.bulwark,.toggleSquare.bulwark.disabled{background-color:#00009633}.toggleSquare.bulwark.active{background-color:#00f}.toggleSquare.vanguard,.toggleSquare.vanguard.disabled{background-color:#f0f3}.toggleSquare.vanguard.active{background-color:#f0f}.toggleSquare.support,.toggleSquare.support.disabled{background-color:#0f03}.toggleSquare.support.active{background-color:#0f0}.toggleSquare.sentinel,.toggleSquare.sentinel.disabled{background-color:#ff320033}.toggleSquare.sentinel.active{background-color:#ff3200}.color-indicator{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.2)}.color-indicator.bulwark{background-color:#000096}.color-indicator.vanguard{background-color:#f0f}.color-indicator.support{background-color:#0f0}.color-indicator.sentinel{background-color:#ff3200}.change-color-button-frame.disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.point-display.bulwark{background-color:#4a90e2}.point-display.vanguard{background-color:#9b59b6}.point-display.support{background-color:#2ecc71}.point-display.sentinel{background-color:#e74c3c}.error-panel:empty{display:none}.slot-bg-yellow{outline:1px solid rgba(255,200,0,.5)!important}.slot-bg-purple{outline:1px solid rgba(255,0,255,.5)!important}.slot-bg-blue{outline:1px solid rgba(0,200,255,.5)!important}.slot-bg-grey{background-color:#d3d3d3!important}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-indicator p{color:#666;font-size:14px}.c8{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-18%,-50%);outline:1px solid white;border-radius:5px;padding:8px;gap:8px;width:1000px;height:auto;background:#151e42;z-index:2}.c8.hide{display:none}.c8r1{display:flex;outline:1px solid white;border-radius:5px;width:100%;height:100px}.c8pic{outline:1px solid white;border-radius:5px;width:100px;height:100px}.c8pic img,.c8sk1ic img,.c8sk2ic img,.c8sk3ic img,.c8sk4ic img,.c8sk5ic img{width:95%;height:95%;object-fit:contain}.c8stats{display:flex;width:calc(100% - 100px);height:100%}.c8statsc1,.c8statsc2{width:50%;height:100%}.c81,.c82,.c83,.c84{display:flex;width:100%;height:25%}.c8hp,.c8atk,.c8def,.c8mov,.c8skEl,.c8crit,.c8cdmg,.c8rg,.c8hpV,.c8atkV,.c8defV,.c8movV,.c8skElV,.c8critV,.c8cdmgV,.c8rgV{outline:1px solid white;border-radius:5px;width:50%;height:100%;padding-left:8px}.c8sk1,.c8sk2,.c8sk3,.c8sk4,.c8sk5{width:975px;height:200px}.c8sk1F,.c8sk2F,.c8sk3F,.c8sk4F,.c8sk5F{display:flex;width:100%;height:60px}.c8sk1ic,.c8sk2ic,.c8sk3ic,.c8sk4ic,.c8sk5ic{outline:1px solid white;border-radius:5px;width:60px;height:60px}.c8sk1name,.c8sk2name,.c8sk3name,.c8sk4name,.c8sk5name{display:flex;outline:1px solid white;border-radius:5px;width:calc(100% - 420px);height:60px;padding-left:8px;align-items:center}.c8sk1el,.c8sk2el,.c8sk3el,.c8sk4el,.c8sk5el,.c8sk1el img,.c8sk2el img,.c8sk3el img,.c8sk4el img,.c8sk5elimg{display:flex;outline:1px solid white;border-radius:5px;width:60px;height:60px;justify-content:center;align-items:center}.c8sk1box,.c8sk2box,.c8sk3box,.c8sk4box,.c8sk5box{display:flex;flex-direction:column;width:300px;height:60px}.c8sk1rgF,.c8sk1effF,.c8sk2rgF,.c8sk2effF,.c8sk3rgF,.c8sk3effF,.c8sk4rgF,.c8sk4effF,.c8sk5rgF,.c8sk5effF{display:flex;width:300px;height:30px}.c8sk1rg,.c8sk1rgV,.c8sk1eff,.c8sk1effV,.c8sk2rg,.c8sk2rgV,.c8sk2eff,.c8sk2effV,.c8sk3rg,.c8sk3rgV,.c8sk3eff,.c8sk3effV,.c8sk4rg,.c8sk4rgV,.c8sk4eff,.c8sk4effV,.c8sk5rg,.c8sk5rgV,.c8sk5eff,.c8sk5effV{outline:1px solid white;border-radius:5px;width:150px;height:30px;padding-left:8px}.c8r0{display:flex;outline:1px solid white;border-radius:5px;width:100%;height:50px}.c8skillbox{display:flex;flex-direction:row;width:100%;height:140px;box-sizing:border-box}.sk1rgic,.sk2rgic,.sk3rgic,.sk4rgic,.sk5rgic{width:140px;height:140px;object-fit:contain;outline:1px solid white}.sk1rgic img,.sk2rgic img,.sk3rgic img,.sk4rgic img,.sk5rgic img{width:100%;height:100%}.c8sk1desc,.c8sk2desc,.c8sk3desc,.c8sk4desc,.c8sk5desc{display:block;outline:1px solid white;border-radius:5px;width:calc(100% - 140px);height:140px;padding:8px;box-sizing:border-box;overflow-y:auto}.c8name{display:flex;outline:1px solid white;border-radius:5px;width:550px;height:50px;padding-left:8px;align-items:center}.c8buttons{display:flex;outline:1px solid white;border-radius:5px;width:400px;height:50px;gap:8px;justify-content:center;align-items:center}.c8Xbt{display:flex;outline:1px solid white;border-radius:5px;width:50px;height:50px;justify-content:center;align-items:center;background-color:red;color:#fff;font-weight:700;font-size:2rem}.c8upbt{width:40px;height:40px;gap:8px}.c8wrapper{display:flex;flex-direction:column;width:100%;height:408px;padding:8px;box-sizing:border-box;gap:8px;overflow-y:auto;scrollbar-width:thin}.c8sk1.hide,.c8sk2.hide,.c8sk3.hide,.c8sk4.hide,.c8sk5.hide{display:none}.c8upbt.inactive{opacity:.2;pointer-events:none}.c8upbt{background:none;border:none;outline:1px solid olive;border-radius:5px;color:#fff}.c8upbt:hover{outline:1px solid rgb(168,168,7)}.c8upbt:active{transform:scale(1.02)}.c8upbt.On{outline:2px solid olive;animation:rgbani 3s linear infinite}.c8change{background-color:#8080006c}.c9{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-18%,-50%);outline:1px solid white;border-radius:5px;padding:8px;gap:8px;width:1000px;height:auto;background:#151e42;z-index:2}.c9.hide{display:none}.c9r1{display:flex;outline:1px solid white;border-radius:5px;width:100%;height:100px}.c9pic{outline:1px solid white;border-radius:5px;width:100px;height:100px}.c9pic img,.c9sk1ic img,.c9sk2ic img,.c9sk3ic img,.c9sk4ic img,.c9sk5ic img{width:95%;height:95%;object-fit:contain}.c9stats{display:flex;width:calc(100% - 100px);height:100%}.c9statsc1,.c9statsc2{width:50%;height:100%}.c91,.c92,.c93,.c94{display:flex;width:100%;height:25%}.c9hp,.c9atk,.c9def,.c9mov,.c9skEl,.c9crit,.c9cdmg,.c9rg,.c9hpV,.c9atkV,.c9defV,.c9movV,.c9skElV,.c9critV,.c9cdmgV,.c9rgV{outline:1px solid white;border-radius:5px;width:50%;height:100%;padding-left:8px}.c9sk1,.c9sk2,.c9sk3,.c9sk4,.c9sk5{width:975px;height:200px}.c9sk1F,.c9sk2F,.c9sk3F,.c9sk4F,.c9sk5F{display:flex;width:100%;height:60px}.c9sk1ic,.c9sk2ic,.c9sk3ic,.c9sk4ic,.c9sk5ic{outline:1px solid white;border-radius:5px;width:60px;height:60px}.c9sk1name,.c9sk2name,.c9sk3name,.c9sk4name,.c9sk5name{display:flex;outline:1px solid white;border-radius:5px;width:calc(100% - 420px);height:60px;padding-left:8px;align-items:center}.c9sk1el,.c9sk2el,.c9sk3el,.c9sk4el,.c9sk5el,.c9sk1el img,.c9sk2el img,.c9sk3el img,.c9sk4el img,.c9sk5elimg{display:flex;outline:1px solid white;border-radius:5px;width:60px;height:60px;justify-content:center;align-items:center}.c9sk1box,.c9sk2box,.c9sk3box,.c9sk4box,.c9sk5box{display:flex;flex-direction:column;width:300px;height:60px}.c9sk1rgF,.c9sk1effF,.c9sk2rgF,.c9sk2effF,.c9sk3rgF,.c9sk3effF,.c9sk4rgF,.c9sk4effF,.c9sk5rgF,.c9sk5effF{display:flex;width:300px;height:30px}.c9sk1rg,.c9sk1rgV,.c9sk1eff,.c9sk1effV,.c9sk2rg,.c9sk2rgV,.c9sk2eff,.c9sk2effV,.c9sk3rg,.c9sk3rgV,.c9sk3eff,.c9sk3effV,.c9sk4rg,.c9sk4rgV,.c9sk4eff,.c9sk4effV,.c9sk5rg,.c9sk5rgV,.c9sk5eff,.c9sk5effV{outline:1px solid white;border-radius:5px;width:150px;height:30px;padding-left:8px}.c9r0{display:flex;outline:1px solid white;border-radius:5px;width:100%;height:50px}.c9skillbox{display:flex;flex-direction:row;width:100%;height:140px;box-sizing:border-box}.c9sk1rgic,.c9sk2rgic,.c9sk3rgic,.c9sk4rgic,.c9sk5rgic{width:140px;height:140px;object-fit:contain;outline:1px solid white}.c9sk1rgic img,.c9sk2rgic img,.c9sk3rgic img,.c9sk4rgic img,.c9sk5rgic img{width:100%;height:100%}.c9sk1desc,.c9sk2desc,.c9sk3desc,.c9sk4desc,.c9sk5desc{display:block;outline:1px solid white;border-radius:5px;width:calc(100% - 140px);height:140px;padding:8px;box-sizing:border-box;overflow-y:auto}.c9name{display:flex;outline:1px solid white;border-radius:5px;width:550px;height:50px;padding-left:8px;align-items:center}.c9buttons{display:flex;outline:1px solid white;border-radius:5px;width:400px;height:50px;gap:8px;justify-content:center;align-items:center}.c9Xbt{display:flex;outline:1px solid white;border-radius:5px;width:50px;height:50px;justify-content:center;align-items:center;background-color:red;color:#fff;font-weight:700;font-size:2rem}.c9upbt{width:40px;height:40px;gap:8px}.c9wrapper{display:flex;flex-direction:column;width:100%;height:408px;padding:8px;box-sizing:border-box;gap:8px;overflow-y:auto;scrollbar-width:thin}.c9sk1.hide,.c9sk2.hide,.c9sk3.hide,.c9sk4.hide,.c9sk5.hide{display:none}.c9upbt.inactive{opacity:.2;pointer-events:none}.c9upbt{background:none;border:none;outline:1px solid olive;border-radius:5px;color:#fff}.c9upbt:hover{outline:1px solid rgb(168,168,7)}.c9upbt:active{transform:scale(1.02)}.c9upbt.On{outline:2px solid olive;animation:rgbani 3s linear infinite}.c9change{background-color:#8080006c}