:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.xburgerMenuButton{font-size:1.3em;padding:0;cursor:pointer;height:50px;width:50px;display:flex;align-items:center;justify-content:center;outline:none;border:none;-webkit-tap-highlight-color:rgba(255,255,255,0);border-radius:.5rem}.xburgerMenu{padding-top:80px;position:absolute;top:0;bottom:0}.xburgerMenu.fader{left:0;right:0}.slider.xburgerMenu{left:calc(100vw + 20px);right:calc(-80vw - 20px)}.left.slider.xburgerMenu{left:calc(-80vw - 20px);right:calc(100vw + 20px)}.button{position:absolute;top:1rem}.button:not(.left){right:1rem}.left.button{left:1rem}.xburgerTouchOutsideSensor{position:absolute;inset:0;opacity:0;pointer-events:none}.xburgerTouchOutsideSensor.show{opacity:1;pointer-events:unset}.slider.xburgerMenu.show{left:0;right:0}.partial.slider.xburgerMenu.show:not(.left){left:20vw}.partial.left.slider.xburgerMenu.show{right:20vw}.xburgerMenu a *{pointer-events:none}.fader.xburgerMenu{opacity:1}.fader.xburgerMenu:not(.show){opacity:0;pointer-events:none}.settingsButton,.resetButton{outline:none;background:none;border:none}.resetButton,.settingsButton{height:50px;width:50px;padding:10px;border-radius:10px}.settingsButton svg{height:100%;width:100%}.resetButton{padding:5px}.resetButton svg{height:40px;width:40px}@-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)}}.dots{display:grid;grid-template-columns:repeat(3,2rem);grid-template-rows:repeat(3,2rem);height:6rem;width:6rem}.flipped.dots{transform:rotate(45deg)}.big.dots{grid-template-columns:repeat(4,2rem);grid-template-rows:repeat(4,2rem);height:8rem;width:8rem;transform:rotate(135deg)}.dots .dot{width:26px;height:26px;border-radius:100%;margin:3px}.hidden.NumberSliderSelectWrapper{overflow:hidden}.NumberSliderSelect{position:relative;display:flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.NumberSliderSelect .pointerContainer{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.NumberSliderSelect .pointer,.NumberSliderSelect .pointerShadow{clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%)}.NumberSliderSelect .pointerShadow{background-color:#33333390}.NumberSliderSelect .inputModal{z-index:3;position:absolute;border-radius:1rem;opacity:1}.NumberSliderSelect .hidden.inputModal{opacity:0;transition:opacity .3s linear}.NumberSliderSelect .fade{position:absolute;top:0;bottom:0;z-index:5;height:100%;pointer-events:none}.NumberSliderSelect .fade.left{left:0;border-radius:1rem 0 0 1rem}.NumberSliderSelect .fade.right{right:0;border-radius:0 1rem 1rem 0}.NumberSliderSelect .inputModal.shadow{box-shadow:0 6px 5px #000000b3;-webkit-box-shadow:0px 6px 5px 0px rgba(0,0,0,.7);-moz-box-shadow:0px 6px 5px 0px rgba(0,0,0,.7)}.NumberSliderSelect .scrollSelector::-webkit-scrollbar{display:none}.NumberSliderSelect .scrollSelector{position:relative;width:90px;overflow:auto;overscroll-behavior:contain;padding:1rem 0;scroll-snap-type:x mandatory}.NumberSliderSelect .thin.scrollSelector{padding:8px 0}.NumberSliderSelect .options{display:flex;align-items:center;justify-content:center}.NumberSliderSelect .option{border-radius:2rem;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always}.numberSelect{position:relative;z-index:2}.numberSelect_doneClosing{z-index:1}.numberSelect_value{position:relative;display:flex;align-items:center;justify-content:center;border-radius:100%;z-index:2}.numberSelect_input{opacity:1;z-index:1;transition:opacity .2s linear}.numberSelect_input-hidden{opacity:0;pointer-events:none}.numberSelect_increment{border-radius:100%;position:absolute;z-index:2;transition:top .2s linear,bottom .2s linear}.numberSelect_blur{position:absolute;pointer-events:none;z-index:1;opacity:1;transition:opacity .2s linear}.numberSelect_input-hidden .numberSelect_blur{opacity:0}.numberSelect_add svg path{translate:0 -2rem}.numberSelect_subtract svg path{translate:0 2rem}.grevlingPaneView{position:absolute;inset:0;overflow:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.grevlingPaneView::-webkit-scrollbar{display:none}.grevlingPaneViewScrollyContent{height:100%;width:100%;display:flex}.grevlingPaneViewPane{scroll-snap-align:start;scroll-snap-stop:always;max-height:100%;min-width:100%}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinCC{to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spinCC{to{-webkit-transform:rotate(-360deg)}}@keyframes spinCC{to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.chaosChance,.chaosChanceSettings{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.chaosChanceSettings{background-color:#333}.toggles{width:calc(100vw - 4rem);max-width:20rem;display:flex;align-items:center;justify-content:space-between}.toggles .toggleSwitch>span{margin-left:.25rem!important}.tokenInputs{display:grid;grid-template-columns:auto auto auto;max-height:100vh}.tokenInputColumn{display:flex;align-items:center;flex-direction:column;justify-content:center}.separator{flex:1;width:1px;background-color:#fff;min-height:100px;margin:0 8px}.tokenInputSpacer{height:56px;margin:4px 0}.tokenInput{display:flex;align-items:center;justify-content:center;color:#fff;margin:4px 0;background-color:#555;border-radius:2rem;padding:4px 10px}.tokenInput button{border:none;background:none;color:#fff;font-size:1rem;width:2rem;height:3rem;display:flex;align-items:center;justify-content:center}.tokenInput span{display:inline-block;min-width:1rem}.tokenInput .label{font-size:1.5rem;margin-right:8px;color:#fff;height:3rem;width:3rem;display:flex;align-items:center;justify-content:center;border-radius:3rem}.tokenInput .value{font-size:2rem}.chaosChanceSettings .options{display:flex;flex-direction:column;align-items:center}.minimumInterestingChance_header{color:#888;font-size:.9rem}.graph{width:80vw;display:flex;align-items:flex-end;justify-content:center}.column{flex:1;display:inline-block;height:40vh;margin:0 5px}.bar{background-color:#1e90ff;display:flex;align-items:flex-end;justify-content:center;border-radius:6px;margin-bottom:8px}.probabilityLabel{margin-bottom:8px;padding:0 4px}.blurse>div>span>svg,.tokenInput .label svg,.variableToken span svg{--size: 64px;height:var(--size);width:var(--size)}.stats{box-sizing:border-box;position:relative;height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:2rem}.stats .inputs{padding-bottom:2rem}.blurse{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem}.blurse>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.blurse .bless>span{color:#ffcf58}.variableToken{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:2rem}.variableToken .autoFailTentacle{opacity:0;transition:opacity .2s ease-in}.autoFail.variableToken .autoFailTentacle{opacity:1}.variableToken .numberSelect{opacity:1;transition:opacity .2s ease-in}.variableToken .surgeButton{height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;margin-top:.34rem}.variableToken .surgeButton svg{height:2rem;width:2rem;fill:#ffffff30;transition:fill .2s linear,opacity .2s linear,filter .2s linear;opacity:1}.surge.variableToken .surgeButton svg{fill:#ff9100;filter:drop-shadow(0 0 .1rem #ff6a00)}.autoFail.variableToken .surgeButton svg{opacity:0}.autoFail.variableToken .numberSelect{opacity:0;pointer-events:none}.variableTokens>div{opacity:1;height:12rem;transition:height .2s linear,opacity .2s linear;overflow:hidden}.hidden.variableTokens>div{height:1rem;pointer-events:none;opacity:0}.variableTokens>div{display:flex;align-items:center;justify-content:space-evenly;width:calc(100vw - 2rem)}.probabilities{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.probabilities .ellipses{width:100vw;text-align:center;margin:0;font-size:2rem}.probabilities>div{display:grid;grid-template-columns:auto auto;font-size:2rem;grid-auto-rows:2rem;grid-gap:1rem}.chanceLabel{text-align:right}.chanceValue{text-align:left;display:flex;align-items:center}.chanceValue .improvement{margin-left:1rem;font-size:1rem}.hideVariableTokensButtonWrapper{position:fixed;left:0;right:0;bottom:1rem;pointer-events:none;display:flex;justify-content:center}.hideVariableTokensButtonWrapper button{pointer-events:all;border-radius:1rem;background-color:#0000;border:none}.hideVariableTokensButtonWrapper button path{transition:d .2s linear}.hideVariableTokensButtonWrapper button svg{height:20px}