@import"https://fonts.googleapis.com/css2?family=Parisienne&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{min-height:100vh;margin:0;padding:0;font-size:16px;color:#e0d8d8;background-image:url(https://i.imgur.com/AiE0BIK.jpeg);width:100%;background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-color:#111}*{box-sizing:border-box}#root{position:absolute;top:0;left:0;width:100%}.h2,.h4,.h5{color:#633e3e;font-family:Parisienne,serif;text-align:center;width:100%}.h2{font-size:3rem;font-weight:400;margin-top:30px;margin-bottom:30px}.h4{font-size:3rem;font-weight:400;margin-bottom:10px}.h5{font-size:2rem;font-weight:300;margin-bottom:10px}.h6,.h7{font-size:1.1rem;font-weight:400;height:15%;text-align:center;line-height:38px;padding:0 20px;margin:10px;color:#b0b0b0}.h6{background-color:#7a5454;border-color:#555;border-radius:5px;height:40px}.h8{font-size:1.1rem;font-weight:400;height:15%;border-color:#555;border-radius:5px;text-transform:capitalize;margin-bottom:5px}.h9{text-align:center;color:#b0b0b0}.h14{border-bottom:2px solid #222;color:#555;display:block;font-size:.9rem;letter-spacing:2px;padding:5px;text-align:left;font-weight:400}button{border-radius:0}button:focus{outline:none!important}.metricConteneir{background-color:#141414;border:2px solid #222;padding:5px;width:90%;opacity:.95;margin:auto;box-shadow:10px 10px 5px #000000bf;display:flex;flex-wrap:wrap;gap:20px;box-sizing:border-box;opacity:.9}.input-group{margin-bottom:10px;display:flex;flex-direction:column;width:100%;justify-content:center;align-content:flex-start;flex:1 1 220px}.wandReg{flex:none;max-width:300px;margin:auto}.input-group label{font-weight:700;color:#633e3e;margin-bottom:5px;width:100%}.input-group input,.input-group select{width:100%;padding:10px;border:none;border-radius:5px;background-color:#222!important;box-sizing:border-box;color:#b0b0b0;height:40px;text-align:center;margin-top:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:break-word;overflow:auto;min-width:0}.input-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#222}.input-group input:focus,.input-group select:focus{outline:none;background-color:#333}.creditField{display:flex;width:100%;margin:0 0 0 20px}.creditField input{margin:0 20px;width:100%}.con-tooltipCredit{position:relative;display:flex;align-items:center;width:100%}.checkbox-group{display:inline-flex;margin-bottom:10px;align-items:center;justify-content:center;width:100%}.checkbox-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:8px;border:2px solid #633e3e;display:inline-block;position:relative;background-color:#222}.checkbox-group input[type=checkbox]:checked{background-color:#222}.checkbox-group input[type=checkbox]:checked:after{content:"✔";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:10px;color:#633e3e}p{color:#888;font-size:1rem;grid-column:span 3}input[type=text]::placeholder{color:#777}select option{color:#777;background-color:#222}input[type=text]:focus{outline:none;background-color:#333}.con-tooltip,.con-tooltipSkillsB{position:relative;display:flex;align-items:center}.con-tooltipSkillsB{width:30%}.con-tooltipSkillsB .hint-container{margin-right:5px}.con-tooltip .h2,.single{justify-content:center;width:auto}.single{width:95%;margin:auto}.single .question-mark{margin-left:10px;margin-top:10px}.tooltip{display:none;position:absolute;top:50%;transform:translateY(-50%);left:0;background:#333;color:#fff;padding:15px;border-radius:5px;white-space:wrap;z-index:999;box-shadow:0 0 5px #0000004d;font-size:.8rem;width:100%;line-height:normal;font-weight:400;text-align:justify;overflow-y:auto;max-height:60vh}.tooltip a{color:#aa6e6e;letter-spacing:1px}.tooltip.visible{display:block}.question-mark{width:20px;height:20px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23633e3e'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M11%2018h2v-2h-2v2zm1-16C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208zm0-14c-2.21%200-4%201.79-4%204h2c0-1.1.9-2%202-2s2%20.9%202%202c0%202-3%201.75-3%205h2c0-2.25%203-2.5%203-5%200-2.21-1.79-4-4-4z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;cursor:pointer;transition:.5s}.question-mark:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23633e3e'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'/%3e%3c/svg%3e")}.miniFrame{background:#141414;border-bottom:#222 3px solid;border-top:3px solid #222;margin:10px auto;padding:10px;text-align:left;width:90%;height:auto}.miniFrameText{text-align:center;margin-top:3px;color:#b0b0b0}@media (max-width: 480px){html{font-size:14px!important}}@media (min-width: 481px) and (max-width: 768px){html{font-size:15px}.container{padding:15px}}@media (min-width: 769px) and (max-width: 1024px){html{font-size:16px}.container{padding:20px}}@media (min-width: 1025px) and (max-width: 1280px){html{font-size:17px}.container{padding:25px}}@media (min-width: 1281px){html{font-size:18px}.container{padding:30px}}.tableEmotion{display:flex;flex-direction:column;width:100%;color:#666}.tableEmotion-header{display:flex;background-color:#443232;color:#b0b0b0;padding:0 5px}.tableEmotion-header .tableEmotion-cell{text-align:center;padding:5px}.emotion-cell{flex:.1}.range-cell{flex:.2 1}.description-cell{flex:1}.tableEmotion-content{display:flex;flex-direction:column;background-color:#222}.emotion-row{display:flex;border-top:1px solid #444}.emotion{flex:.1;writing-mode:vertical-rl;text-orientation:upright;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#101010}.detailsEmotion{flex:1;display:flex;flex-direction:column}.detailEmotion{display:flex;background-color:#151515;padding:5px}.detailEmotion:nth-child(odd){background-color:#101010}.range{flex:.2;text-align:center;color:#633e3e;display:flex;justify-content:center;align-items:center}.description{flex:1;padding-left:10px}.tabs-container{display:flex;flex-direction:column;border:1px solid black;width:100%;box-sizing:border-box}.tabs-header{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;background-color:#222;border-bottom:1px solid black;padding:10px 0}.tab{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;background-color:#676464;padding:8px;margin:2px;color:#b0b0b0;min-width:100px;transition:.5s}.tab.active,.tab:hover{background-color:#7a5454;color:#fff}.tab-content{display:none;padding:10px}.tab-content.active{display:flex;flex-direction:column;padding:20px}.select-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.select-group label{margin-right:5px;color:#b0b0b0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;box-sizing:border-box}.select-group select,.select-group input{flex:3;padding:10px;background-color:#222;color:#b0b0b0;border-radius:5px;border:none;margin-right:10px;min-width:200px}.select-group button{padding:10px;background-color:#7a5454;color:#e0d8d8;border:none;border-radius:5px;cursor:pointer;margin-right:5px;flex-shrink:0;transition:.5s}.select-group button:hover{background-color:#9c7070}.user-skills-input{display:flex;gap:10px;margin-top:10px}.user-skills-input input{flex:1;padding:10px;background-color:#222;color:#b0b0b0;border-radius:5px;border:none}.user-skills-input button{padding:10px 20px;background-color:#7a5454;color:#e0d8d8;border:none;border-radius:5px;cursor:pointer;margin-right:5px;flex-shrink:0}.error-message{color:#e06c75}.skillPointsToSkillB input{padding:10px;border:none;border-radius:5px;background-color:#222!important;box-sizing:border-box;color:#b0b0b0;margin:0 0 0 5px;min-width:0}.selected-skills-summary{width:100%;align-items:center}@media screen and (max-width: 490px){.tabs-header{flex-wrap:wrap}.tab{flex:1 1 100%;margin:5px 0}.select-group{flex-direction:column;align-items:flex-start}.select-group label{overflow:visible;margin-bottom:3px}.select-group select,.select-group input,.select-group button{width:100%;margin-right:0;margin-bottom:10px}.select-group button{margin-bottom:0}}#biographyMain{width:90%;background-color:#141414;border:2px solid #222;padding:5px;opacity:.95;margin:auto;box-shadow:10px 10px 5px #000000bf;text-align:center}.biography{margin:20px auto auto;padding:10px;width:95%;height:60vh;font-size:14px;opacity:.8;resize:auto;background-color:#222;text-align:left;color:#888}.specific{margin:20px auto auto;padding:10px;width:95%;height:30vh;font-size:14px;opacity:.8;resize:auto;background-color:#222;text-align:left;color:#888}.editor-buttons button{background-color:#222;border:0;padding:5px;transition:background-color .3s ease}.editor-buttons button:hover{background-color:#633e3e}.editor-buttons button:hover img{filter:brightness(5) invert(1)}#wand{background-color:#141414;border:2px solid #222;padding:5px;width:90%;opacity:.95;margin:auto;box-shadow:10px 10px 5px #000000bf;display:flex;flex-wrap:wrap;gap:20px;box-sizing:border-box;overflow:hidden}.wandBonus{text-align:center;margin:0 auto}.wandButtonGroup{display:flex;flex:1 1 calc(50% - 20px);flex-direction:column;padding:0 10px}.wandTypesContainer{display:flex;flex-wrap:wrap;gap:5px;width:100%;justify-content:center}.wandTypes.special{width:45%;min-width:100px;box-sizing:border-box;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wandCategory,.wandTypes{font-size:.9rem;outline:none;cursor:pointer;font-weight:500;border:1px solid #222;border-radius:5px;height:40px;line-height:38px;transition:background-color .2s ease-in-out,opacity .2s ease-in-out;padding:2px;margin:5px;background-color:#141414;text-align:center;word-break:break-all}.wandCategory{background-color:#633e3e;border:1px solid #444}.wandCategory:hover{background-color:#7a5454;border-color:#555}.wandTypes{background-color:#897c37;border:1px solid #5c5935}.wandTypes:hover{background-color:#c6b24e;border:1px solid #5c5935}.wandCategory:active,.wandTypes:active{background-color:#333;box-shadow:0 2px 4px #00000080}.input-group.wand{flex:1 1;outline:none;font-weight:500;border-radius:5px;height:40px;line-height:38px;text-align:center}.wandBack{font-weight:400;cursor:pointer;background-color:#633e3e;border:0;border-radius:5px;height:40px;line-height:38px;padding:0 20px;margin:10px 10px 20px;color:#e0d8d8;text-align:center}.wandBack:hover{background-color:#7a5454;border-color:#555}#cardPreviewMain{background-color:#101010;border:2px solid #222;border-top:2px solid #222;margin:auto;opacity:.95;padding:5px;width:95%}#cardPreview{font-size:.9rem;border-bottom:1px solid #0b100d;border-left:1px solid #0b100d;margin:auto;border:10px;position:relative;width:95%}#cardPreviewOther{-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,.85);background-color:#101010;border-right:2px solid #222;box-shadow:10px 10px 5px #000000bf;margin:15px;opacity:1;padding-left:3px;position:absolute;right:-60px;top:25px;text-align:center;width:40%;z-index:100}#cardPreviewOther button{background:none;border:0;font-weight:500;text-align:left;display:block;position:relative;color:#633e3e;margin:0 0 0 -5px;padding:0!important}#cardPreviewOther button span{color:#777!important;position:relative;display:block;max-width:100%;overflow:hidden;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;transition:transform .3s ease,max-width .3s ease}#cardPreviewOther button:hover span{transform:scale(1.2);max-width:250px}.descriptionMetric{font-weight:700;color:#633e3e}.valueMetric{padding:5px}.valueMetric.special{padding:2px}.metricH6{color:#633e3e;font-family:Parisienne,serif;font-size:2rem;font-weight:400;margin-top:20px;margin-bottom:20px;text-align:center}.cardBio{max-height:500px;overflow:hidden;transition:max-height .5s ease;white-space:pre-line}.cardBio p{font-size:.9rem;line-height:1.6}.cardBio p:first-letter{color:#633e3e;font-family:Parisienne,serif;font-size:1.9rem;padding-left:40px;line-height:1}.cardBio.expanded{max-height:none;overflow:visible}.expandButton{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;color:#e0e0e0;display:flex;transition:transform .3s ease;margin:auto;padding:10px 0 20px}.expandButton .arrow{display:inline-block;transition:transform .3s ease}.expandButton.expanded .arrow{transform:rotate(180deg)}.expandButton:hover{color:#888}.imageCard{background:#020202;border:#222 2px solid;display:block;filter:grayscale(100%);max-width:450px;padding:2px;position:relative;opacity:.5;overflow:hidden;margin:20px 0}.parent{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;grid-auto-rows:auto;border:1px solid #202020;border-top:1px solid #111;width:100%;border-spacing:0}.categorySkillsB{grid-column:1 / -1;background-color:#443232;color:#888;font-family:Verdana;font-size:.8rem;font-weight:400;text-align:left;text-transform:uppercase;letter-spacing:2px;padding:10px 10px 10px 15px}.descriptionSkillsB.main{grid-column:1 / -1;font-size:.8rem;background-color:#070707;text-align:center;vertical-align:middle;letter-spacing:1px;text-transform:uppercase;font-weight:400!important;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto}.descriptionSkillsB.sum{grid-template-columns:1fr;text-align:center;justify-content:center;align-items:center}.descriptionSkillsB{grid-column:1 / -1;font-size:.8rem;text-align:center;vertical-align:middle;font-weight:400!important;display:grid;grid-template-columns:2fr 1fr 1fr;height:100%}.descriptionSkillsB.even{background-color:#101010}.descriptionSkillsB.odd{background-color:#151515}.valueSkillsB,.nameSkillsB,.costSkillsB{padding:5px;display:flex;align-items:center}.nameSkillsB{text-align:left;grid-column:1 / 2}.nameSkillsB.first{text-align:center;justify-content:center;grid-column:1 / 2}.valueSkillsB{text-align:center;justify-content:center;grid-column:2 / 3}.costSkillsB{text-align:center;justify-content:center;grid-column:3 / 4}.generateMain button{padding:10px;background-color:#7a5454;color:#e0d8d8;border:none;border-radius:5px;cursor:pointer;margin:5px;transition:.5s}.generateMain button:hover{background-color:#9c7070}.generateMain{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:95%;height:auto;background-color:#141414;border:2px solid #222;padding:5px;width:90%;margin:auto;box-shadow:10px 10px 5px #000000bf;text-align:center;opacity:.9;gap:10px}textarea{height:200px;width:100%;padding:10px;width:95%;font-size:14px;opacity:.8;resize:none;background-color:#222;color:#888}.navigation-menu-container{position:relative;height:100%;width:100%}nav.navigation{display:flex;flex-wrap:wrap;justify-content:center;padding:10px;height:10%;width:90%;margin-left:5%;background:#141414;border-top:3px solid #222;border-right:3px solid #222;border-left:3px solid #222;align-items:center;box-shadow:10px 10px 5px #000000bf;opacity:.8}nav.navigation button{margin-right:10px;padding:10px;color:#b0b0b0;cursor:pointer;font-size:16px;background-color:transparent;text-transform:uppercase;border:0;transition:background-color .5s ease}nav.navigation button:hover{background-color:#7a5454}nav.navigation button:active,nav.navigation button:focus{background-color:#7a5454}.main-content{padding:20px;margin-top:20px;transition:margin-right .5s ease;height:auto;overflow:auto;display:flex;flex-direction:column}.main-content.panel-open{margin-right:50%}.side-panel{position:fixed;top:0;right:-50%;width:50%;height:100%;background:#000 url(https://i.imgur.com/kJT3yyJ.png) no-repeat top;background-size:100%;display:block;margin:auto;color:#787878;overflow-x:hidden;transition:.5s;z-index:1000;box-shadow:-2px 0 5px #00000080}.side-panel.open{right:0}.panel-content{padding:20px}.close-btn{position:sticky;margin-left:auto;z-index:100;top:10px;background-color:#333;color:#777;padding:5px 10px;cursor:pointer;border:none;transition:transform .3s ease;display:block}.close-btn:hover{background-color:#555}.toggle-button{position:fixed;top:50%;right:0;transition:transform .3s ease;background-color:#333;color:#fff;padding:10px;cursor:pointer;z-index:1001;font-size:1.2rem;border-radius:3px}.toggle-button.arrow{display:inline-block}.toggle-button:hover{color:#888}@media screen and (max-width: 1000px){.side-panel.open{width:100%}}@media (max-width: 768px){nav.navigation{flex-direction:column;align-items:flex-start;padding:5px;height:auto}nav.navigation button{width:100%;font-size:1rem;margin:5px 0;padding:8px}.side-panel{width:100%;right:-100%}.side-panel.open{right:0}.main-content{margin-right:0}}@media (max-width: 480px){nav.navigation button{font-size:12px;padding:6px}.toggle-button{padding:8px;font-size:16px}}.characterConteneir{background-color:#141414;padding:5px;min-height:100vh;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;box-sizing:border-box;overflow:hidden;opacity:.9}.animated-text-container{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;position:relative}.animated-text{width:100%}.animated-text textPath{font-family:Parisienne,serif;font-size:6rem;fill:none;stroke:#633e3e;stroke-width:2px;stroke-dasharray:500;stroke-dashoffset:500;animation:drawText 7s ease-in-out forwards;filter:drop-shadow(0 0 12px rgba(255,255,255,.484))}@keyframes drawText{to{stroke-dashoffset:0}}.fade-in-group{display:flex;flex-direction:row;flex-wrap:wrap}.fade-in-group .h5{width:auto}.fade-item{flex:1 1 40%;box-sizing:border-box;text-align:center}.fade-stop{width:30px!important}.fade-in{opacity:0;transform:translateY(10px);animation:fadeIn 1s ease-out forwards}.fade-in-delayed{opacity:0;transform:translateY(10px);animation:fadeIn .5s ease-out forwards;animation-delay:0s}.characterConteneir .input-group{border:0}.fade-in-delayed select,input,.file-upload{width:80%;align-self:center;border:0}.file-upload input[type=file]{position:absolute;left:0;top:0;opacity:0;cursor:pointer}.file-upload-label{height:40px;background-color:#7a5454;color:#e0d8d8;padding:10px 15px;border-radius:5px;cursor:pointer;display:inline-block;transition:background .3s;width:80%;margin-top:5px}.file-upload-label:hover{background-color:#9c7070}.magic-container{position:relative;display:inline-block;margin-bottom:40px}.magic-container .h2{margin-bottom:0;margin-top:0}.magic-underline{position:absolute;bottom:-5px;left:0;width:0%;height:1px;background:linear-gradient(to right,#633e3e,#ba6c6c);box-shadow:0 0 10px #8d5959,0 0 10px #b85d5d;animation:drawLine 2s linear forwards}@keyframes drawLine{0%{width:0%}to{width:100%}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}