#root{text-align:center;flex-flow:column;justify-content:flex-start;align-items:center;height:100vh;margin:0;padding:0;display:flex}#header{-webkit-user-select:none;user-select:none;background:linear-gradient(#92d5e633 0%,#772d8b33 50%,#24242433 100%);border:2px solid #772d8b5c;border-top-width:0;border-radius:0 0 8px 8px;justify-content:space-around;align-items:center;width:100%;max-width:40rem;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}#logo{font-size:2rem}.readme{color:#888}#links{justify-content:center;align-items:center;margin:0;padding:0;display:flex}#randomizer{flex-flow:column;flex-grow:1;place-content:center flex-start;align-items:center;gap:1rem;width:100%;display:flex}.dark{color:#772d8b}.light{color:#92d5e6}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;background-color:#1a1a1a7d;border:2px solid #50505096;border-radius:8px;height:100%;padding:.2rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .5s}button:hover{border-color:#772d8b}.dropdown{z-index:1000;width:10rem}.dropdown-btn{cursor:pointer;background:#1a1a1a7f;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;font-size:1rem;font-weight:400;display:flex}.arrow{transition:transform .4s}.arrow.open{transform:rotate(180deg)}.dropdown-menu{width:inherit;z-index:2000;background:#1a1a1af6;border-radius:8px;margin-top:6px;padding:0;font-size:1rem;list-style:none;animation:.3s fadeIn;position:absolute;box-shadow:0 8px 20px #00000026}.item{cursor:pointer;border-radius:8px;padding:10px 12px}.item:hover,.item.highlighted{color:#92d5e6;background:#1a1a1aab}.item.active{color:#772d8b;background:#1a1a1a7d;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}input{color:inherit;background-color:#3a3a3abe;border-width:0;border-color:#0000;border-radius:4px;outline:0;height:1.7rem;margin:0;padding:0;font-size:100%;line-height:100%;display:inline-block}input.quantity{width:2rem;padding:0 .3rem}input.range{width:6rem}input.checkbox{appearance:none;color:#3a3a3abe;cursor:pointer;border-radius:.15em;place-content:center;width:1.5rem;height:1.5rem;margin:0;display:grid}input.checkbox:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#ffffffc7;border-radius:2px;width:1rem;height:1rem;transition:transform 50ms ease-in-out;transform:scale(0)}input.checkbox:checked:before{transform:scale(1)}div{font-size:1.2rem}.choosen-container{flex-flow:column;align-content:center;align-items:center;width:100%;max-width:800px;display:flex}.choosen-mono-box{color:#92d5e6;background-color:#1a1a1a7d;border-radius:8px;padding:.5rem;font-family:monospace;font-size:1.3rem;font-weight:400}.choosen-mono-box a{color:#92d5e6;font-size:1rem}iframe{border-color:#0000;border-radius:8px;max-width:100%}.randomizer-settings{text-align:center;flex-flow:wrap;place-content:center;align-items:center;gap:.5rem;display:flex}.randomizer-settings-row{text-align:center;-webkit-user-select:none;user-select:none;flex-flow:row;place-content:center;align-items:center;gap:.5rem;display:flex}.randomizer-settings-row span{text-align:center}.input-output{flex-flow:wrap;place-content:flex-start center;align-items:flex-start;width:100%;max-width:600px;display:flex}.input-output>div{padding:.5rem}.input-output-col{flex:1;font-size:1.2rem}.input-output-col ul{text-align:left;margin:0;list-style-type:decimal}.input-output-col li{text-align:left}#text-input{width:100%;min-height:300px;color:inherit;resize:none;box-sizing:border-box;background-color:#3a3a3abe;border-color:#1a1a1a7d;border-radius:8px;margin:0;font-size:1rem}.dice-canvas-container{width:90vw;height:400px;overflow-y:hidden}.coin{width:100px;height:100px;transform-style:preserve-3d;margin:0 auto;transition:-webkit-transform 1s ease-in;position:relative}.coin div{backface-visibility:hidden;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 12px 20px -10px #000000de}.side-heads{z-index:100;background-image:url(/heads.png);background-size:contain}.side-tails{background-image:url(/tails.png);background-size:contain;transform:rotateY(-180deg)}.coin.heads{animation:2s ease-out forwards flipHeads}.coin.tails{animation:2s ease-out forwards flipTails}@keyframes flipHeads{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}@keyframes flipTails{0%{transform:rotateY(0)}to{transform:rotateY(1980deg)}}.coin-box{flex-flow:wrap;place-content:center;align-items:center;gap:1.5rem;max-width:600px;display:flex}.golf-canvas-container{width:90vw;height:100%;overflow-y:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{height:100vh;margin:0;padding:0}