@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap);button{color:var(--fg)}button.primary-btn{background:#0084ff;background:rgb(var(--accent-primary));border:1px solid rgba(60,60,60,.3);border:1px solid rgb(var(--fg-50),.3);border-radius:6px;color:#fff;font-size:16px;min-height:30px;padding:0 10px;transition:box-shadow .2s linear,-webkit-transform 50ms linear,-webkit-filter 50ms linear;transition:box-shadow .2s linear,transform 50ms linear,filter 50ms linear;transition:box-shadow .2s linear,transform 50ms linear,filter 50ms linear,-webkit-transform 50ms linear,-webkit-filter 50ms linear}button.primary-btn:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}button.primary-btn:focus{box-shadow:0 0 0 4px rgba(0,132,255,.4);box-shadow:0 0 0 4px rgb(var(--accent-primary),.4)}button.primary-btn:active{-webkit-filter:brightness(.9);filter:brightness(.9);-webkit-transform:scale(.95);transform:scale(.95)}button.sec-btn{background:#fff;background:rgb(var(--bg-100));border:1px solid rgba(60,60,60,.5);border:1px solid rgb(var(--fg-50),.5);border-radius:6px;font-size:16px;min-height:30px;padding:0 10px;transition:box-shadow .2s linear,-webkit-transform 50ms linear,-webkit-filter 50ms linear;transition:box-shadow .2s linear,transform 50ms linear,filter 50ms linear;transition:box-shadow .2s linear,transform 50ms linear,filter 50ms linear,-webkit-transform 50ms linear,-webkit-filter 50ms linear}button.sec-btn:focus,button.sec-btn:hover{border:2px solid #0084ff;border:2px solid rgb(var(--accent-primary))}button.sec-btn:focus{box-shadow:0 0 0 4px rgba(0,132,255,.4);box-shadow:0 0 0 4px rgb(var(--accent-primary),.4)}button.sec-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}button.primary-btn:disabled,button.sec-btn:disabled{-webkit-filter:saturate(.5);filter:saturate(.5);-webkit-transform:none;transform:none}:root{--accent-primary:0,132,255;--red:255,59,48;--yellow:255,204,0;--green:52,199,89;--fg-100:0,0,0;--fg-90:10,10,10;--fg-85:15,15,15;--fg-80:20,20,20;--fg-75:30,30,30;--fg-70:40,40,40;--fg-60:50,50,50;--fg-50:60,60,60;--fg-40:75,75,75;--fg-30:90,90,90;--fg-20:100,100,100;--fg-10:110,110,110;--fg-0:120,120,120;--bg-100:255,255,255;--bg-90:245,245,245;--bg-80:235,235,235;--bg-70:225,225,225;--bg-60:215,215,215;--filter-accent-blue:invert(44%) sepia(44%) saturate(7500%) hue-rotate(195deg) brightness(102%) contrast(103%);--filter-mid-grey:invert(56%) sepia(0%) saturate(127%) hue-rotate(179deg) brightness(102%) contrast(86%);--filter-light-grey:invert(84%) sepia(0%) saturate(496%) hue-rotate(154deg) brightness(82%) contrast(90%);--filter-white:invert(100%);accent-color:#0084ff;accent-color:rgb(var(--accent-primary))}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:-apple-system,Inter,Arial,Helvetica,sans-serif;margin:0;padding:0}input[type=text]{background:#fff;background:rgb(var(--bg-100));border:1px solid rgba(60,60,60,.3);border:1px solid rgb(var(--fg-50),.3);border-radius:9px;color:#000;color:rgb(var(--fg-100));font-size:18px;height:40px;padding-left:10px}input[type=text]:focus,input[type=text]:hover{border:2px solid #0084ff;border:2px solid rgb(var(--accent-primary))}input[type=text]:focus{box-shadow:0 0 0 4px rgba(0,132,255,.4);box-shadow:0 0 0 4px rgb(var(--accent-primary),.4);outline:none}.default-cursor{cursor:default}body,html{accent-color:#0084ff;accent-color:rgb(var(--accent-primary));color:#000;color:rgb(var(--fg-100))}#root,body,html{height:100%;width:100%}#root{background:#ebebeb;background:rgb(var(--bg-80));overflow:hidden}#backdrop,#root{display:flex;flex-direction:column}#backdrop{align-items:center;flex:1 1;justify-content:center}#interaction-panel{background:#f5f5f5;background:rgb(var(--bg-90));border:1px solid rgba(60,60,60,.3);border:1px solid rgb(var(--fg-50),.3);border-radius:24px;overflow:hidden;position:relative;transition:height .3s ease-out,width .3s ease-out}#interaction-panel.bounce-in{-webkit-animation:bounce-in-animation 1s ease 1;animation:bounce-in-animation 1s ease 1}#toasts-container{align-items:flex-end;bottom:0;display:flex;flex-direction:column;max-width:33vw;min-width:300px;pointer-events:none;position:fixed;right:0;z-index:1000}#toasts-container .toast:last-child{opacity:1;pointer-events:all}#toasts-container .toast:nth-last-child(2){opacity:.66;pointer-events:none}#toasts-container .toast:nth-last-child(3){opacity:.33;pointer-events:none;-webkit-user-select:none;user-select:none}#toasts-container .toast:nth-last-child(4){opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}@-webkit-keyframes bounce-in-animation{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in-animation{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:690px){#backdrop:has(.game-frame.active){background:#f5f5f5;background:rgb(var(--bg-90));flex:initial}#interaction-panel:has(.game-frame.active){border:none;border-radius:0}#toasts-container{align-items:center;max-width:none;min-width:none;width:100%}}@media screen and (max-width:500px){#splash{-webkit-transform:scale(.65);transform:scale(.65)}}#splash{align-items:center;display:flex;flex-direction:column;padding:20px}#splash.fade-out{transition:opacity .3s ease-in}#splash-animation-wrapper{align-items:center;display:flex;flex-direction:row}img.logo{-webkit-animation:pop-logo 1.5s ease 1;animation:pop-logo 1.5s ease 1;height:100px;width:100px}div.logo-text-animator{align-items:center;-webkit-animation:show-text-box 3s ease-out 1;animation:show-text-box 3s ease-out 1;border-radius:12px;display:flex;height:100px;margin-left:10px;overflow:hidden}div.logo-text-animator div.logo-text-wrapper{-webkit-animation:float-right 3s ease-out 1;animation:float-right 3s ease-out 1}#loading-circle-wrapper{-webkit-animation:show-loading-circle 4s linear 1;animation:show-loading-circle 4s linear 1;margin-top:30px;opacity:1}#loading-circle-wrapper img{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-filter:var(--filter-mid-grey);filter:var(--filter-mid-grey)}@-webkit-keyframes pop-logo{0%{-webkit-filter:brightness(.9);filter:brightness(.9);opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{-webkit-filter:brightness(1.1);filter:brightness(1.1);opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-filter:brightness(.95);filter:brightness(.95);-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop-logo{0%{-webkit-filter:brightness(.9);filter:brightness(.9);opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{-webkit-filter:brightness(1.1);filter:brightness(1.1);opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-filter:brightness(.95);filter:brightness(.95);-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes show-text-box{0%,75%{margin-left:0}to{margin-left:10px}}@keyframes show-text-box{0%,75%{margin-left:0}to{margin-left:10px}}@-webkit-keyframes float-right{0%,75%{margin-left:-300px;opacity:0}to{margin-right:0;opacity:1}}@keyframes float-right{0%,75%{margin-left:-300px;opacity:0}to{margin-right:0;opacity:1}}@-webkit-keyframes show-loading-circle{0%,90%{margin-top:-24px;opacity:0}96%{opacity:0}to{margin-top:30px;opacity:1}}@keyframes show-loading-circle{0%,90%{margin-top:-24px;opacity:0}96%{opacity:0}to{margin-top:30px;opacity:1}}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#lobby{display:flex;flex-direction:column;opacity:0;padding:14px;position:absolute;top:0;width:540px}#lobby.active{opacity:1}#lobby.transitioning{transition:opacity .15s ease-out,left .3s ease-out}#hero{background-position:50%;background-size:cover;border:1px solid rgb(var(--fg-50),.3);height:200px;margin-bottom:10px}#hero,#name-section{border-radius:16px;width:100%}#name-section{align-items:center;background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);display:flex;flex-direction:row;justify-content:stretch;padding:14px}#name-section label{font-size:20px;font-weight:700;width:100px}#name-input{width:calc(100% - 80px)}#tab-slider-wrapper{align-items:center;display:flex;justify-content:center;padding:10px}#tab-slider{align-items:center;background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:8px;display:flex;height:36px;justify-content:space-evenly;width:209px}#tab-slider button.tab-option{background:none;border:none;border-radius:7px;color:rgb(var(--accent-primary));cursor:pointer;font-size:16px;height:30px;transition:.2s ease;width:100px}#tab-slider button.tab-option:hover{background:rgb(var(--accent-primary),.1)}#tab-slider button.tab-option.active{background:rgb(var(--accent-primary));color:#fff}#create-room-section{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:16px;width:100%}#create-room-form{align-items:center;display:flex;flex-direction:row;justify-content:stretch;padding:14px}#create-room-form label{display:block;font-size:20px;font-weight:700;width:100px}#limit-box{display:flex;flex-direction:row}#limit-box button{align-items:center;background:rgb(var(--accent-primary));border:1px solid rgb(var(--fg-90),.3);border-radius:15px;color:#fff;display:flex;font-size:12px;height:30px;justify-content:center;width:30px}#limit-box button:disabled{background:rgb(var(--bg-90));color:rgb(var(--fg-100))}#limit-box div.limit{align-items:center;border:1px solid rgb(var(--fg-90),.3);border-radius:15px;display:flex;font-size:18px;justify-content:center;margin:0 5px;width:60px}div.form-btn-grp{background:rgb(var(--bg-90));border-radius:0 0 16px 16px;border-top:1px solid rgb(var(--fg-90),.3);display:flex;justify-content:right;padding:14px}#join-room-section{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:16px;display:flex;flex-direction:column;width:100%}#join-room-form{align-items:center;display:flex;flex-direction:row;padding:14px}#join-room-form label{font-size:20px;font-weight:700;width:140px}#room-input{width:calc(100% - 140px)}@media screen and (max-width:620px){#lobby{width:90vw}#hero{height:150px}#name-section{align-items:start;flex-direction:column}#name-section label{margin-bottom:10px}#name-input{width:100%}}#headerstrip{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:rgb(var(--bg-90));border-bottom:1px solid rgb(var(--fg-90),.3);display:flex;flex-direction:row;height:60px;justify-content:space-between;margin-top:-62px;pointer-events:none;transition:margin-top .3s ease-out}#headerstrip.visible{margin-top:0;pointer-events:auto}#headerstrip a.title{align-items:center;display:flex;padding-left:20px}#headerstrip a.title img{height:36px}#headerstrip div.utils-wrapper{align-items:center;display:flex;justify-content:center;margin-right:10px}#exit-game-btn{background:transparent;border:none;color:rgb(var(--red));cursor:pointer;font-size:20px;padding:5px 10px}@media screen and (max-width:690px){#headerstrip{border-bottom:none}}.toggle-button{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:20px;height:36px;overflow:hidden;transition:.3s;width:62px}.toggle-button .circle-container{border-radius:20px;display:flex;flex-direction:row;height:100%;justify-content:flex-end;padding:2px;-webkit-transform:translateX(-26px);transform:translateX(-26px);transition:background .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,background .3s ease-out;transition:transform .3s ease-out,background .3s ease-out,-webkit-transform .3s ease-out;width:100%}.toggle-button.active .circle-container{background:rgb(var(--accent-primary));-webkit-transform:none;transform:none}.toggle-button .circle{align-items:center;background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:20px;color:rgb(var(--fg-70));display:flex;font-size:16px;height:30px;justify-content:center;transition:background .3s ease-out,color .3s ease-out;width:30px}.toggle-button.active .circle{background:#fff;color:rgb(var(--accent-primary))}div.game-frame{display:flex;flex-direction:column;margin:auto;max-width:690px;opacity:0;position:absolute;top:0;width:90vw}div.game-frame.active{opacity:1}div.game-frame.transitioning{transition:opacity .15s ease-out,left .3s ease-out}.game-frame div.splitter{display:grid;grid-template-columns:auto auto}.game-frame div.splitter div.game-board-wrapper{padding:20px}.game-frame div.splitter div.game-board{align-items:center;display:flex;flex-direction:column}.game-frame div.splitter div.game-board div.bingo-marker{grid-row-gap:4px;grid-column-gap:4px;-webkit-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:auto auto auto auto auto;margin-bottom:4px;row-gap:4px}div.bingo-marker div.bingo-letter{align-items:center;border-radius:8px;display:flex;font-size:22px;font-weight:700;height:50px;justify-content:center;width:50px}div.bingo-marker div.bingo-letter.marked{background:rgb(var(--accent-primary),.1);border:1px solid rgb(var(--accent-primary));color:rgb(var(--accent-primary))}#bingo-grid{grid-column-gap:4px;grid-row-gap:4px;-webkit-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:auto auto auto auto auto;row-gap:4px}#bingo-grid button.grid-btn{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:8px;font-size:19px;height:50px;pointer-events:none;transition:border .1s linear,-webkit-transform 50ms linear;transition:border .1s linear,transform 50ms linear;transition:border .1s linear,transform 50ms linear,-webkit-transform 50ms linear;width:50px}#bingo-grid button.grid-btn:focus,#bingo-grid button.grid-btn:hover{border:2px solid rgb(var(--accent-primary))}#bingo-grid button.grid-btn:active{-webkit-transform:scale(.92);transform:scale(.92)}.game-board-wrapper.my-turn #bingo-grid button.grid-btn{pointer-events:auto}#bingo-grid button.grid-btn.marked,#bingo-grid button.grid-btn.temp-marked{background:rgb(var(--accent-primary));color:#fff}#bingo-grid button.grid-btn.marked:focus,#bingo-grid button.grid-btn.marked:hover{border:1px solid rgb(var(--fg-50),.3)}#bingo-grid button.grid-btn.marked:active{-webkit-transform:none;transform:none}@media screen and (max-width:690px){div.game-frame{border-radius:0;height:calc(100dvh - 60px);width:100vw}.game-frame div.splitter{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto}div.game-board-wrapper{width:100vw}}button.tooltip-btn{position:relative}button.tooltip-btn .tooltip{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:8px;box-shadow:0 6px 10px rgba(0,0,0,.1);pointer-events:none;position:absolute;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out}button.tooltip-btn .tooltip.top{left:50%;top:calc(100% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:top left;transform-origin:top left}button.tooltip-btn .tooltip.top.invisible{opacity:0;-webkit-transform:scale(.2) translateX(-50%);transform:scale(.2) translateX(-50%)}button.tooltip-btn .tooltip.right{right:calc(100% + 10px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top right;transform-origin:top right}button.tooltip-btn .tooltip.right.invisible{opacity:0;-webkit-transform:scale(.2) translateY(-50%);transform:scale(.2) translateY(-50%)}button.tooltip-btn .tooltip.bottom{bottom:calc(100% + 10px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:bottom left;transform-origin:bottom left}button.tooltip-btn .tooltip.bottom.invisible{opacity:0;-webkit-transform:scale(.2) translateX(-50%);transform:scale(.2) translateX(-50%)}button.tooltip-btn .tooltip.left{left:calc(100% + 10px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left}button.tooltip-btn .tooltip.left.invisible{opacity:0;-webkit-transform:scale(.2) translateX(-50%);transform:scale(.2) translateX(-50%)}.tooltip .tooltip-inner{align-items:center;color:rgb(var(--fg-100));display:flex;flex-direction:column;justify-content:center;padding:6px 10px;position:relative}.tooltip .tooltip-inner .tooltip-corner{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-bottom:none;border-radius:6px 0 0 0;border-right:none;height:14px;position:absolute;width:14px}.tooltip-corner.top{top:-8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-corner.left{left:-8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tooltip-corner.right{right:-8px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.tooltip-corner.bottom{bottom:-8px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.tooltip-form{pointer-events:all}#room-options{border-bottom:1px solid rgb(var(--fg-50),.3);-webkit-column-gap:5px;column-gap:5px;padding:20px}#room-options,#room-options div.room-box{align-items:center;display:flex;justify-content:space-between}#room-options div.room-box{background:rgb(var(--bg-90));border:1px solid rgb(var(--fg-50),.5);border-radius:12px;flex-direction:row;height:42px;padding:0 6px}#room-options div.room-box div.room-id-text{margin:0 10px 0 5px}#room-options div.room-box button.copy-btn{align-items:center;background:rgb(var(--bg-100));color:rgb(var(--accent-primary));display:flex;height:30px;justify-content:center;width:30px}#room-options button.participants-btn{border-radius:12px;height:42px;justify-self:end;padding:0 10px}#turn-indicator{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:12px;display:flex;flex-direction:column;margin-top:20px;padding:10px}#turn-indicator div.player-indicator{font-size:20px;font-weight:700}#turn-indicator div.directions{margin:5px 0}.my-turn #turn-indicator{border:1px solid rgb(var(--accent-primary))}.my-turn #turn-indicator div.player-indicator{color:rgb(var(--accent-primary))}.marked-wrapper{height:0;justify-self:flex-end;min-height:100%;overflow-y:auto;padding:20px;width:300px}.marked-wrapper div.title{font-size:20px;font-weight:700}.marked-wrapper div.no-markings{align-items:center;background:rgb(var(--bg-100),.9);border-radius:8px;display:flex;justify-content:center;margin-top:20px;padding:20px}.marked-wrapper ul{list-style-type:none;margin-top:12px}.marked-wrapper li{align-items:center;background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:12px;display:flex;flex-direction:row;justify-content:space-between;margin:5px 0;padding:8px;width:100%}.marked-wrapper li .player-name{font-size:18px}.marked-wrapper li .number{align-items:center;background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:9px;display:flex;height:36px;justify-content:center;width:36px}@media screen and (max-width:690px){.marked-wrapper{height:auto;justify-self:auto;min-height:0;min-height:auto;overflow-y:visible;overflow-y:initial;width:auto}}#participants-view-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .25s linear;z-index:90}#participants-view-backdrop.nodisplay{display:none}#participants-view-backdrop.invisible{opacity:0}.participants-view-box{background:rgb(var(--bg-90));border:1px solid rgb(var(--fg-50),.5);border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.3);display:flex;flex-direction:column;height:80dvh;max-height:500px;max-width:350px;overflow:hidden;transition:.2s ease-out;width:80dvh}#participants-view-backdrop.invisible .participants-view-box{opacity:.1;-webkit-transform:scale(.4);transform:scale(.4)}.participants-view-box .title{align-items:center;border-bottom:1px solid rgb(var(--fg-50),.3);display:flex;flex-direction:row;height:60px;justify-content:space-between;padding:0 20px}.participants-view-box .title h1{font-size:20px}.participants-view-box .title button.close-btn{background:rgb(var(--bg-80),.4);border:none;border-radius:15px;font-size:16px;height:30px;transition:.15s;width:30px}.participants-view-box .title button.close-btn:hover{background:rgb(var(--red),.4);color:rgb(var(--red))}.participants-view-box ul.participants-list{flex:1 1;list-style-type:none;overflow-y:auto;padding:10px 10px 5px}ul.participants-list li.participant{align-items:center;background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-50),.3);border-radius:12px;display:flex;height:60px;justify-content:space-between;margin-bottom:5px;width:100%}li.participant div.participant-info{align-items:center;display:flex}div.participant-info div.profile-placeholder{border:1px solid rgb(var(--fg-50),.3);border-radius:20px;height:40px;margin:0 10px;width:40px}div.participant-info div.display-name{font-size:18px}div.user-options button.leave-btn{background:transparent;border:none;border-radius:8px;color:rgb(var(--red));font-size:18px;height:34px;margin-right:13px;padding:8px;transition:.2s}div.user-options button.leave-btn.loading{background:rgb(var(--red));color:#fff}div.user-options button.leave-btn:focus{background:transparent;border:1px solid rgb(var(--red))}div.user-options button.leave-btn:hover{background:rgb(var(--red));color:#fff}div.user-options button.leave-btn:disabled{-webkit-filter:brightness(.97);filter:brightness(.97)}#win-popup-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:.2s linear;z-index:100}#win-popup-backdrop.nodisplay{display:none}#win-popup-backdrop.invisible{opacity:0}#confetti-canvas{height:0;width:0}#win-popup{background:rgb(var(--bg-90));border:1px solid rgb(var(--fg-50),.5);border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.3);max-width:600px;transition:.3s ease-out;width:85vw}#win-popup-backdrop.invisible #win-popup{opacity:.2;-webkit-transform:scale(.2);transform:scale(.2)}#win-popup .title{align-items:center;border-bottom:1px solid rgb(var(--fg-50),.3);display:flex;flex-direction:row;height:60px;justify-content:space-between;padding:0 20px}#win-popup .title h1{font-size:30px}#win-popup .title .close-popup-btn{background:rgb(var(--bg-80),.4);border:none;border-radius:15px;font-size:16px;height:30px;transition:.15s;width:30px}#win-popup .title .close-popup-btn:hover{background:rgb(var(--red),.4);color:rgb(var(--red))}div.winner-caption{font-size:20px;padding:20px 20px 0}#winner-list{border-radius:8px;display:flex;list-style-type:none;margin-bottom:8px;overflow-x:auto;padding:20px;white-space:nowrap;width:100%}#winner-list li{background:rgb(var(--bg-100));border:1px solid rgb(var(--fg-100),.2);border-radius:8px;display:inline-flex;flex-direction:column;margin:0 5px}#winner-list li:first-child{margin-left:auto}#winner-list li:last-child{margin-right:auto}#winner-list li div.visuals{height:120px;width:225px}#winner-list li div.text,#winner-list li div.visuals{align-items:center;display:flex;justify-content:center}#winner-list li div.text{border-top:1px solid rgb(var(--fg-50),.3);height:40px}#win-popup div.btn-group{border-top:1px solid rgb(var(--fg-50),.3);display:flex;justify-content:flex-end;padding:10px}@media screen and (max-width:690px){#win-popup{width:90vw}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgb(var(--bg-100),.5);border:1px solid hsla(0,0%,59%,.5);border-radius:12px;border-top-color:hsla(0,0%,59%,.3);box-shadow:0 5px 5px rgba(0,0,0,.1);margin:0 10px 10px;padding:6px 10px;-webkit-transform-origin:right;transform-origin:right;transition:.3s ease}.toast.entry-point{height:0;margin-bottom:0;margin-top:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;-webkit-transform:scale(0) translateX(30px);transform:scale(0) translateX(30px)}.toast.removed{opacity:0!important;-webkit-transform:scale(.4) translateX(30px);transform:scale(.4) translateX(30px)}.toast .message{cursor:default}.toast .btn-container{display:flex;justify-content:flex-end;padding:5px 0}.btn-container button.primary-btn{font-size:14px;min-height:24px}@media screen and (max-width:690px){.toast{background:hsla(0,0%,55%,.8);color:#fff;margin:0 20px 10px;-webkit-transform-origin:center;transform-origin:center}.toast.entry-point{-webkit-transform:scale(0) translateY(30px);transform:scale(0) translateY(30px)}.toast.removed{-webkit-transform:scale(.4) translateY(-30px);transform:scale(.4) translateY(-30px)}}
/*# sourceMappingURL=main.6b72f12a.css.map*/