main{display:flex;align-items:center;justify-content:center}#cybergrid-parent{padding:40px;margin:20px 20px 20px 0;position:relative;pointer-events:none}#cybergrid,#cybergrid-parent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#cybergrid{pointer-events:all;transform:rotate(-45deg);border:4px solid var(--text-color-primary);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2px 2px;grid-auto-flow:row;background:var(--text-color-primary);box-shadow:var(--glow)}.grid-cell-parent{width:50px;height:50px;background:var(--background-color-secondary)}.grid-cell{width:100%;height:100%;font-size:24px;text-align:center;border:none;border-radius:0;transform:rotate(45deg);outline:none;background:none;box-shadow:none;transition:color .2s}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{-moz-appearance:textfield;box-sizing:border-box;color:var(--text-color-primary)}.highlight-bg{background:var(--accent-color)}.highlight-bg>input{color:#fff}.highlight-text{--text-color-primary:var(--accent-color)}#stats-parent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 30px 0 30px}.stat{font-size:20px;transition:color .2s;margin:12px 30px}.stat,.stat-name{display:inline-block}.stat-name{width:120px}.stat-value{display:inline-block;width:20px;text-align:center}.button{display:inline;width:60px;margin:0 3px;padding:4px;border-radius:8px 0 8px 0;border:none;background:var(--background-color-secondary);color:var(--text-color-primary);pointer-events:all}.button:hover{cursor:pointer;background:var(--accent-color);color:var(--background-color-primary)}.disabled{opacity:.5;cursor:not-allowed!important}.error{position:absolute;left:5px;top:-5px;width:100px;margin:0}.last-roll{right:5px}.last-roll,.undo-roll{position:absolute;bottom:20px;margin:0;width:80px}.undo-roll{left:5px}.modal-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;background:rgba(0,0,0,.75);z-index:1}.modal{box-sizing:border-box;background:var(--background-color-primary);width:auto;max-width:85%;max-height:85%;border-radius:16px 0 16px 0;padding:40px;margin:auto;box-shadow:var(--glow);overflow-y:auto}#modal>p{max-width:500px}.die{border:1px solid var(--text-color-primary);width:30px;height:30px;margin:0 10px 10px 0;padding:4px;display:inline-block;text-align:center;box-sizing:border-box;border-radius:5px 0}.highlight-die{border:1px solid var(--accent-color);color:var(--accent-color);box-shadow:var(--glow);transform:scale(1.2)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media screen and (max-width:800px){main{flex-direction:column}#cybergrid-parent{margin:0;transform:scale(.9)}#stats-parent{margin:0 20px}.stat{margin:12px 10px 0 0;font-size:16px}.stat-name{width:90px}}@media screen and (max-width:360px){#cybergrid-parent{margin-bottom:-10px;transform:scale(.8)}.stat{font-size:14px}.stat-name{width:75px}#stats-parent{margin:0 15px}.button{width:55px}}.switch-checkbox[data-v-716fe000]{display:none}.switch-label[data-v-716fe000]{display:block;margin:0 3px;padding:8px 4px 4px 4px;border-radius:8px 0 8px 0;border:none;background:var(--background-color-primary);width:70px;text-align:center}.switch-label[data-v-716fe000]:hover{cursor:pointer}.button-label[data-v-716fe000]{color:var(--text-color-primary)}.switch-toggle[data-v-716fe000]{position:absolute;background-color:var(--background-color-primary);border-radius:50%;top:calc(var(--element-size)*0.07);left:calc(var(--element-size)*0.07);height:calc(var(--element-size)*0.4);width:calc(var(--element-size)*0.4);transform:translateX(0);transition:transform .3s ease,background-color .5s ease}.switch-toggle-checked[data-v-716fe000]{transform:translateX(calc(var(--element-size)*0.6))!important}span[data-v-716fe000]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--background-color-primary)}*{transition:color .2s,background .2s,border .2s}@font-face{font-family:Soltz;src:url(../fonts/Soltz_Solid.78da709f.ttf) format("truetype")}body,html{margin:0;background:var(--background-color-primary)}a,h1,p,span{color:var(--text-color-primary)}h1,label,p.stat{font-family:Soltz}button,input,p,textarea{font-family:Tahoma}textarea{color:var(--text-color-primary)}h1{margin:4px 0 0 0;font-size:1.6rem}a{color:var(--accent-color)}#app-container{display:flex;width:100vw;height:100vh;flex-direction:column;align-items:center;justify-content:center}nav{position:fixed;box-sizing:border-box;width:100%;top:0;left:0;padding:20px;justify-content:space-between;background:var(--background-color-secondary);box-shadow:var(--glow)}#button-container,nav{display:flex}#character-button{margin:0 10px 0 0;padding:8px 15px 4px 15px;border-radius:8px 0 8px 0;border:none;background:var(--background-color-primary);color:var(--text-color-primary);text-align:center;font-family:Soltz;font-size:16px;cursor:pointer;height:28px}footer{position:fixed;box-sizing:border-box;width:100%;bottom:0;left:0;padding:20px;display:flex;justify-content:space-between;background:var(--background-color-secondary);box-shadow:var(--glow)}footer>p{margin:0;font-size:14px}#character-sheet input:focus,#character-sheet textarea:focus{outline:none;box-shadow:var(--glow)}#character-sheet input,#character-sheet textarea{background:var(--background-color-secondary);padding:10px 15px;box-sizing:border-box;margin-top:2px;border:none;border-radius:0 8px 0 8px;width:100%}#character-sheet textarea{resize:vertical;line-height:17px}#character-sheet textarea:not(:last-child){margin-bottom:20px}#character-sheet textarea.small{min-height:54px}#character-sheet textarea.large{min-height:88px}#character-sheet input{margin-bottom:20px}.top-row{display:flex}#character-sheet label{color:var(--text-color-primary)}:root{--background-color-primary:#f8bf90;--background-color-secondary:#feecbe;--accent-color:#cf1874;--text-color-primary:#8b115e;--glow:0 0 30px rgba(207,24,116,0.4)}:root.dark-theme{--background-color-primary:#3d0947;--background-color-secondary:#200623;--accent-color:#dd4168;--text-color-primary:#feecbe;--glow:0 0 30px rgba(221,65,104,0.26666666666666666)}@media screen and (max-width:800px){h1{margin:7px 0 0 0;font-size:1.2rem}footer{display:block}footer>p{font-size:10px}}@media screen and (max-width:550px){nav{flex-direction:column}#button-container{padding-top:10px}#character-sheet{padding:20px}#character-sheet input,#character-sheet textarea:not(:last-child){margin-bottom:10px}}@media screen and (max-width:360px){h1{margin:7px 0 0 0;font-size:1rem;text-align:center}#button-container{width:100%;justify-content:space-between}#character-button{transform:scale(.8) translateX(-16px)}#theme-button{transform:scale(.8);width:70px}footer,nav{padding:10px 20px}footer{position:relative}}