.connection-status-container{position:absolute;bottom:10px;right:10px;display:inline-block;cursor:pointer;margin:8px}.connection-status-container:hover .connection-tooltip{opacity:1;visibility:visible}.connection-status{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a}.connection-status .status-icon{font-size:10px;font-weight:400}.connection-status.connecting .status-icon{color:#ff9800cc}.connection-status.disconnected .status-icon{color:#f44336cc}.connection-status.max-retries .status-icon{color:#e736f4cc}.connection-status.closing .status-icon{color:#ffc107cc}.connection-tooltip{position:absolute;background-color:#282828b3;color:#ffffffe6;padding:4px 8px;border-radius:3px;font-size:10px;white-space:nowrap;bottom:100%;right:0;margin-bottom:6px;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:100}.input{background-color:#363a49;outline:none;border:none;padding:.75rem;font-size:1rem;border-radius:5px;color:#fff;width:100%;box-sizing:border-box}.input:hover{background-color:#363a49e6}@media only screen and (min-width:769px){.input.username{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px dashed #757575}.input.room{border-bottom-left-radius:0;border-top-left-radius:0}}.button.join{width:100%}@media only screen and (min-width:769px){.button.join{width:initial;margin-left:1rem}}.form{padding:1rem}.form .input{margin-bottom:1rem}@media only screen and (min-width:769px){.form{display:flex}.form .input{margin-bottom:0}}.form__error{color:#cf4950cc;min-height:21px}.overview{position:absolute;top:1rem;right:1rem;padding:5px;border-radius:5px;background-color:#373a49;color:#aaa;font-size:12px}.overview__total-players{padding-bottom:5px}.overview__total-players span{color:#fff}.overview__rooms{max-height:70px;overflow-y:auto}.overview__rooms__entry{display:flex;align-items:center;padding:5px 0 0 15px;color:#fff;cursor:pointer}.overview__rooms__entry.has-started{color:inherit;padding-left:0}.overview__rooms__entry.has-started:hover{color:#fff}.live{background-color:red;width:5px;height:5px;border-radius:20px;display:flex;margin:0 5px}.sign-in-form{display:flex;flex-direction:column;align-items:center}.hamburger{position:absolute;top:9px;outline:none;padding:8px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;z-index:10;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover,.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:#fff}.hamburger-box{width:30px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:2px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger-inner:before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger-inner:after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.menu--open .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.menu--open .hamburger-inner:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.menu--open .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.menu{background-color:transparent;color:#fff;width:55px;height:55px;border-radius:16px;box-shadow:0 2px 10px #0003;transition:.25s background-color ease-in-out,.2s height ease;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.menu__button{outline:none;border:none;background-color:transparent;width:100%;height:45px;padding:10px 0;margin:5px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease}.menu__button svg{width:24px;height:24px;stroke:currentColor;stroke-width:2}.menu__button:hover{transform:scale(1.1)}.menu.menu--open{height:300px;transition:.3s background-color ease,.3s height ease-in-out;background-color:#3556ca}.menu.menu--open .menu-entries{margin-top:20px;z-index:50;opacity:1;transition:.5s opacity ease-out}.menu-entries{display:flex;flex-direction:column;align-items:center;height:60%;width:100%;justify-content:space-between;transition:.3s margin ease;opacity:0;z-index:-1}.menu-entries .icon{transition:.2s transform ease}.menu-entries .icon:hover{transform:scale(.8)}.profile-picture{width:50px}#Speaker:hover path,#Speaker:hover line{stroke:#ffffff4d}#Speaker path,#Speaker line{fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10}#Speaker .off{display:none}#Speaker[disabled]{stroke:gray}#Speaker[disabled] .off{display:block}#Speaker[disabled] .on{display:none}#Speaker[disabled]:hover path,#Speaker[disabled]:hover line{stroke:#ffffff4d}#Feed path,#Feed line{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10}#Feed:hover path,#Feed:hover line{stroke:#ffffff4d}#Feed .off{display:none}#Feed[disabled] .off{display:block}#Feed[disabled] .messages path,#Feed[disabled] .messages line{stroke:#ffffff4d}#Feed[disabled]:hover path,#Feed[disabled]:hover line{stroke:#ffffff4d}#Leave .door{fill:#cf4950cc}#Leave:hover .arrow{fill:#fff}.message__rolled__dice{color:#3556ca}.message__lost{color:#cf4950cc}.message__over{color:#daa520}.message__sidebet-proposed,.message__sidebet-accepted{color:#a78bfa}.message__sidebet-proposed .sidebet-amount,.message__sidebet-accepted .sidebet-amount{color:#fbbf24;font-weight:600}.message__sidebet-accepted{color:#22c55e}.feed{position:absolute;right:0;top:0;display:flex;flex-direction:column;text-align:right;padding:1rem;max-height:100px;overflow-y:auto;box-sizing:border-box}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-button{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#e1e1e1;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#fff}::-webkit-scrollbar-thumb:active{background:#4d7be8}::-webkit-scrollbar-track{background:#666;border:0px none #ffffff;border-radius:15px}::-webkit-scrollbar-track:hover{background:#666}::-webkit-scrollbar-track:active{background:#333}::-webkit-scrollbar-corner{background:transparent}.settings{position:absolute;top:.5rem;left:.5rem}.settings .button{margin:0 1rem}.controls{position:absolute;bottom:20px}.controls button{margin:0 1.2rem}.players-list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.players-list.circle-board{z-index:-1;position:absolute;height:100%;width:100%}.players-list:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}.current-value{font-size:5rem;font-weight:700;color:#fff}.current-value.warning{color:#daa520}.current-value.danger{color:#cf4950cc}.rolled-dice{font-size:2.5rem;color:#3556ca;display:flex;align-items:center}.rolled-dice.number-3{color:#d3d3d3}.info{position:absolute;top:calc(50% + 3rem);left:50%;transform:translate(-50%,-50%);color:#91b34d;opacity:1;transition:opacity 2s ease-in}.info.hidden{opacity:0}.button.lose-life{background-color:transparent;padding:0}.button.lose-life:hover{background-color:transparent}.button.lose-life:focus{background-color:transparent}.button.lose-life[disabled],.button.lose-life[disabled]:hover{background-color:transparent}.button .icon{display:block;height:auto;width:2rem}#heart{fill:none;stroke:#d75a4a}#heart[disabled]{stroke:gray}#heart[disabled] #minus{fill:gray}#heart[disabled]:hover{fill:none}#heart[disabled]:hover #minus{fill:gray}#heart #minus{fill:#d75a4a;stroke:none}#heart:hover{fill:#d75a4a}#heart:hover #minus{fill:#fff}#heart.animating{will-change:transform;animation:heart .5s cubic-bezier(.17,.89,.32,1.49)}@keyframes heart{0%,25%{transform:scale(2);fill:gray;stroke:gray}}.player{position:absolute;display:flex;justify-content:center;align-items:center;min-width:100px;border-radius:5px;border:1px solid grey;padding:.5rem;transition:all .5s ease}.player:not(.started) .life{display:none}.player .life{position:absolute;top:-2.5rem;display:flex;justify-content:center}.player .life.life-0{color:#c5c5c5ad}.player .life.life-1{color:#cf4950cc}.player .life.life-2{color:#da7e35}.player .life.life-3,.player .life.life-4{color:#daa520}.player .life.life-5,.player .life.life-6{color:#43b581cc}.player .name{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff}.player .name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__rank{display:block;margin-right:6px}.player__rank img{width:2rem;height:2rem}.player.me{outline:2px solid #eee}.player.ready{border-color:#43b581cc}.player.me.ready{outline-color:#43b581cc}.player.turn{border:2px solid rgb(53.4016853933,86.2865168539,202.0983146067);animation:glow 1.5s ease-in-out infinite}.player.choosing{cursor:pointer;animation:highlight 1s infinite}.player.choosing:hover{animation:none;transform:translateY(-10px)}.player.lost{text-decoration:line-through}.player.lost .name{color:#c5c5c5ad}.player .disconnected{position:absolute;top:.25rem;right:.25rem}@keyframes highlight{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes border{0%{border-color:#fff}50%{border-color:transparent}to{border-color:#fff}}@keyframes glow{0%{box-shadow:0 0 5px #2196f3}50%{box-shadow:0 0 20px #2196f3}to{box-shadow:0 0 5px #2196f3}}.stats-tooltip{background:#000000e6;color:#fff;padding:.75rem 1rem;border-radius:4px;min-width:250px;z-index:1000}.stats-tooltip .username{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#3556ca}.stats-tooltip .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stats-tooltip .stat-item .label{font-size:.8rem;opacity:.8}.stats-tooltip .stat-item .value{font-size:1.1rem;font-weight:700}.stats-tooltip:after{border-bottom-color:#0009}.standings{position:absolute;bottom:10px;left:10px;font-size:.9rem;max-width:120px}.standings ul{list-style:none;padding:0;margin:0}.standings li{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid rgba(221,221,221,.4)}.standings li:last-child{border-bottom:none}.standings .balance{margin-left:.5rem}.standings .balance.positive{color:#007bff}.roll-button-container{min-width:100px;display:flex;justify-content:center}.roll-button{display:flex;justify-content:center;align-items:center;position:relative;height:40px;width:100px;border:1px solid rgb(53.4016853933,86.2865168539,202.0983146067);outline:none;border-radius:20px;box-shadow:0 7px 14px #00000040,0 5px 5px #00000038;cursor:pointer;transition:transform .17s ease,all .26s ease}.roll-button:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #3f51b566;background:#3556ca}.roll-button.disabled{background:transparent;cursor:default;border-color:gray;box-shadow:unset}.roll-button.disabled .text{color:gray}.roll-button.disabled .dice path{fill:gray}.roll-button.rolling{background-color:#3556ca;border-color:#3556ca;width:40px}.roll-button.rolling .text{display:none}.roll-button.rolling .dice path{fill:#fff}.roll-button .text{color:#fff;-webkit-user-select:none;user-select:none;-moz-user-select:none;margin-left:.5rem}.roll-button .dice{width:20px;display:inline-block}.roll-button .dice path{fill:#fff}.statistics{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statistics .rolled-dice{position:absolute;left:-1.5rem}.sidebet-card.active .bet-info .opponent{font-weight:600}.sidebet-section.incoming .sidebet-card.incoming{animation:pulse 2s infinite}@keyframes pulse{0%,to{border-color:#ef444480;background:#ef44441a}50%{border-color:#ef4444cc;background:#ef444426}}.sidebet-card.pending .bet-info .opponent{color:#fffc}.sidebet-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sidebet-modal{background:linear-gradient(135deg,#1e1e32fa,#141428fa);border-radius:16px;width:100%;max-width:400px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.sidebet-modal .sidebet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebet-modal .sidebet-modal-header h3{margin:0;color:#fff;font-size:20px}.sidebet-modal .sidebet-modal-header .close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;line-height:1;opacity:.8;transition:opacity .2s}.sidebet-modal .sidebet-modal-header .close-btn:hover{opacity:1}.sidebet-modal .sidebet-modal-content{padding:20px}.sidebet-modal .sidebet-modal-content .opponent-info{color:#ffffffe6;margin:0 0 20px;font-size:15px;line-height:1.5}.sidebet-modal .sidebet-modal-content .opponent-info strong{color:#fff;font-weight:600}.sidebet-modal .sidebet-modal-content form .form-group{margin-bottom:20px}.sidebet-modal .sidebet-modal-content form .form-group label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.sidebet-modal .sidebet-modal-content form .form-group input{padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;transition:all .2s}.sidebet-modal .sidebet-modal-content form .form-group input:focus{outline:none;border-color:#667eeacc;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.sidebet-modal .sidebet-modal-content form .form-group input::placeholder{color:#fff6}.sidebet-modal .sidebet-modal-content form .form-group .error-message{color:#ef4444;font-size:13px;margin:6px 0 0}.sidebet-modal .sidebet-modal-content form .modal-actions{display:flex;gap:12px;justify-content:flex-end}.sidebet-backdrop{position:fixed;inset:0;background:#00000080;z-index:940;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebet-backdrop.open{opacity:1;pointer-events:auto}.sidebet-fab{position:fixed;bottom:80px;right:20px;padding:12px 20px;background:linear-gradient(135deg,#3556ca,#764ba2);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0000004d;cursor:pointer;z-index:900;transition:all .3s ease;display:flex;align-items:center;gap:8px}.sidebet-fab:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.sidebet-fab .badge{background:#ffffff4d;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.sidebet-panel{position:fixed;bottom:0;left:0;right:0;background:#14141efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 20px #00000080;max-height:70vh;transform:translateY(100%);transition:transform .3s ease;z-index:950;display:flex;flex-direction:column}.sidebet-panel.open{transform:translateY(0)}.sidebet-panel .sidebet-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebet-panel .sidebet-panel-header h2{margin:0;color:#fff;font-size:20px}.sidebet-panel .sidebet-panel-header .close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;line-height:1;opacity:.8;transition:opacity .2s}.sidebet-panel .sidebet-panel-header .close-btn:hover{opacity:1}.sidebet-panel .sidebet-panel-content{padding:20px;overflow-y:auto;flex:1}.sidebet-section{margin-bottom:24px}.sidebet-section h3{color:#fff;font-size:16px;margin:0 0 12px;font-weight:600}.sidebet-section.incoming h3{color:#fbbf24}.sidebet-list{display:flex;flex-direction:column;gap:12px}.sidebet-card{background:#ffffff0d;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.sidebet-card.active{border-color:#22c55e80}.sidebet-card.pending{border-color:#fbbf2480}.sidebet-card.incoming{border-color:#ef444480;background:#ef44441a}.sidebet-card .bet-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#fff}.sidebet-card .bet-info .opponent{font-size:14px}.sidebet-card .bet-info .amount{font-size:16px;font-weight:700;color:#fbbf24}.sidebet-card .bet-info .challenge-text{margin:0;font-size:14px;line-height:1.5}.sidebet-card .bet-info .challenge-text .amount{color:#fbbf24;font-weight:700}.sidebet-card .bet-status,.sidebet-card .bet-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.sidebet-card .bet-actions{justify-content:space-between}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.accepted{background:#22c55e33;color:#22c55e}.status-badge.pending{background:#fbbf2433;color:#fbbf24}.player-select p{color:#ffffffb3;font-size:14px;margin:0 0 8px}.player-select .player-list{display:flex;flex-wrap:wrap;gap:8px}.player-select .player-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.player-select .player-btn:hover{background:#fff3;border-color:#fff6}.no-players{color:#ffffff80;text-align:center;font-size:14px;margin:20px 0}@media(min-width:768px){.sidebet-fab{bottom:40px;right:20px}.sidebet-panel{position:fixed;inset:50% auto auto 50%;width:480px;max-height:80vh;border-radius:16px;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none;transition:all .3s ease}.sidebet-panel.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}}.main-bet-section{margin-top:1.5rem}.main-bet-section .main-bet-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6;font-weight:400;cursor:pointer}.main-bet-section .main-bet-label .bet-input{width:60px;padding:.25rem .5rem;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fffc;font-size:.75rem;text-align:center;outline:none;transition:all .2s ease}.main-bet-section .main-bet-label .bet-input:hover{border-color:#ffffff40}.main-bet-section .main-bet-label .bet-input:focus{border-color:#3b82f680;background:#0000004d;color:#fffffff2}.waiting-for-players{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.waiting-for-players .waiting-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.waiting-for-players .waiting-icon{color:#fff6;animation:rotate 3s linear infinite;margin-bottom:.5rem}.waiting-for-players .waiting-title{margin:0;font-size:1.25rem;font-weight:500;color:#ffffffe6;text-align:center;letter-spacing:-.01em}.waiting-for-players .waiting-subtitle{margin:0;font-size:.875rem;color:#fff6;font-weight:400}.waiting-for-players .ready-count{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem}.waiting-for-players .ready-count .count-text{font-size:1.125rem;color:#ffffffd9;font-weight:600;font-variant-numeric:tabular-nums}.waiting-for-players .ready-count .count-label{font-size:.875rem;color:#fff6;font-weight:400}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100dvh;color:#fff}.page-container.game{justify-content:normal}.button{padding:.75rem;box-sizing:border-box;outline:none;border:none;border-radius:5px;cursor:pointer;font-size:1rem;color:#fff;background-color:#3556ca;transition:background-color .17s ease,color .17s ease}.button:hover,.button:focus{background-color:#3556cae6}.button[disabled]{background-color:gray;cursor:initial}.button[disabled]:hover{background-color:gray}.button.light{color:#080808;background-color:#d3d3d3}.button.light:hover,.button.light:focus{background-color:#d3d3d3e6}.button.success{color:#fff;background-color:#43b581cc}.button.success:hover,.button.success:focus{background-color:#43b581b3}.button.danger{color:#080808;background-color:#cf4950cc}.button.danger:hover,.button.danger:focus{background-color:#cf4950b3}button.link{background-color:#0000;border:none}.link{text-decoration:underline;cursor:pointer;color:#3556ca}.link:hover{color:#2b45a2}.is-hidden{display:none}.is-invisible{visibility:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f212a;color:#fff}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}