:root{--background: #282438;--yellow: #f0c52b;--offwhite: #eaebf7}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body,#root{height:100%;width:100%;background:radial-gradient(rgb(62,34,63),var(--background));background-attachment:fixed;font-size:15px}button{width:fit-content;cursor:pointer;background-color:transparent}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}@media all and (max-width: 700px){:root{font-size:16px}}.page-container{position:relative;min-height:100%;width:100%;max-width:700px;margin:0 auto;padding:20px 20px 60px;display:flex;flex-direction:column;align-items:center}@media all and (max-width: 700px){.page-container{min-height:755px;overflow:hidden}}.credits{margin-top:60px;text-align:center;font-size:13px}.credits a{text-decoration:none;color:var(--yellow);opacity:.5}.credits a:hover{opacity:1}.entries{align-self:stretch}.entries-title{font-weight:700;padding:9px 5px;font-size:.9rem;color:var(--yellow)}.entries .textarea-container{position:relative}.entries .textarea-container textarea{color:#fdf6f6;width:100%;font-size:1rem;line-height:20pt;padding:12px 40px 12px 20px;resize:vertical;background-color:#ffffff12;border:1px solid rgba(255,255,255,.05);border-top:3px solid var(--yellow);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem}.entries .textarea-container .share-button{position:absolute;top:0;right:0;cursor:pointer;padding:12px 12px 12px 0}.entries .textarea-container .share-button:after{content:"";top:0;left:-12px;width:100%;height:100%;position:absolute;padding-left:12px}.entries .textarea-container .share-button svg{opacity:.6;display:block}.entries .textarea-container .share-button:hover svg{opacity:1}.entries .textarea-container .share-button:active svg{opacity:.6}.tooltip-container{--tooltipBackground: #fff;--tooltipBorder: #c0c0c0;--tooltipColor: #000;background-color:var(--tooltipBackground);border-radius:3px;border:1px solid var(--tooltipBorder);box-shadow:0 2px 4px #0000002e;color:var(--tooltipColor);display:flex;flex-direction:column;padding:.4rem;transition:opacity .3s;z-index:9999}.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{height:1rem;position:absolute;width:1rem;pointer-events:none}.tooltip-arrow:before{border-style:solid;content:"";display:block;height:0;margin:auto;width:0}.tooltip-arrow:after{border-style:solid;content:"";display:block;height:0;margin:auto;position:absolute;width:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.4rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-color:transparent transparent var(--tooltipBorder) transparent;border-width:0 .5rem .4rem .5rem;position:absolute;top:-1px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-color:transparent transparent var(--tooltipBackground) transparent;border-width:0 .5rem .4rem .5rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-1rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-color:var(--tooltipBorder) transparent transparent transparent;border-width:.4rem .5rem 0 .5rem;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-color:var(--tooltipBackground) transparent transparent transparent;border-width:.4rem .5rem 0 .5rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.7rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-color:transparent var(--tooltipBorder) transparent transparent;border-width:.5rem .4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-color:transparent var(--tooltipBackground) transparent transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.7rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-color:transparent transparent transparent var(--tooltipBorder);border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-color:transparent transparent transparent var(--tooltipBackground);border-width:.5rem 0 .5rem .4em;left:3px;top:0}.tooltip-wrapper{cursor:help}.tooltip-wrapper .tooltip{--tooltipBackground: rgba(24, 23, 23, .9) !important;--tooltipBorder: rgba(32, 31, 31, 0) !important;color:#fff!important;border:none!important;font-size:.8rem!important;line-height:1.2rem!important;border-radius:.25rem!important}.tooltip-wrapper .tooltip-container{max-width:340px;padding:6px 10px}.page-header{margin:20px 0;text-align:center}.page-header .logo{image-rendering:-webkit-optimize-contrast}@media all and (max-width: 700px){.page-header{margin:5px 0}.page-header .logo{height:80px}}#instructions{width:100%;font-size:.9rem;letter-spacing:.02rem;line-height:1.5rem;text-align:left;color:var(--offwhite);margin-top:10px;align-self:stretch}#instructions .tooltip-trigger{border-bottom:1px dashed}#presets{display:flex;flex-wrap:wrap;margin-top:8px;align-self:stretch}#presets .preset{padding:3px 8px;color:var(--offwhite);border:1px solid;border-radius:.25rem;font-size:.8rem;flex-shrink:0;opacity:.5;margin-bottom:9px}#presets .preset:not(:last-of-type){margin-right:9px}#presets .preset:hover{opacity:1;background-color:#ffffff1a}#presets .preset:active{opacity:.5}.roulette{--diameter: 600px;position:relative;width:var(--diameter);height:var(--diameter);border-radius:50%;flex-shrink:0;display:grid;place-items:center;background-color:var(--background);z-index:0;margin-top:80px;opacity:.98}.roulette *{-webkit-user-select:none;user-select:none}.roulette-rotating-part{width:100%;height:100%;z-index:1;transform-origin:50% 50%;transition-property:transform;transition-timing-function:cubic-bezier(.2,-.1,0,1)}.roulette-slices{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;display:grid;place-items:center;border-radius:50%;overflow:hidden;transform:rotate(-90deg);border:1px solid #ab6f22;background-color:var(--background);opacity:.9}.roulette-slices-svg{position:absolute}.roulette-slices-slice{z-index:1;transform-origin:50% 50%;stroke:#f5c010}.roulette--loser-slice{opacity:.12;transition:opacity .2s ease}.roulette-entry-names{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transform:rotate(-90deg)}.roulette-entry-names-name{--line-height: 14px;position:absolute;width:50%;top:calc(50% - var(--line-height) / 2);left:50%;transform-origin:0 calc(var(--line-height) / 2);text-align:right;padding-right:38px;line-height:var(--line-height);font-family:Montserrat,Inter,Arial;font-size:19px;letter-spacing:.5px;color:#f5f3e9;text-shadow:0px 0px 3px rgba(0,0,0,.3)}.roulette-spin-button{--size: 95px;position:absolute;display:grid;place-items:center;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(ellipse at top,#fff8af,#ffcc3c,#bb7632,#e19447);z-index:4;cursor:pointer;filter:brightness(1.1);box-shadow:0 0 0 1px #da9d2d,0 0 0 2px #ffb62e,0 0 0 3px #a8795a,0 10px 15px #0006,0 -10px 30px #ffd53d80;transition:filter .5s ease,box-shadow .5s ease}.roulette-spin-button-text{font-family:Montserrat,Inter,Arial;color:#9b681c;text-shadow:0px 0px #ffab10,0px 1px #ffc749;font-size:17px}.roulette-spin-button:hover{filter:brightness(1.2);box-shadow:0 0 0 1px #975e37,0 0 0 2px #ffb62e,0 0 0 3px #a8795a,0 10px 15px #0006,0 -10px 40px #ffd53d}.roulette-spin-button:active{--size: 84px;transition:none;filter:brightness(1);box-shadow:0 0 0 1px #975e37,0 0 0 3px #ffb62e,0 0 0 4px #a8795a,0 0 20px 4px #00000080}.roulette-spin-button:active *{font-size:16px}.roulette-shadow{position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 120px 30px #0003,inset 0 0 60px 10px #0006;background-color:#0000001a;z-index:3}.roulette-outer-ring{--thickness: 53px;position:absolute;width:calc(100% + var(--thickness));height:calc(100% + var(--thickness));left:calc(0px - var(--thickness) / 2);top:calc(0px - var(--thickness) / 2);background:radial-gradient(ellipse at top,#fff8af,#ffcc3c,#91551a,#e19447,#ffcc3c,#ffcc3c,#a96621,#ffcc3c,#a96621);border-radius:50%;border:1px solid rgb(252,172,53);box-shadow:0 10px 60px 12px #0003;opacity:.95}.roulette:after{--ring-thickness: 2px;content:"";width:calc(100% + var(--ring-thickness));height:calc(100% + var(--ring-thickness));border-radius:50%;position:absolute;z-index:1;border:var(--ring-thickness) solid #8f593a}.roulette:before{--ring-thickness: 6px;content:"";width:calc(100% + var(--ring-thickness));height:calc(100% + var(--ring-thickness));border-radius:50%;position:absolute;z-index:1;border:var(--ring-thickness) solid rgba(161,104,18,.5);box-shadow:0 0 0 1px #c28428}.roulette-pointer{--width: 40px;position:absolute;width:var(--width);top:-39px;left:calc(50% - var(--width) / 2);z-index:3;stroke:#c9892a66;stroke-width:1px;filter:drop-shadow(0px 10px 5px rgba(0,0,0,.1))}