:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.screen{background:linear-gradient(#222,#333)}.page{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}input[type=text],input[type=number]{background-color:#000;border:none;border-bottom:2px solid #646cff;border-radius:.5rem;padding:.5rem 1rem;filter:drop-shadow(0 .15rem .25em #646cffaa)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100svh}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;outline:none;-webkit-tap-highlight-color:transparent}button:active{outline:none}.settingsButton svg{height:1rem;width:1rem}.settings{position:fixed;inset:0;z-index:1;opacity:1;transition:opacity .3s ease-in}.settings.hidden{opacity:0;pointer-events:none}.settings .input{display:flex;flex-direction:column}.settings .input label{margin-left:.5rem}.settings .input input,.settings .headerInput input{font-size:1.25rem;text-align:center}.settings .headerInput{position:absolute;top:0;left:0;right:0}.settings .headerInput input{width:calc(100vw - 6rem);margin-top:1rem;margin-left:1rem}.settings h1{margin:0;font-size:1rem;text-align:center}.settings .mainThing h1{margin-bottom:1rem}.settings .sourcesWrapper:before,.settings .sourcesWrapper:after{content:"";position:absolute;left:0;right:0;height:1rem;z-index:2}.settings .sourcesWrapper:before{top:0;background:linear-gradient(#2f2f2f,#2f2f2f00)}.settings .sourcesWrapper:after{bottom:0;background:linear-gradient(#2f2f2f00,#2f2f2f)}.settings .sourcesWrapper,.settings .sourcesScrollWrapper{position:relative;max-height:calc(100svh - 15rem)}.settings .sourcesScrollWrapper{overflow:auto;width:calc(100vw - 1rem)}.settings .sources{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:.5rem}.settings .source{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:.5rem;background-color:#444;border-radius:.5rem}.settings .source input{text-align:center;width:3rem;margin:0 .5rem;padding:.5rem}.settings .source input:first-child{width:7rem}.settings .sources .source .modeSelectWrapper{margin-top:.75rem}.settings .sources .source .modeSelect{font-size:.8rem}.settings .sources .source .modeSelect select{margin-left:.5rem;padding:.25rem .35rem .25rem .25rem;text-align:center;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:""}.settings .constants{margin:.5rem 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;max-width:calc(100vw - 2rem)}.settings .constantButton:focus{filter:drop-shadow(0 .15rem .25em #646cffaa)}.settings .constantButton.active{background-color:#646cff}.settings .constantButton.active:focus{background-color:#6cb1ff}.settingsButton{height:2rem;width:2rem;background-color:#0000;padding:0;position:fixed;top:1rem;left:1rem;z-index:12;outline:none}.settingsButton svg{height:100%;width:100%}.tabView{position:fixed;left:0;right:0;bottom:0;height:4rem;display:flex;justify-content:center;z-index:9}.tabView .tab{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.tabView .tab:not(.active){background-color:#131313}.tabView .tab.prevActive{border-radius:0 1rem 0 0}.tabView .tab.nextActive{border-radius:1rem 0 0}.tabView .tab.prevActive,.tabView .tab.nextActive{background-color:#191919}.panel{height:calc(100vh - 4rem);position:fixed;top:4rem;left:0;right:0;opacity:1;padding-top:3rem;transition:opacity .3s linear,top .3s linear,left .3s linear,right .3s linear;z-index:3}.left.panel.hidden{left:-100vw;right:100vw}.bottom.panel.hidden{top:100svh}.right.panel.hidden{left:100vw;right:-100vw}.panel .outside{position:fixed;top:0;left:4rem;right:0;height:4rem}.panel .headerThing,.panel .mainThing{background-color:#2f2f2f}.panel .headerThing{height:4rem;position:absolute;top:0;left:0;right:4rem;border-radius:1rem 1rem 0 0;display:flex;align-items:center;z-index:1}.panel .headerThing span{margin-left:2rem;font-size:1.5rem;color:#6a6eb7}.panel .headerThing svg{height:4rem;position:absolute;top:0;right:-4rem;bottom:0}.panel .mainThing{position:absolute;top:4rem;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:0 1rem 0 0}.panelBackdrop{pointer-events:none}.deleteButton{display:flex;align-items:center;justify-content:center;opacity:.4;background-color:#80001f;width:2rem;height:2rem;padding:0;margin-top:.25rem}.deleteButton.danger{opacity:1;background-color:#a90000;filter:drop-shadow(0 0 .5rem rgba(255,100,242,.67))}.deleteButton svg{height:1.5rem}.settingsTab{position:fixed;top:0;left:0;right:0;bottom:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.settingsTab .entitiesGrid{display:grid;grid-template-columns:auto auto;gap:1rem}.settingsTab .threeColumns.entitiesGrid{grid-template-columns:auto auto auto}.iconSelect{position:fixed;inset:4rem 2rem 5rem;border-radius:.75rem;z-index:2;background-color:#444;transition:top .3s linear,bottom .3s linear;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:1rem}.iconSelect.hidden{top:-100vh;bottom:100vh}.iconSelect .closeButton{position:absolute;top:0;right:0;padding:0;display:flex;align-items:center;justify-content:center;background-color:#0000}.iconSelect .closeButton svg{height:3rem;width:3rem}.iconSelect .closeButton rect{fill:#fff}.iconSelect .header{height:5.5rem;display:flex;align-items:center}.iconSelect svg{height:4rem}.iconGridScrollWrapper{overflow:auto;height:calc(100vh - 15.5rem);padding:1rem;width:17rem}.iconGridWrapper{position:relative}.iconGridWrapper:before,.iconGridWrapper:after{content:"";position:absolute;left:0;right:0;height:1rem;z-index:2}.iconGridWrapper:before{top:0;background:linear-gradient(#444,#4440)}.iconGridWrapper:after{bottom:0;background:linear-gradient(#4440,#444)}.iconGrid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.iconGridButton{background-color:#0000;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:100%;box-shadow:inset #ffffff50 0 0 1rem .25rem}.iconGridButton.active{box-shadow:inset #3ecbff 0 0 1rem .25rem}.iconGridButton:disabled{opacity:.4}.iconSelectButtonWrapper{display:flex;align-items:center;justify-content:center}.iconSelectButton{background-color:#444;display:flex;gap:.25rem;align-items:center;justify-content:center;margin-top:.25rem;padding:.25rem}.iconSelectButton svg{height:1.75rem}.icon{fill:#fff}.icon .stroke{stroke:#fff}.icon .transitionD100{transition:d .1s linear}.pawz{transition:d 1s linear,opacity .75s ease-out}.sharpShooter{--unit: min( calc(50vw - 1rem) , calc(25vh - 2rem) );position:absolute;top:calc(.1 * var(--unit));left:calc(.08 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.sharpShooter>svg{height:calc(.15 * var(--unit));width:calc(.15 * var(--unit));margin:calc(.05 * var(--unit)) 0;opacity:.6}.sharpShooter .flipSwitch{padding:calc(.015 * var(--unit))}.sharpShooter .flipSwitch svg{height:calc(.2 * var(--unit));width:calc(.2 * var(--unit))}.flipSwitch{display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:#00000050}.flipSwitch svg{fill:#fff;opacity:.4}.active.flipSwitch{background-color:#000}.active.flipSwitch svg{fill:#646cff;opacity:1}.main{position:fixed;inset:0;--unit: min( calc(50vw - 1rem) , calc(25svh - 2rem) );display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;overflow:auto;padding-bottom:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.main .modes{margin:0 3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem;padding:1rem}.main .mode{padding:.2rem .4rem;background-color:#444}.main .mode:not(.active){background-color:#333;opacity:.4}.main .numbers{display:grid;grid-template-columns:repeat(2,var(--unit));grid-template-rows:repeat(4,var(--unit));gap:.5rem}.main .number{display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#44444450;border-radius:calc(var(--unit) * .1)}.main .moving.number{animation:wiggle 1s infinite}.main .number .top{display:flex;align-items:flex-end;justify-content:center;flex:2}.main .number .bottom{flex:1}.main .number .bottom p{margin:0;font-size:max(calc(.3 * var(--unit)),1rem)}.main .number .icons svg{height:calc(.45 * var(--unit))}.main .number svg.icon{fill:#fff}.backdrop{position:fixed;inset:0;background-color:#222;z-index:2;opacity:1;transition:opacity .2s linear;transition-delay:.1s}.hidden.backdrop{opacity:0;transition-delay:0ms}@keyframes wiggle{0%{transform:rotate(1deg) translate(2px,2px) scale(1);background-color:#444}10%{transform:rotate(-2deg) translate(-2px,-2px) scale(.98);background-color:#555}20%{transform:rotate(2deg) translate(2px,-2px) scale(1);background-color:#444}30%{transform:rotate(-1deg) translate(-2px,2px) scale(1.02);background-color:#333}40%{transform:rotate(1deg) translate(2px,-2px) scale(1);background-color:#444}50%{transform:rotate(-2deg) translate(-2px,2px) scale(1.02);background-color:#555}60%{transform:rotate(2deg) translate(2px,-2px) scale(1);background-color:#444}70%{transform:rotate(-1deg) translate(2px,2px) scale(.98);background-color:#333}80%{transform:rotate(1deg) translate(2px,-2px) scale(1);background-color:#444}90%{transform:rotate(-2deg) translate(2px,2px) scale(1.02);background-color:#555}to{transform:rotate(-2deg) translate(-2px,2px) scale(.98);background-color:#444}}.paneView{overflow:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;max-width:100vw}.paneView::-webkit-scrollbar{display:none}.paneViewScrollyContent{height:100%;width:100%;display:flex}.paneViewPane{scroll-snap-align:start;scroll-snap-stop:always;max-height:100%;min-width:100%;display:flex;align-items:center;justify-content:center}.calculator{height:100%;display:flex;flex-direction:column;align-items:center}.calculatorContent{height:100%;width:12rem;display:flex;flex-direction:column}.calculator .calcHeader svg{height:calc(var(--unit) * .3);min-height:calc(var(--unit) * .3)}.calculator .calcHeader{display:flex;justify-content:center;align-items:center;margin:0 auto calc(var(--unit) * .1) auto}.calculator h2{margin-top:0;text-align:center}.calculator .superiorityDice{--size: round(up, calc(var(--unit) * .2), 1px);height:var(--size);width:var(--size);min-height:var(--size);min-width:var(--size);margin-left:calc(var(--unit) * .05);border-radius:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#7e7e7e 0% 10%,#444 20%,#3f3f3f00 20%);position:relative}.calculator .superiorityDice>div{transition:opacity .2s ease-out;position:absolute;inset:0;animation-name:extinguish;animation-duration:.8s;animation-fill-mode:forwards;background:radial-gradient(circle,#fff 0% 20%,#ff9780 20%,#ff3c00cc,#ff00004d 50%,#0000 70%)}.calculator .active.superiorityDice>div{animation-name:ignite}@keyframes ignite{0%{opacity:0}5%{opacity:1}to{opacity:.6}}@keyframes extinguish{0%{opacity:.6}1%{opacity:1}to{opacity:0}}.checks{display:flex;justify-content:center;gap:1rem}.checks .label{margin-left:.2rem}.calculator button{margin:1rem 0;display:flex;align-items:center;justify-content:center}.calculator button>div{display:inline-block}.calculator button svg{width:2rem;transition:width .2s linear}.calculator button div{max-height:32px}.calculator button .hidden svg{width:0}.fadyContent{opacity:1;transition:opacity .2s linear;display:flex;flex-direction:column}.fadyContent.faded{opacity:0}.calculator .results{display:grid;align-items:center;justify-content:center;grid-template-columns:3rem 3rem;column-gap:1rem}.calculator .results>div{white-space:nowrap}.calculator .results .crit{text-shadow:0 0 9px #38e8ff,0 0 8px #38ffee,0 0 7px #38ffdb,0 0 5px #38ffc3,0 0 3px #38ffac,0 0 1px #38ff95;font-weight:700;font-size:1.2rem}.calculator .results .crit.fail{text-shadow:0 0 9px #ff5252,0 0 8px #ff6652,0 0 7px #ff7252,0 0 5px #ff7a52,0 0 3px #ff8652,0 0 1px #ff9452}.calculator .discardedHitRoll{margin-left:1rem;opacity:.5;font-size:.8rem}.calculator .results div:nth-child(odd){text-align:right}.calculator .results .sum{border:.2rem solid white;height:3rem;width:3rem;border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}.resetButton.spin svg{animation:spinCC .25s linear}@-ms-keyframes spinCC{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(-360deg)}}@-moz-keyframes spinCC{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spinCC{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg)}}@keyframes spinCC{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}