.firebase-emulator-warning{display:none}body{--sizing-scale:0.7;--primary:#282c34;--secondary:#fff;--tertiary:#2e86ab;--tertiary:#89bbfe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary);color:var(--secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .5s ease;will-change:background-color}.shrink-noes{--sizing-scale:0.4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:stretch;display:flex;min-height:100vh}.content{align-items:center;height:100vh;justify-content:center;min-height:-webkit-min-content;min-height:min-content}.content,.login-form{display:flex;flex-wrap:wrap}.login-form{border-radius:2.5rem;font-weight:700;max-width:350px;padding:1rem}.login-form>:not(.separator){flex-basis:100%;margin-bottom:1rem}.form-header{text-align:center}.action-buttons{display:flex;justify-content:space-between}.action-buttons button{flex-basis:40%}.separator{align-items:center;display:flex;justify-content:center;margin:0;width:100%}.separator:after,.separator:before{background-color:currentColor;content:"";flex-basis:100%;height:1px;margin-inline:1rem}.session-conainer{display:grid;flex-basis:100%;grid-template-columns:1fr;grid-template-rows:auto 1fr;text-align:center}.session-conainer .MuiList-root{max-width:none}@media(min-width:768px){.session-conainer{padding:1rem 10rem}}.session-forms{display:flex;flex-wrap:wrap;justify-content:space-evenly}.form-header{flex-basis:100%}.session-heading{line-height:1;margin:.25rem}.start-session .MuiFab-root{bottom:2rem;position:fixed;right:2rem}.start-session .actions{display:flex;justify-content:space-between;margin:.5rem 0}.start-session .MuiFormControl-root{margin:.5rem 0}.start-session .MuiNativeSelect-select:not([multiple]) option{background-color:var(--primary)}.domino{background-color:#fff;border-radius:.25rem;display:inline-flex;flex-direction:column;flex-shrink:0;height:calc(101px*var(--sizing-scale));margin:.075rem;position:relative;width:calc(50px*var(--sizing-scale))}.highlight{box-shadow:0 1px 22px 1px gray;outline:2px solid #000;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .1s;z-index:2}.domino.rotate-90{margin:0 calc(25px*var(--sizing-scale));-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform:rotate(calc(90deg + var(--rotation-factor, 0deg)));transform:rotate(calc(90deg + var(--rotation-factor, 0deg)))}.domino.rotate-0{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(calc(var(--rotation-factor, 0deg)));transform:rotate(calc(var(--rotation-factor, 0deg)))}@media(max-width:768px){.domino.rotate-0{margin:calc(-25px*var(--sizing-scale)) 0}}.domino.rotate--90{margin:0 calc(25px*var(--sizing-scale));-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform:rotate(calc(-90deg + var(--rotation-factor, 0deg)));transform:rotate(calc(-90deg + var(--rotation-factor, 0deg)))}.domino-side{display:flex;flex-basis:calc(50px*var(--sizing-scale));flex-wrap:wrap;padding:calc(.25rem*var(--sizing-scale)) calc(.375rem*var(--sizing-scale))}.domino-gone{background-color:gray;cursor:not-allowed}.dot{border-radius:50%;box-shadow:inset 2px 2px 3px hsla(0,0%,78%,.6);height:calc(10px*var(--sizing-scale));margin:calc(.125rem*var(--sizing-scale));overflow:hidden;width:calc(10px*var(--sizing-scale))}.dot,.side-seperator{background-color:#000}.side-seperator{height:1px;position:absolute;top:50%;width:100%}.side-seperator:after{background-color:silver;border-radius:50%;content:"";height:2px;left:50%;position:absolute;top:-.5px;width:2px}div[class^=dot-]{display:flex}.dot-1:first-child{align-self:center;flex-basis:100%;justify-content:center}.dot-2{padding:calc(.25rem*var(--sizing-scale))}.dot-2:first-child{align-self:flex-start;flex-basis:100%;justify-content:flex-end}.dot-2:nth-child(2){align-self:flex-end;flex-basis:100%;justify-content:flex-start}.dot-3:first-child{align-self:flex-start;flex-basis:100%;justify-content:flex-end}.dot-3:nth-child(2){align-self:center;flex-basis:100%;justify-content:center}.dot-3:nth-child(3){align-self:flex-end;flex-basis:100%;justify-content:flex-start}.dot-4,.dot-5{flex-basis:50%}.dot-4:nth-child(odd),.dot-5:first-child,.dot-5:nth-child(4){justify-content:flex-start}.dot-4:nth-child(2n),.dot-5:nth-child(2),.dot-5:nth-child(5){justify-content:flex-end}.dot-4:first-child,.dot-4:nth-child(2),.dot-5:first-child,.dot-5:nth-child(2){align-self:flex-start}.dot-4:nth-child(3),.dot-4:nth-child(4),.dot-5:nth-child(4),.dot-5:nth-child(5){align-self:flex-end}.dot-5:nth-child(3){align-self:center;flex-basis:100%;justify-content:center}.dot-6{display:flex;flex-basis:50%}.dot-6:nth-child(odd){justify-content:flex-start}.dot-6:nth-child(2n){justify-content:flex-end}.hand-container{display:flex;flex-wrap:wrap;justify-content:center}.game{--grid-gap:0.125rem;grid-gap:var(--grid-gap);background-color:transparent;box-sizing:border-box;display:grid;gap:var(--grid-gap);grid-template-areas:"header header header header" "ctrls ctrls board board" "ctrls ctrls board board" "ctrls ctrls board board" "hand hand board board" "hand hand board board" "hand hand board board";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;height:100vh;padding:var(--grid-gap)}@supports(height:100dvh){.game{height:100dvh}}@media(min-width:768px){.game{grid-template-areas:"header header header header" "board board board board" "board board board board" "hand hand ctrls ctrls" "hand hand ctrls ctrls" "hand hand ctrls ctrls" "hand hand ctrls ctrls"}}.grid-area{background-color:hsla(0,0%,100%,.1);border-radius:.25rem;box-sizing:border-box;max-width:calc(100vw - var(--grid-gap) - var(--grid-gap));overflow:scroll;padding:0 .3rem;text-align:center}.game ::-webkit-scrollbar{display:none}.game *{-ms-overflow-style:none;scrollbar-width:none}.header{display:flex;grid-area:header;position:relative}.controls{grid-area:ctrls;overscroll-behavior-x:contain;scroll-snap-align:center;scroll-snap-type:x mandatory}.controls>*{scroll-snap-stop:always}.hand{grid-area:hand}.board-container{--rotation-factor:90deg;align-items:center;display:flex;flex-direction:column;grid-area:board;justify-content:center;padding:0;position:relative}@media(min-width:768px){.board-container{--rotation-factor:0deg;align-items:center;flex-direction:row}}.board-container>div:nth-child(2){transition:box-shadow .2s ease;will-change:box-shadow}.board-container.offset-right>div:nth-child(2){box-shadow:inset -20px 0 18px -24px #000}@media(max-width:768px){.board-container.offset-right>div:nth-child(2){box-shadow:inset 0 -20px 18px -24px #000}}.board-container.offset-left>div:nth-child(2){box-shadow:inset 20px 0 18px -24px #000}@media(max-width:768px){.board-container.offset-left>div:nth-child(2){box-shadow:inset 0 20px 18px -24px #000}}.board-container.offset-left.offset-right>div:nth-child(2){box-shadow:inset 20px 0 18px -24px #000,inset -20px 0 18px -24px #000}@media(max-width:768px){.board-container.offset-left.offset-right>div:nth-child(2){box-shadow:inset 0 -20px 18px -24px #000,inset 0 20px 18px -24px #000}}.board-scroller{align-self:stretch;display:flex;overflow:scroll;position:relative}.status{position:absolute;top:0;width:100%}.game-header{align-items:center;display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center}.game-header .right-side{flex-grow:1}.game-timeline{--sizing-scale:0.275;list-style-type:decimal;padding:0;text-align:start}.game-timeline li{counter-increment:mycount;display:list-item;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-timeline li.current{color:#90caf9}.game-timeline li.current span:before{content:">";display:inline-block}.board{align-items:center;display:inline-flex;margin:0 auto;max-width:100%}@media(max-width:768px){.board{flex-direction:column;height:-webkit-min-content;height:min-content;margin:0 auto;max-width:calc(125px*var(--sizing-scale));min-width:125px;overflow-x:hidden}}.bg{z-index:-1}dialog{background:var(--primary);color:var(--secondary)}dialog::-webkit-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}dialog::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.seat{background-color:#fff;border:1px solid #000;border-radius:16rem;color:#000;cursor:pointer;display:inline-block;margin:5px;overflow:hidden;padding:.125rem;text-overflow:ellipsis;white-space:nowrap;width:3rem}@media(min-width:768px){.seat{width:5rem}}.seat:hover{background-color:#000;color:#fff}.seat.taken{cursor:not-allowed}.seat.taken,.seat.taken:hover{background-color:#ccc;color:#000}.seats{margin:0;padding:0}.icon{width:2.25rem}.to-top{left:.5rem;position:absolute;top:.5rem}@media(max-width:768px){.to-top{bottom:0;left:auto;right:0;top:auto}}.to-bottom{position:absolute;right:.5rem;top:.5rem}@media(max-width:768px){.to-bottom{bottom:0;left:0;right:auto;top:auto}}[class^=to-]{-webkit-filter:drop-shadow(0 2px 3px #000);filter:drop-shadow(0 2px 3px black);opacity:.7;z-index:1}[class^=to-]:hover{opacity:1}[class^=to-]>button{min-width:0;min-width:auto}@media(min-width:768px){.mobile{display:none}}@media(max-width:768px){.desktop{display:none}}.game-chat{container-type:inline-size;display:grid;display:flex;flex-direction:column;grid-template-areas:"messages" "box";grid-template-rows:1fr auto;min-width:100%;scroll-snap-align:center}.messages{border-radius:.25rem;box-sizing:border-box;grid-area:messages;margin-bottom:.5rem;max-height:100%;overflow:scroll;padding:.5rem}.message{background-color:hsla(0,0%,100%,.098);margin-block:.4rem;max-width:80%;padding:.3rem;text-align:left;width:-webkit-max-content;width:max-content}.message.me{margin-left:auto}.message .sender{color:var(--tertiary);display:block;font-weight:700}.message.group{margin-block:1px;padding-block:.1rem}.message.group-start{-webkit-margin-before:.4rem;margin-block-start:.4rem}@container (max-width: 450px){.message{font-size:.8rem}}
/*# sourceMappingURL=main.28288739.css.map*/