@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);:root{--brand:#e43d3d;--brand-hover:#d43a3a;--gray:gray}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}button:not(.Toastify__close-button){background:#e43d3d;background:var(--brand);border:none;border-radius:99px;color:#fff;cursor:pointer;font-size:1rem;padding:9px 30px;transition:all .25s ease}button:not(.Toastify__close-button):hover{background:#d43a3a;background:var(--brand-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}button:not(.Toastify__close-button):active{-webkit-transform:translateY(1px);transform:translateY(1px);transition:all .05s ease}button:not(.Toastify__close-button):disabled{background:gray;background:var(--gray);pointer-events:none;-webkit-user-select:none;user-select:none}input{background:none;border:1px solid gray;border:1px solid var(--gray);border-radius:99px;font-size:1rem;padding:4px 30px}input:focus{border-color:#e43d3d;border-color:var(--brand);outline:none}input:not(:placeholder-shown){border-color:#e43d3d;border-color:var(--brand)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.TooltipContent{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.16,1,.3,1);animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:#e43d3d;background-color:var(--brand);border-radius:4px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);color:#fff;font-size:15px;line-height:1;padding:10px 15px;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.TooltipContent[data-state=delayed-open][data-side=top]{-webkit-animation-name:slideDownAndFade;animation-name:slideDownAndFade}.TooltipContent[data-state=delayed-open][data-side=right]{-webkit-animation-name:slideLeftAndFade;animation-name:slideLeftAndFade}.TooltipContent[data-state=delayed-open][data-side=bottom]{-webkit-animation-name:slideUpAndFade;animation-name:slideUpAndFade}.TooltipContent[data-state=delayed-open][data-side=left]{-webkit-animation-name:slideRightAndFade;animation-name:slideRightAndFade}.TooltipArrow{fill:#e43d3d;fill:var(--brand)}@-webkit-keyframes slideUpAndFade{0%{opacity:0;-webkit-transform:translateY(2px);transform:translateY(2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:0;-webkit-transform:translateY(2px);transform:translateY(2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideRightAndFade{0%{opacity:0;-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRightAndFade{0%{opacity:0;-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideDownAndFade{0%{opacity:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideLeftAndFade{0%{opacity:0;-webkit-transform:translateX(2px);transform:translateX(2px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeftAndFade{0%{opacity:0;-webkit-transform:translateX(2px);transform:translateX(2px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.watermark{height:4rem}.toastContainer,.watermark{left:50%;position:fixed;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.toastContainer{color:#fff;display:flex;flex-direction:column;gap:10px;z-index:99999}.toastContainer .toast{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animateToastIn;animation-name:animateToastIn;-webkit-animation-timing-function:cubic-bezier(.16,1,.3,1);animation-timing-function:cubic-bezier(.16,1,.3,1);background:#e43d3d;background:var(--brand);border-radius:10px;font-size:1.4rem;max-width:30rem;overflow:hidden;padding:20px 40px;transition:all .25s ease}@-webkit-keyframes animateToastIn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes animateToastIn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes animateToastOut{0%{height:-webkit-max-content;height:max-content;-webkit-transform:translateY(0);transform:translateY(0)}to{height:0;-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes animateToastOut{0%{height:-webkit-max-content;height:max-content;-webkit-transform:translateY(0);transform:translateY(0)}to{height:0;-webkit-transform:translateY(5px);transform:translateY(5px)}}.Host .Lobby{background:#fff;justify-content:center;left:0;padding:2rem;position:fixed;top:0;z-index:99}.Host .Lobby,.Host .Lobby .wrapper{display:flex;height:100%;width:100%}.Host .Lobby .wrapper{justify-content:space-between;max-width:130rem}.Host .Lobby .col{color:#fff;padding:1rem;width:100%}.Host .Lobby .col.info .id{display:flex;gap:10px;margin-bottom:10px}.Host .Lobby .col.info .id .game-id{background:var(--brand);border-radius:10px;padding:20px;width:100%}.Host .Lobby .col.info .id .game-id .pin-number{font-family:Roboto Mono,sans-serif;letter-spacing:1rem}.Host .Lobby .col.info .id .qr{aspect-ratio:1/1;background:var(--brand);border-radius:10px;height:105px}.Host .Lobby .col.presence{color:#000}.Host .Lobby .col.presence .players{display:flex;flex-direction:column;gap:5px;width:100%}.Host .Lobby .col.presence .players .player{background:var(--player-color);border-radius:10px;color:#fff;padding:10px 20px}.Game{display:grid;height:100vh;place-items:center;width:100vw}.Game .state{isolation:isolate;position:relative}.Game .state .player{background:var(--player-color);border-radius:10px;color:#fff;margin-bottom:10px;padding:20px 40px}.Game .state .player h1{font-size:3rem}.Game .state .rule{display:flex;margin-bottom:10px;position:relative;width:100%}.Game .state .rule p{word-wrap:normal;background:var(--player-color);border-radius:10px;color:#fff;font-size:1.2rem;padding:20px;width:35rem}.Game .state .cardImg{left:50%;opacity:.3;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.Game .state button{width:100%}.Game .players{display:flex;flex-direction:column;font-size:1.2rem;gap:5px;left:20px;position:fixed}.Game .players .player{align-items:center;color:#000;display:flex;isolation:isolate;padding:2px 10px;position:relative;transition:color .25s ease}.Game .players .player:after{background:var(--color);border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s ease;width:5px;z-index:-1}.Game .players .player.active{color:#fff}.Game .players .player.active:after{width:100%}.Game .status{align-items:flex-end;display:flex;flex-direction:column;gap:5px;position:fixed;right:20px}.Game .status .stat{background:var(--brand);border-radius:5px;color:#fff;display:flex;font-size:1.2rem;padding:2px 10px;width:-webkit-max-content;width:max-content}.Game .status .stat img{margin-right:10px;width:25px}.Game .status .stat.id{font-family:Roboto Mono,sans-serif;letter-spacing:.3rem}.Game .status .stat.king{background:var(--king-color)}.Game .status .stat.king span.name{margin-right:10px}.Game .status .stat.king span.timeLeft{opacity:.7}.Game .controls{bottom:20px;display:flex;gap:20px;position:fixed}.Game .controls .control{background:#e8e8e8;border-radius:5px;cursor:pointer;display:grid;padding:10px;place-items:center;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;-webkit-user-select:none;user-select:none}.Game .controls .control:hover{background:#d8d8d8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Game .controls .control:active{-webkit-transform:translateY(1px);transform:translateY(1px);transition:-webkit-transform .05s ease;transition:transform .05s ease;transition:transform .05s ease,-webkit-transform .05s ease}.Game .controls .control.info{align-items:center;display:flex;gap:10px}.Game .controls .control.info.isKing{background:#dddd96}.Game .playerCards{bottom:80px;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;width:100%}.Game .playerCards .card{cursor:pointer;margin-right:-60px;-webkit-transform:translate(-40px,30px);transform:translate(-40px,30px);transition:all .25s ease}.Game .playerCards .card img{height:10rem}.Game .playerCards .card.hover:hover,.Game .playerCards .card.selected{margin-left:70px;margin-right:10px}.Game .playerCards .card.selected{-webkit-transform:translate(-40px);transform:translate(-40px)}.Game .trade-modal{display:grid;height:100vh;isolation:isolate;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:9999}.Game .trade-modal .modal-bg{background:#000;height:100vh;opacity:.4;position:absolute;width:100vw;z-index:-1}.Game .trade-modal .modal-content{background:#fff;border-radius:10px;padding:20px}.Game .trade-modal .modal-content h2{margin-bottom:20px}.Game .trade-modal .modal-content .players-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.Landing{display:grid;height:100vh;place-items:center;width:100vw}.Landing .wrapper{align-items:center;display:flex;flex-direction:column}.Landing .wrapper h1{margin-bottom:20px}.Landing .wrapper .controls{align-items:center;display:flex;flex-direction:column;gap:20px}.Landing .wrapper .controls button{width:100%}.Landing .wrapper .controls .seperator{align-items:center;color:gray;display:flex;gap:20px;width:100%}.Landing .wrapper .controls .seperator:after,.Landing .wrapper .controls .seperator:before{background:gray;content:"";height:1px;width:100%}.Landing .wrapper .controls .join{align-items:center;display:flex;flex-direction:column;gap:10px}.Landing .wrapper .controls .join input{width:100%}.Landing .wrapper .controls .join input[type=number]{font-family:Roboto Mono,sans-serif}.Landing .wrapper .controls .join input[type=number]::-webkit-input-placeholder{font-family:Inter,sans-serif}.Landing .wrapper .controls .join input[type=number]::placeholder{font-family:Inter,sans-serif}
/*# sourceMappingURL=main.0e81440a.css.map*/