*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400;-webkit-tap-highlight-color:transparent}:root{--c-white: #ffffff;--c-white-soft: #fbfbfb;--c-white-mute: #c3c3c3;--c-white-trans: rgba(255, 255, 255, .062);--c-black: #151515;--c-black-soft: #1f1f1f;--c-black-mute: #202020;--c-black-trans: rgba(0, 0, 0, .222);--c-red: rgb(207, 43, 43);--c-text-light-1: var(--c-black);--c-text-light-2: var(--c-black-mute);--c-text-dark-1: var(--c-white-soft);--c-text-dark-2: var(--c-white-mute);--c-div-light: rgba(80, 80, 80, .25);--c-div-dark: rgba(130, 130, 130, .7);--c-out-light: rgba(47, 47, 47, .413);--c-out-dark: rgba(130, 130, 130, .7);--c-bg-light-1: var(--c-white);--c-bg-light-2: rgba(208, 207, 198, .596);--c-bg-dark-1: var(--c-black);--c-bg-dark-2: rgba(27, 27, 28, .88)}:root{--c-bg-1: var(--c-bg-light-1);--c-bg-2: var(--c-bg-light-2);--c-text-1: var(--c-text-light-1);--c-text-2: var(--c-text-light-2);--c-out: var(--c-out-light);--c-div: var(--c-div-light);--c-trans-1: var(--c-black-trans);--c-trans-2: var(--c-white-trans)}.dark{--c-bg-1: var(--c-bg-dark-1);--c-bg-2: var(--c-bg-dark-2);--c-text-1: var(--c-text-dark-1);--c-text-2: var(--c-text-dark-2);--c-out: var(--c-out-dark);--c-div: var(--c-div-dark);--c-trans-1: var(--c-white-trans);--c-trans-2: var(--c-black-trans)}:root{font-family:Kadwa,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--c-bg-1);color:var(--c-text-1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100vw;min-height:100vh;margin:0;background-color:var(--c-bg-1);color:var(--c-text-1)}h1,h2,h3,h4,h5,h6,label{text-transform:uppercase;line-height:1.1}h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:700}h2{font-size:1.6rem;font-weight:700}h3{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}h4{margin:.5rem;font-weight:700}p{font-size:clamp(1rem,2vw,1.2rem)}a{font-weight:500;color:var(--c-text-1);text-decoration:none;border-radius:.25rem}label{width:100%;font-size:clamp(1.1rem,4vw,1.4rem);display:flex;flex-direction:column;text-align:center}input,textarea,select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--c-text-1);background:transparent;background-color:transparent;font-family:Schoolbell,Kadwa,Arial,sans-serif;text-transform:uppercase;font-size:clamp(1.4rem,6vw,1.6rem);border:none;border-bottom:solid var(--c-text-1) 3px;border-radius:0;accent-color:var(--c-text-1);padding:.2rem;margin-top:1rem}input::placeholder,textarea::placeholder,select::placeholder{color:var(--c-div)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--c-text-1);color:var(--c-text-1);background:transparent;background-color:transparent;text-transform:uppercase;border:3px solid var(--c-text-1);padding:.6em 1.2em;margin-top:1rem;font-size:clamp(1.1rem,4vw,1.4rem);font-family:inherit;border-radius:.5rem;transition:background-color .25s;cursor:pointer}button:hover{background-color:var(--c-trans-1)}a:focus,a:focus-visible,button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,select:focus{outline:solid var(--c-out) 2px;box-shadow:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--c-text-1);color:var(--c-text-1);background:transparent;background-color:transparent;text-transform:uppercase;border:3px solid var(--c-text-1);padding:.6em 1.2em;font-size:1.6rem;font-family:inherit;border-radius:.5rem;transition:background-color .25s;cursor:pointer}.btn:hover{color:var(--c-text-1);background-color:var(--c-trans-1)}ul{padding:0;font-size:clamp(1rem,2vw,1.2rem)}ul li{list-style:none}@keyframes box-blink{0%{scale:1}50%{box-shadow:0 2px 2px #2828286b;scale:1.4}to{scale:1}}@keyframes text-blink{0%{scale:1}50%{text-shadow:0 2px 4px rgba(21,21,21,.1);scale:1.2}to{scale:1}}.quote{color:var(--c-text-2);margin:.5rem 0}.mid-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:.5s background-color ease-in-out,.5s color}.left-wrapper p{text-align:left}.class-header{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer}.class-header .class-name{text-transform:uppercase;font-size:1.2rem}.class-header .arrow{transition:transform .3s ease;position:absolute;right:-24px;top:3px}.class-header .arrow.open{transform:rotate(180deg)}.details-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;transition:max-height 1s ease-in-out}.details-wrapper .details{display:flex;flex-direction:column;justify-content:center;align-items:center}.header-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center}.header-wrapper .material-symbols-outlined{font-weight:700;cursor:pointer;font-size:1.2rem;color:var(--c-text-1);transition:color .3s ease-in-out}.abilitys{width:100%;display:flex;justify-content:space-between}.abilitys .ability-container{text-transform:uppercase;font-size:1rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;width:52px}.abilitys .ability-container .ability{position:relative;border:solid var(--c-text-1) 3px;border-radius:.5rem;width:52px;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.abilitys .ability-container .ability .reminder{position:absolute;right:-9px;top:-6px;width:15px;height:15px;background-color:var(--c-text-1);border-radius:100%}.abilitys .ability-container .ability .reminder:hover{cursor:pointer}.abilitys .ability-container .ability .reminder.blink{animation:box-blink .4s cubic-bezier(.175,.6,.32,2)}.abilitys .ability-container .ability .ability-mod{font-weight:700;font-size:1.4rem}.abilitys .ability-container .ability .ability-mod.blink{animation:text-blink .4s cubic-bezier(.175,.6,.32,2)}.special:hover{cursor:pointer}.special-title.blink{animation:text-blink .4s cubic-bezier(.175,.6,.32,2)}strong{text-transform:uppercase;font-weight:700}.stress{display:flex;width:100%;height:50px;gap:.25rem}.stress button{height:100%;min-width:50px;margin:0;padding:.2rem .5rem;border:solid var(--c-text-1) 3px;border-radius:.5rem;font-size:1.7rem;line-height:0px}.stress .stress-container{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;border:solid var(--c-text-1) 3px;border-radius:.5rem;padding:.25rem;margin:0}.stress .stress-container .stress-point{background-color:var(--c-trans-1);border-radius:.25rem;transition:background-color .3s ease-in-out}.stress .stress-container .stress-point.filled{background-color:var(--c-text-1)}.wounds,.gear{width:100%}textarea{width:100%;height:auto;border:none;border-bottom:solid var(--c-text-1) 3px;text-align:left;padding:6px 0 4px;margin:0;resize:none;overflow:hidden;line-height:2rem}.clickable{cursor:pointer;transition:.3s background-color ease-in-out,.3s color}.struck{color:var(--c-trans-1);transition:.3s background-color ease-in-out,.3s color}.struck .material-symbols-outlined{color:var(--c-text-2)}.delete-button{color:var(--c-text-2);border:none;font-size:1rem;border-radius:.5rem;margin:0;transition:.5s background-color ease-in-out,.5s color ease,scale .5s ease}.delete-button:hover{color:var(--c-red);background-color:transparent;scale:1.1;transition:.5s background-color ease-in-out,.5s color ease,scale .5s ease}.check-container{display:flex;justify-content:center;align-items:center;position:relative;background:transparent;color:transparent}.check-container input[type=checkbox]{color:var(--c-text-1);background:transparent;width:20px;height:20px;z-index:2;cursor:pointer;margin:0;border:solid;accent-color:var(--c-text-1);border-radius:.25rem;border-width:3px}.check-container input.greyed-out{accent-color:var(--c-text-2);background:transparent;border-color:var(--c-trans-1);color:var(--c-trans-1)}.check-container .check{z-index:1;display:block;position:absolute;top:1px;color:var(--c-text-2);font-weight:700}.check-container .check.invisible{display:none}header{width:100%;height:52px;display:flex}main{width:100%;height:100%;flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem}nav{width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center}nav .navLink{color:var(--c-text-1);display:flex;justify-content:center;align-items:center;position:relative;font-weight:500;border-radius:.25rem}nav .navLink:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--c-text-2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}nav .navLink:hover:after{transform:scaleX(1)}nav ul{display:flex;gap:.5rem}nav ul li{text-transform:uppercase;display:flex;justify-content:center;align-items:center;flex-direction:column}nav ul li .theme-btn{margin:0;padding:0;border:none;display:flex;justify-content:center;align-items:center;height:24px}nav ul li .theme-btn:hover{background-color:var(--c-bg)}nav ul li .theme-btn span{font-size:1.3rem;padding:0}#root{position:relative;min-height:100vh;display:flex;align-items:center;flex-direction:column;text-align:center;background-color:var(--c-bg-2);overflow:hidden}#root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(./paper_2-CMgzEs0B.png) center top/100% auto repeat-y;opacity:.9;mix-blend-mode:lighten;pointer-events:none;z-index:0}body.dark #root:after{mix-blend-mode:color-burn}#root>*{position:relative;z-index:1}.home-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.home-section h1{font-size:clamp(3rem,10vw,6rem);position:fixed}.home-section div{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.home-section div p{margin-bottom:1.5rem;font-size:clamp(1.3rem,2vw,1.5rem);max-width:700px}form{width:100%;max-width:700px;padding:0 1rem;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:2rem}.text-container{width:100%;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;text-align:start;margin:.5rem 0}.class-info{max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;text-align:start;padding:1rem;border-radius:.5rem;border:solid var(--c-text-1) 3px}.class-info .quote{margin:0}