:root{--background-color:#121212;--background-color-rgb:18,18,18;--edge-opacity:0.85;--text-color:#e3e9f5;--palifico-color:#ff588a;--end-round-color:#fff;--user-text-color:#a9a9a9;--link-color:#d48aff;--link-hover-color:#b574da;--highlight-color:#f1d9ff;--bid-button-color:#e3e9f5;--bid-button-hover-color:#c0c5cf;--chat-header-background-color:#2f2f2f83;--help-button-background-color:#c3c3c3;--help-button-hover-color:#828282;--help-popup-background-color:#d8d8d8;--help-popup-text-color:#313131;--cup-color-1:#ae6d52;--cup-color-2:#e12c38;--cup-color-3:#00a4e1;--cup-color-4:#55a42e;--cup-color-5:#ff996d;--cup-color-6:#f5b13a}#root{height:100%;width:100%}.App{align-items:center;border:0 solid #fff;display:flex;flex-direction:column;justify-content:center;min-height:100%;min-width:100%}.App,body,html{text-align:center}body,html{background-color:#121212;background-color:var(--background-color);color:#e3e9f5;color:var(--text-color);font-family:IM Fell DW Pica,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;height:100%;width:100%}.container{border:0 solid #e3e9f5;box-sizing:border-box;padding-left:0;padding-right:0}.flex-column{flex-direction:column}.flex-column,.flex-row{align-items:center;display:flex;justify-content:center}.flex-row,.game-container{flex-direction:row}.game-container{display:flex;height:100%;width:100%}@media (max-width:768px){.game-container{flex-direction:column}}.table-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:60%}@media (max-width:768px){.table-container{height:60%;width:100%}}.chat-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:40%}@media (max-width:768px){.chat-container{height:40%;width:100%}}.table-text{display:inline-block;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:auto}.table-character{font-size:calc(1rem + .5vw)}@media (max-width:768px){.table-character{font-size:calc(.8rem + .5vw)}}.table-move{border:0 solid #fff;border-radius:50px;font-size:calc(.75rem + .75vw);padding:10px;z-index:10}@media (max-width:768px){.table-move{font-size:calc(1rem + .75vw)}}.table-palifico{color:#ff588a;color:var(--palifico-color);font-size:calc(1.5rem + 1.5vw);font-style:italic;left:50%;position:absolute;text-shadow:5px 5px 2px #2f2f2f;top:40%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:1000}@media (max-width:768px){.table-palifico{font-size:calc(1rem + 1.5vw);top:45%}}.table-end-round-normal{color:#fff;color:var(--end-round-color);font-size:calc(1.5rem + 1.5vw);font-style:italic;left:50%;position:absolute;text-shadow:5px 5px 2px #2f2f2f;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:1000}@media (max-width:768px){.table-end-round-normal{font-size:calc(1rem + 1.5vw)}}.table-end-round-palifico{color:#fff;color:var(--end-round-color);font-size:calc(1.5rem + 1.5vw);font-style:italic;left:50%;position:absolute;text-shadow:5px 5px 2px #2f2f2f;top:55%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:1000}@media (max-width:768px){.table-end-round-palifico{font-size:calc(1rem + 1.5vw)}}.player-move{width:100%}.table-cup{height:auto;position:relative;width:60px;z-index:1}@media (max-width:768px){.table-cup{width:40px}}.player-cup{cursor:pointer;transition:all .3s ease}.player-cup:hover{transform:translateY(-10%)}.player-dice{cursor:pointer;position:relative;z-index:1}.die-image{height:auto;margin:3px;opacity:.9;transition:all .3s ease;width:40px}@media (max-width:768px){.die-image{width:20px}}.player-bid-row{gap:10px}@media (max-width:768px){.player-bid-row{gap:0;padding:0 20px}}.player-bid-or{margin:0 20px}@media (max-width:768px){.player-bid-or{font-size:calc(1rem + .5vw);margin:0 10px}}.header-container{padding-top:2%;position:fixed;top:0;width:100%}.chat-box{border:1px solid #a9a9a9;border:1px solid var(--user-text-color);box-shadow:3px 3px 5px #676767b3;display:flex;flex-direction:column;height:50%;width:60%}@media (max-width:768px){.chat-box{height:90%;width:80%}}.chat-header{background-color:#2f2f2f83;background-color:var(--chat-header-background-color);border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--user-text-color);display:flex;font-size:calc(1rem + .5vw);justify-content:left;padding:5px 10px;-webkit-user-select:none;user-select:none}.chat-history{align-items:start;display:flex;flex-direction:column;justify-content:start;overflow:auto}.chat-message{font-size:calc(.75rem + .5vw);margin-bottom:auto;margin-top:auto;padding:10px;text-align:left}.chat-input-container{background-color:#2f2f2f83;background-color:var(--chat-header-background-color);border-top:1px solid #a9a9a9;border-top:1px solid var(--user-text-color);margin-top:auto;padding:5px 10px}.chat-input{background-color:#0000;border:none;box-sizing:border-box;color:#e3e9f5;color:var(--text-color);font-size:calc(1rem + .5vw);outline:none;padding:5px 10px;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.chat-input,.text{font-family:IM Fell DW Pica,sans-serif}.all-caps{font-family:IM Fell DW Pica SC,sans-serif}.main-title{font-size:calc(3em + 3vw);-webkit-user-select:none;user-select:none}.home-play{background:linear-gradient(45deg,#cc5de8,#845ef7)}.home-about,.home-play{font-size:calc(1em + 1vw);-webkit-user-select:none;user-select:none}.home-about{background:linear-gradient(45deg,#5c7cfa,#339af0)}.gradient-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#0000}.about-text{background:linear-gradient(45deg,#5c7cfa,#339af0)}.about-header,.about-text{-webkit-user-select:none;user-select:none}.about-header{font-size:calc(3rem + 2vw)}.about-paragraphs{font-size:calc(1rem + 1vw);line-height:1.3;margin-bottom:3%;-webkit-user-select:none;user-select:none}.about-link{color:#d48aff;color:var(--link-color);text-decoration:none}.about-link:hover{color:#b574da;color:var(--link-hover-color)}.player-bid{font-size:calc(1rem + .5vw)}.end-round-text,.player-bid{-webkit-user-select:none;user-select:none}.end-round-text{font-size:calc(2rem + 1vw)}.header{font-size:calc(1.5rem + 1vw);-webkit-user-select:none;user-select:none}.help{font-size:calc(1rem + 1vw)}.help-popup-text{color:#313131;color:var(--help-popup-text-color);font-size:calc(.75rem + .5vw);text-align:center}.color-1{color:#ae6d52;color:var(--cup-color-1)}.color-2{color:#e12c38;color:var(--cup-color-2)}.color-3{color:#00a4e1;color:var(--cup-color-3)}.color-4{color:#55a42e;color:var(--cup-color-4)}.color-5{color:#ff996d;color:var(--cup-color-5)}.color-6{color:#f5b13a;color:var(--cup-color-6)}.button{cursor:pointer;display:inline-block;padding:10px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.home-button{background-color:none;border-radius:500px;font-size:calc(3rem + 1vw);padding:10px 30px;text-shadow:5px 5px 5px #2f2f2fb3;transition:all .5s ease}@media (max-width:768px){.home-button{font-size:calc(2.5rem + 2vw)}}.home-button:hover{transform:translateY(-10%)}.home-button:active{transform:translateY(0)}.home-play-button{position:absolute;top:35%}.home-about-button{position:absolute;top:60%}@media (max-width:768px){.home-play-button{top:30%}.home-about-button{top:60%}}.back-button,.lets-play-button{font-size:calc(2rem + 1vw)}.bid-button{background-color:#e3e9f5;background-color:var(--bid-button-color);border-radius:20px;box-shadow:2px 2px 5px #fff6f6b3;color:#121212;color:var(--background-color);cursor:pointer;padding:10px 20px;transition:all .3s ease}.bid-button:hover{background-color:#c0c5cf;background-color:var(--bid-button-hover-color)}.bid-quantity{width:25%}.bid-quantity,.setup-input{background-color:#121212;background-color:var(--background-color);border:none;border-bottom:2px solid #e3e9f5;border-bottom:2px solid var(--text-color);box-sizing:border-box;color:#e3e9f5;color:var(--text-color);font-family:IM Fell DW Pica,sans-serif;outline:none;padding:5px 0;text-align:center}.setup-input{font-size:calc(2rem + .5vw);width:30%}@media (max-width:768px){.setup-input{width:75%}}.setup-input::placeholder{color:#e3e9f5;color:var(--text-color);opacity:.5}.setup-input:focus{animation:blink-cursor 1s step-end infinite;border-bottom-color:#e3e9f5;border-bottom-color:var(--text-color)}.setup-input-header{font-size:calc(2rem + 1.5vw);-webkit-user-select:none;user-select:none}.setup-char-table-container{height:50%;width:100%}.setup-char-table{align-items:start;display:flex;flex-direction:column;height:100%;overflow:auto;padding:20px;position:relative}.setup-header{font-size:2.5vw;margin-bottom:10px;padding:10px;position:sticky;text-shadow:5px 5px 3px #000;top:0;-webkit-user-select:none;user-select:none;width:100%}@media (max-width:768px){.setup-header{font-size:calc(1rem + 1.5vw)}}.setup-char{cursor:pointer;padding:10px 30px;transition:all .3s ease}@media (max-width:768px){.setup-char{padding:5px 10px}}.character-press:hover{transform:translateY(-10%)}.character-press:active{transform:translateY(0)}.table-press:hover{transform:translateY(10%)}.table-press:active{transform:translateY(0)}.setup-char-name{display:flex;font-size:calc(1rem + .5vw);justify-content:end;padding-right:10%;text-align:left;-webkit-user-select:none;user-select:none;width:25%}@media (max-width:768px){.setup-char-name{font-size:calc(.8rem + .5vw);width:40%}}.setup-char-description{color:#a9a9a9;color:var(--user-text-color);font-size:calc(.8rem + .5vw);text-align:left;-webkit-user-select:none;user-select:none;width:75%}@media (max-width:768px){.setup-char-description{font-size:calc(.6rem + .5vw);width:60%}}.home-table{opacity:.6;width:calc(30% + 10vw)}@media (max-width:768px){.home-table{width:100%}}.game-table{left:50%;max-width:500px;opacity:.75;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:75%}@media (max-width:768px){.game-table{width:60%}}.dot{animation:blink 1.4s infinite both}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,20%,50%,80%,to{opacity:1}40%{opacity:0}60%{opacity:0}}.end-round{left:30%;position:absolute;top:5%;transform:translate(-50%,-50%)}.value-dropdown{align-items:center;display:flex;display:inline-block;justify-content:center;position:relative;text-align:center;width:30%;z-index:999}.value-dropdown-button{border:none;border-radius:20px;color:#e3e9f5;color:var(--text-color);cursor:pointer;padding:10px;transition:all .3s ease;width:100%}.value-dropdown-button,.value-dropdown-content{background-color:#121212;background-color:var(--background-color)}.value-dropdown-content{border-radius:10px;bottom:100%;box-shadow:0 8px 16px 0 #0006;display:none;min-width:160px;position:absolute;z-index:1000}.value-dropdown-content span{color:#e3e9f5;color:var(--text-color);cursor:pointer;display:block;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1000}.value-dropdown-content span:hover{transform:translateY(-10%)}.value-dropdown:hover .value-dropdown-content{display:block}.value-dropdown:hover .value-dropdown-button{transform:translateY(-10%)}.help-button{align-items:center;background-color:#c3c3c3;background-color:var(--help-button-background-color);border-radius:50%;bottom:40px;box-shadow:2px 2px 5px #0f3c2780;color:#121212;color:var(--background-color);cursor:pointer;display:inline-block;display:flex;height:75px;justify-content:center;position:fixed;right:40px;text-align:center;transition:background-color .5s ease;-webkit-user-select:none;user-select:none;width:75px}.help-button:hover{background-color:#828282;background-color:var(--help-button-hover-color)}@media (max-width:768px){.help-button{bottom:20px;height:50px;right:20px;width:50px}}.help-popup{background-color:#d8d8d8;background-color:var(--help-popup-background-color);border-radius:10px;bottom:140px;box-shadow:0 0 10px #0000001a;opacity:0;padding:20px;position:fixed;right:40px;width:300px;z-index:1000}.help-popup-in{animation:fadeIn .5s linear forwards}.help-popup-out{animation:fadeOut .5s linear forwards}@media (max-width:768px){.help-popup{bottom:75px;right:20px;width:300px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.8b89c932.css.map*/