html,body,#root{margin:0;padding:0;height:100%}*{box-sizing:border-box}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-lang=he] *{direction:rtl}html{font-size:16px}@media screen and (min-width: 768px){html{font-size:18px}}@media screen and (min-width: 1024px){html{font-size:19px}}@media screen and (min-width: 1280px){html{font-size:20px}}nav{color:var(--text-primary);position:relative;top:20px;background-color:var(--background);display:flex;width:80%;margin:0 auto;padding:12px 28px;height:70px;border-radius:40px 40px 20px 20px;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;box-sizing:border-box;align-items:center}nav ul{list-style:none;display:flex;align-items:center}nav ul li{padding:15px}nav .spacer{flex:1}nav .theme-toggler{margin:0 15px}nav .lang-input{outline:none}:root{--select-border: #777;--select-focus: blue;--select-arrow: var(--select-border)}select::-ms-expand{display:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0 .5em 0 0;margin:0;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;background-color:var(--background);color:#fff;width:55px;height:55px}.select{width:55px;border-radius:.25em;outline:none;font-size:1.2rem;cursor:pointer;background-color:var(--background);align-items:center;grid-template-areas:"select";position:relative;display:grid;background-image:linear-gradient(to top,#f9f9f9,#fff 33%)}select,.select:after{grid-area:select}.select:after{content:"";width:.8em;height:.5em;background-color:var(--select-arrow);clip-path:polygon(100% 0%,0 0%,50% 100%)}.select:after{content:"";justify-self:end;width:.8em;height:.5em;background-color:var(--select-arrow);clip-path:polygon(100% 0%,0 0%,50% 100%)}select:focus+.focus{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--select-focus);border-radius:inherit}@media screen and (max-width: 768px){.app[data-lang=en] nav img{right:unset;left:-43px}nav img{position:absolute;right:-43px}}main{z-index:0;overflow-x:hidden;overflow-y:auto;height:calc(100% - 90px)}main .water-mark{z-index:0;opacity:.4;position:fixed;top:56%;right:5%}@media screen and (max-width: 768px){.water-mark{display:none}}.dashboard{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 70px);width:100%}.landing{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 70px);width:100%;overflow-y:hidden}.landing button{width:100%;max-width:500px;height:100px;border-radius:20px;border:3px solid var(--background);margin-bottom:15px;background-color:var(--background);color:var(--text);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;font-size:1.4rem;cursor:pointer}.landing button a{color:inherit;text-decoration:none}@media screen and (max-width: 576px){.landing button{width:80%}}.login-container{width:100%;height:calc(100% - 70px);display:flex;flex-direction:row}.login-container .visual-div{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-container .login{height:20%;margin-top:10%;width:30%}.login-container .login .page-text{font-size:20px}.login-container .login span{font-size:larger;margin:3%;display:block}.login-container .login span input{height:25px;width:300px;border:none;border-bottom:2px solid orange;font-size:16px;outline:none}.login-container button{color:var(--text-primary);background-color:var(--accent);padding:8px 14px;transition:all var(--transition-time)}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 70px);width:100%}.app{overflow:hidden;color:var(--text-primary);background-color:var(--background-secondary);background:var(--background-secondary-radial);font-weight:700;height:100%;transition:all var(--transition-time)}a{color:var(--text-primary)}.create-game{z-index:10;text-align:center;gap:1rem;position:fixed;border-radius:10px;top:50%;left:50%;box-shadow:#00000059 0 5px 15px;background:var(--background-secondary);color:#080301;transform:translate(-50%,-50%);min-height:200px;padding:18px 32px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.create-game h3{display:flex;justify-content:space-between;min-width:230px;margin:0 0 20px;padding:0}.create-game h3 .close-btn{cursor:pointer}.create-game .form-field{display:inline-flex;flex-direction:column;max-width:200px}.create-game .form-field input{height:37px;border-radius:5px;width:100%}.create-game label,.create-game input,.create-game h3,.create-game button{font-size:1.5rem}.create-game .actions{margin-top:20px}.create-game .actions button{padding:10px 24px;border-radius:5px;background-color:#006945;color:#e3e5e0}.create-game .actions button.advanced{background-color:#f5f5ed;color:#324d50}.join-game{z-index:10;position:fixed;border-radius:10px;top:50%;gap:1rem;left:50%;text-align:center;box-shadow:#00000059 0 5px 15px;background:var(--background-secondary);color:#080301;transform:translate(-50%,-50%);min-height:200px;padding:18px 32px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.join-game h3{display:flex;justify-content:space-between;min-width:230px;margin:0 0 20px;padding:0;gap:2rem}.join-game h3 .close-btn{cursor:pointer}.join-game .form-field{display:inline-flex;flex-direction:column;max-width:200px}.join-game .form-field input{height:37px;border-radius:5px;width:100%}.join-game label,.join-game input,.join-game h3,.join-game button{font-size:1.5rem}.join-game button{margin-top:20px;padding:10px 24px;border-radius:5px;background-color:#006945;color:#e3e5e0}.game{display:flex;flex-direction:column;align-items:center;height:calc(100% - 70px);width:100%;gap:20px}.game .game-page-buttons{background:#ffce38;border-radius:6px;height:30px;border:none;font-weight:550}.game .game-page-buttons.timer-btn{height:100%;width:48px}.game .game-page-buttons.end-game-btn,.game .game-page-buttons.request-permission-btn{min-width:200px;height:48px;padding:1rem}.game .time-area,.game .room-number-area{display:flex;flex-direction:column;align-items:center}.game .game-data-header{width:90%;display:flex;justify-content:space-between;align-items:center;background-color:#f3f3fc99;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;color:#000;padding:1rem;border-radius:8px}.game .game-data-header .data-row{display:flex;flex-direction:column;align-items:center;width:100%}.game .game-data-header .data-row.only-row{flex-direction:row!important}.game .game-data-header .data-row.space-between{justify-content:space-between}.game .game-data-header .data-row .dotted-spacer{width:50%;min-height:10px;height:100%;border-left:1px dotted black;align-self:baseline;gap:2px}.game .add-players-area{display:flex;width:40%;justify-content:space-evenly}.game .add-players-area .add-players-area-form{display:inline-flex}.game .add-players-area .add-players-area-form button{border-radius:unset;margin-inline-end:10px;border-start-end-radius:10px!important;border-end-end-radius:10px!important}.game .add-players-area .add-players-area-form input{border-radius:unset;border-end-start-radius:10px!important;border-start-start-radius:10px!important;outline:none;border:none;text-indent:.6rem}.game .add-players-area .add-players-area-form input,.game .add-players-area .add-players-area-form button{height:48px;box-sizing:border-box}.game .players-data{z-index:1;width:calc(100svw - 167px);max-width:876px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.game{padding-top:12px}.game .players-data,.game .add-players-area{width:unset}.game .game-data-header{flex-wrap:wrap;flex-direction:column}.game .game-data-header .time-area,.game .game-data-header .room-number-area{display:flex;flex-direction:column;align-items:center}.game .game-data-header .data-row{display:flex;flex-direction:row;width:100%}.game .game-data-header .data-row .dotted-spacer{width:unset;flex:1;height:50%;border:unset;border-bottom:1px dotted black}.game .players-data{max-width:calc(100svw - 30px);width:calc(100svw - 30px)}}:root{--primary-color: #02bc93;--background: #233235;--background-secondary: #f5f5ed;--background-secondary-radial: radial-gradient(circle, #006945 0%, #233235 100%);--text-primary: #e3e5e0;--text-secondary: #324d50;--accent: #4fd6b9}:root{--transition-time: .5s}.action-confimration-modal{position:absolute;background-color:red;top:50%;left:50%;transform:translate(-50%,-50%);height:300px;width:360px;padding:10px 18px;background:var(--background-secondary);color:#080301;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.players-table-component{background-color:var(--background);color:var(--text-primary);border-radius:10px;box-shadow:0 4px 8px #0003;display:inline-block;width:100%}.players-table-component .players-table{width:100%;border-collapse:collapse;text-align:center}.players-table-component .players-table th,.players-table-component .players-table td{text-align:center;padding:.6rem}.players-table-component .players-table th:first-of-type,.players-table-component .players-table th:last-of-type,.players-table-component .players-table td:first-of-type,.players-table-component .players-table td:last-of-type{padding:.3rem}.players-table-component .players-table thead tr{background-color:var(--background-secondary-radial);color:var(--text-primary)}.players-table-component .players-table tbody tr{background-color:#ffffff1a;color:var(--text-primary)}.players-table-component .players-table tbody tr:nth-child(odd){background-color:var(--background-secondary);color:var(--text-secondary)}.players-table-component .players-table tbody tr td{word-break:break-all}.players-table-component .players-table tbody tr td .action-area{display:flex;gap:3px;font-size:.7rem}.players-table-component .players-table tbody tr td .rebuys-container{display:flex;justify-content:space-around;align-items:center;font-size:1.5rem;gap:2px}.players-container{width:100%;display:flex;flex-direction:column;gap:15px}.player-row{width:100%;justify-content:space-around!important;min-height:50px;background-color:var(--background-secondary);color:var(--text-secondary);border-radius:7px;padding:1rem .6rem .6rem}.player-row:nth-child(odd){background-color:var(--background);color:var(--text)}.flex-container{display:flex;justify-content:center;gap:5px;padding:1rem .8rem}.flex-container .col{display:inline-flex;flex-direction:column;gap:.4rem;justify-content:space-between;align-items:center;overflow:hidden}.flex-container .col.flex-strech{flex:.65}.flex-container .col .label{font-weight:400;font-size:.6rem}.flex-container .col .value{font-size:1.2rem;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex-container .col .value.dir-ltr{direction:ltr;justify-content:end}@media screen and (max-width: 768px){.players-table-component .players-table .action-area svg{width:1rem}}.timer-game{z-index:10;position:fixed;border-radius:10px;top:50%;gap:1rem;left:50%;text-align:center;box-shadow:#00000059 0 5px 15px;background:var(--background-secondary);color:#080301;transform:translate(-50%,-50%);min-height:200px;padding:18px 32px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.timer-game .sub-title{margin:0}.timer-game h3{display:flex;justify-content:space-between;min-width:230px;margin:0 0 20px;padding:0;gap:2rem}.timer-game h3 .close-btn{cursor:pointer}.timer-game .form-field{display:inline-flex;flex-direction:column;max-width:200px}.timer-game .form-field input{height:37px;border-radius:5px;width:100%}.timer-game label,.timer-game input,.timer-game h3,.timer-game button{font-size:1.5rem}.timer-game button{margin-top:20px;padding:10px 24px;border-radius:5px;background-color:#006945;color:#e3e5e0}.timer-game .cancel-btn{background-color:#b80531}.actions{display:flex;justify-content:space-between}.actions button{font-size:1rem}.wrong-room-number-modal{z-index:10;position:fixed;border-radius:10px;top:50%;gap:1rem;left:50%;text-align:center;box-shadow:#00000059 0 5px 15px;background:var(--background-secondary);color:#080301;transform:translate(-50%,-50%);min-height:200px;padding:18px 32px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.wrong-room-number-modal h3{display:flex;justify-content:space-between;min-width:230px;margin:0 0 20px;padding:0;gap:2rem}.wrong-room-number-modal h3 .close-btn{cursor:pointer}.wrong-room-number-modal .form-field{display:inline-flex;flex-direction:column;max-width:200px}.wrong-room-number-modal .form-field input{height:37px;border-radius:5px;width:100%}.wrong-room-number-modal label,.wrong-room-number-modal input,.wrong-room-number-modal h3,.wrong-room-number-modal button{font-size:1.5rem}.wrong-room-number-modal button{margin-top:20px;padding:10px 24px;border-radius:5px;background-color:#006945;color:#e3e5e0}