:root{--background:#282438;--yellow:#f0c52b;--offwhite:#eaebf7}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body,#root{background:radial-gradient(#3e223f, var(--background));background-attachment:fixed;width:100%;height:100%;font-size:15px}button{cursor:pointer;background-color:#0000;width:fit-content}input,button,textarea,select{appearance:none;border:none;outline:none}@media (width<=700px){:root{font-size:16px}}.page-container{flex-direction:column;align-items:center;width:100%;max-width:700px;min-height:100%;margin:0 auto;padding:20px 20px 60px;display:flex;position:relative}@media (width<=700px){.page-container{min-height:755px;overflow:hidden}}.credits{text-align:center;margin-top:60px;font-size:13px}.credits a{color:var(--yellow);opacity:.5;text-decoration:none}.credits a:hover{opacity:1}.entries{align-self:stretch}.entries-title{color:var(--yellow);padding:9px 5px;font-size:.9rem;font-weight:700}.entries .textarea-container{position:relative}.entries .textarea-container textarea{color:#fdf6f6;resize:vertical;border:1px solid #ffffff0d;border-top:3px solid var(--yellow);appearance:none;background-color:#ffffff12;border-radius:.25rem;width:100%;padding:12px 40px 12px 20px;font-size:1rem;line-height:20pt}.entries .textarea-container .share-button{cursor:pointer;padding:12px 12px 12px 0;position:absolute;top:0;right:0}.entries .textarea-container .share-button:after{content:"";width:100%;height:100%;padding-left:12px;position:absolute;top:0;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-wrapper{cursor:help}.tooltip-wrapper .tooltip{--tooltipBackground:#181717e6!important;--tooltipBorder:#201f1f00!important;color:#fff!important;border:none!important;border-radius:.25rem!important;font-size:.8rem!important;line-height:1.2rem!important}.tooltip-wrapper .tooltip-container{max-width:340px;padding:6px 10px}.page-header{text-align:center;margin:20px 0}.page-header .logo{image-rendering:-webkit-optimize-contrast}@media (width<=700px){.page-header{margin:5px 0}.page-header .logo{height:80px}}#instructions{letter-spacing:.02rem;text-align:left;width:100%;color:var(--offwhite);align-self:stretch;margin-top:10px;font-size:.9rem;line-height:1.5rem}#instructions .tooltip-trigger{border-bottom:1px dashed}#presets{flex-wrap:wrap;align-self:stretch;margin-top:8px;display:flex}#presets .preset{color:var(--offwhite);opacity:.5;border:1px solid;border-radius:.25rem;flex-shrink:0;margin-bottom:9px;padding:3px 8px;font-size:.8rem}#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;width:var(--diameter);height:var(--diameter);background-color:var(--background);z-index:0;opacity:.98;border-radius:50%;flex-shrink:0;place-items:center;margin-top:80px;display:grid;position:relative}.roulette *{-webkit-user-select:none;user-select:none}.roulette-rotating-part{z-index:1;transform-origin:50%;width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.2,-.1,0,1)}.roulette-slices{z-index:1;background-color:var(--background);opacity:.9;border:1px solid #ab6f22;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:absolute;top:0;left:0;overflow:hidden;transform:rotate(-90deg)}.roulette-slices-svg{position:absolute}.roulette-slices-slice{z-index:1;transform-origin:50%;stroke:#f5c010}.roulette--loser-slice{opacity:.12;transition:opacity .2s}.roulette-entry-names{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.roulette-entry-names-name{--line-height:14px;width:50%;top:calc(50% - var(--line-height) / 2);transform-origin:0 calc(var(--line-height) / 2);text-align:right;line-height:var(--line-height);letter-spacing:.5px;color:#f5f3e9;text-shadow:0 0 3px #0000004d;padding-right:38px;font-family:Montserrat,Inter,Arial;font-size:19px;position:absolute;left:50%}.roulette-spin-button{--size:95px;width:var(--size);height:var(--size);z-index:4;cursor:pointer;filter:brightness(1.1);background:radial-gradient(at top,#fff8af,#ffcc3c,#bb7632,#e19447);border-radius:50%;place-items:center;transition:filter .5s,box-shadow .5s;display:grid;position:absolute;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}.roulette-spin-button-text{color:#9b681c;text-shadow:0 0 #ffab10,0 1px #ffc749;font-family:Montserrat,Inter,Arial;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;filter:brightness();transition:none;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{z-index:3;background-color:#0000001a;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:inset 0 0 120px 30px #0003,inset 0 0 60px 10px #0006}.roulette-outer-ring{--thickness:53px;width:calc(100% + var(--thickness));height:calc(100% + var(--thickness));left:calc(0px - var(--thickness) / 2);top:calc(0px - var(--thickness) / 2);opacity:.95;background:radial-gradient(at top,#fff8af,#ffcc3c,#91551a,#e19447,#ffcc3c,#ffcc3c,#a96621,#ffcc3c,#a96621);border:1px solid #fcac35;border-radius:50%;position:absolute;box-shadow:0 10px 60px 12px #0003}.roulette:after{--ring-thickness:2px;content:"";width:calc(100% + var(--ring-thickness));height:calc(100% + var(--ring-thickness));z-index:1;border:var(--ring-thickness) solid #8f593a;border-radius:50%;position:absolute}.roulette:before{--ring-thickness:6px;content:"";width:calc(100% + var(--ring-thickness));height:calc(100% + var(--ring-thickness));z-index:1;border:var(--ring-thickness) solid #a1681280;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #c28428}.roulette-pointer{--width:40px;width:var(--width);top:-39px;left:calc(50% - var(--width) / 2);z-index:3;stroke:#c9892a66;stroke-width:1px;filter:drop-shadow(0 10px 5px #0000001a);position:absolute}