.admin-portal{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}.admin-portal>header{flex:0 0;display:flex;justify-content:space-between;align-items:center}.admin-portal>header>h2{margin:0 10px}.admin-portal>header>img{width:60px;height:60px}.admin-portal>header>ul{display:flex;padding:10px;align-items:center}.admin-portal>header>ul>li{font-size:1.2em;padding:5px 10px;border:1px solid grey;cursor:default}.admin-portal>header>ul>li.selected{background-color:#2196f3;font-weight:700}.admin-portal>section{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.admin-portal>footer{flex:0 0}div.games-log{display:flex;flex-direction:column;width:100%;height:100%;background:#fff}div.games-log>section{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden}div.games-log aside.game{flex:1 1;background:#fff;color:#000;margin:5px;border:1px solid silver;border-radius:5px;overflow:auto;min-width:350px;display:flex;flex-direction:column}div.games-log aside.game>header{padding:10px}div.games-log aside.game div.header{display:flex;flex-wrap:wrap;margin-bottom:15px;background-color:#e6dec4;border-radius:5px}div.games-log aside.game div.header>div{margin:5px 15px}div.games-log aside.game div.header>div>label{color:gray;font-size:.8em}div.games-log aside.game div.header>div>div{font-size:1.2.em;font-weight:700}div.games-log aside.game ul.players{display:flex;flex-direction:row;justify-content:center}div.games-log aside.game ul.players>li{overflow:hidden;border:2px solid grey;border-radius:5px;margin:0 5px}div.games-log aside.game ul.players>li>div{width:50px;height:50px;background-size:contain}div.games-log aside.game ul.players>li>div>h5{margin:0;background-color:gray;color:#fff;text-align:center}div.games-log aside.game h2{margin:10px 0;text-align:center}div.games-log aside.game div.scores{display:flex;flex-direction:column;justify-content:center;margin-top:15px}div.games-log aside.game div.scores>header{display:flex;justify-content:center}div.games-log aside.game div.scores>section{display:flex;flex-direction:column;justify-content:center;align-items:center}div.games-log aside.game div.scores>section>ul{display:flex;flex-direction:column;justify-content:center;background-color:#161515}div.games-log aside.game div.scores>section>ul>li>div{display:flex;flex-direction:row;color:#fff}div.games-log aside.game div.scores>section>ul>li>div.D{color:#8bc34a;font-weight:700}div.games-log aside.game div.scores>section>ul>li>div.S,div.games-log aside.game div.scores>section>ul>li>div.H{color:#f44336;font-weight:700}div.games-log aside.game div.scores>section>ul>li{display:flex}div.games-log aside.game div.scores>section>ul>li>div{min-width:50px;max-width:50px;overflow:hidden;width:50px;border:1px solid grey;text-align:center;background-color:#161515;color:#fff;display:flex;justify-content:center}div.games-log aside.game div.activities>div{background-color:#002b00;margin:10px 0;padding:0 5px;border:1px solid silver;border-radius:5px}div.games-log aside.game div.activities>div>h4{margin:10px 0;color:#fff}div.games-log aside.game div.activities>div>ul>li{display:flex;flex-direction:row}div.games-log aside.game div.activities>div>ul>li>div{display:flex;flex-direction:row}div.games-log nav.list{border:1px solid silver;border-radius:5px;background:#fff;color:#000;margin:5px;display:flex;flex-direction:column}div.games-log nav.list>header{display:flex;flex-direction:column;width:100%}div.games-log nav.list>header>.days{display:flex;justify-content:flex-end}div.games-log nav.list>header>.days>ul{display:flex;margin:5px;border:1px solid silver;border-radius:10px;overflow:hidden;cursor:default}div.games-log nav.list>header>.days>ul>li{padding:3px 8px}div.games-log nav.list>header>.days>ul>li.selected{background-color:orange}div.games-log nav.list>header>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 5px;width:100%}div.games-log nav.list>header>div>.days{display:flex;justify-content:flex-end}div.games-log nav.list>header>div>.days>ul{display:flex;margin:5px;border:1px solid silver;border-radius:10px;overflow:hidden;cursor:default}div.games-log nav.list>header>div>.days>ul>li{padding:3px 8px}div.games-log nav.list>header>div>.days>ul>li.selected{background-color:orange}div.games-log nav.list>section{display:flex;flex-direction:column;overflow:auto;min-width:350px}div.games-log nav.list>section>ul{overflow:auto}div.games-log nav.list>section>ul>li{border-bottom:1px solid silver;padding:5px 10px;font-size:1em;cursor:default}div.games-log nav.list>section>ul>li.selected{background:#106cb5;color:#fff}div.games-log nav.list>section>ul>li>*{display:flex;justify-content:space-between;align-items:flex-end;margin:3px 0}div.games-log nav.list>section>ul>li>section>span{font-size:1.2em;font-weight:700}div.games-log nav.list>section>ul>li>section>span>small{font-size:.7em;font-weight:400;margin-left:5px}div.games-log nav.list>section>ul>li>section>label.player{padding:0 4px;border-radius:4px;color:#fff}div.games-log nav.list>section>ul>li>section>label.status{padding:0 4px;border-radius:4px;background:#ffeb3b;color:#000;border:1px solid #c5c2c2}div.games-log nav.list>section>ul>li>section>label.status.progress{background:#f44336;color:#fff}div.games-log nav.list>section>ul>li>section>label.status.ended{background:silver;color:#000}div.games-log nav.list>section>ul>li>header>span{color:gray;font-size:1em}div.games-log nav.list>section>ul>li.selected>header>span{color:silver}div.games-log nav.list>section>ul>li>footer{color:#00f;font-size:1em;margin-top:5px}.admin-portal>section>div.users{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.admin-portal>section>div.users>header{display:flex;justify-content:flex-end;width:100%;margin:0 5px}.admin-portal>section>div.users>section{flex:1 1;display:flex;overflow:auto;width:100%;height:100%}.admin-portal>section>div.users>section>table.users{flex:1 1;background-color:#4a4848;-webkit-box-shadow:0px 17px 61px 9px #000;-moz-box-shadow:0px 17px 61px 9px #000;box-shadow:0 17px 61px 9px #000;margin:10px;width:100%}.admin-portal>section>div.users>section>table.users thead{background-color:#000}.admin-portal>section>div.users>section>table.users th{padding:5px 10px;font-size:1.1em;text-align:left}.admin-portal>section>div.users>section>table.users td{font-size:1em;padding:5px 10px;border:1px solid grey}.admin-portal>section>div.users>section>table.users td.status>div{width:20px;height:20px;border-radius:50%;background-color:silver;margin-left:10px}.admin-portal>section>div.users>section>table.users td.status>div.online{background-color:green}.admin-portal>section>div.users>section>table.users td.status>div.offline{background-color:red}.theme-selector>section .theme.light{background:#fff;color:#000}.theme-selector>section .theme.dark{background:#313131;color:#fff}.theme-selector>section .theme.village{background:url(/images/grass5.jpg);background-size:contain;color:#fff}:root{--theme-bg: linear-gradient(to right, #fefffe, #ffffff, #ebebea);--panel-bg1: #ffffff;--panel-bg2: #dadada;--panel-bg3: #282828;--rummy-label-bg: #d5d0d0;--panel-scroll: rgb(205 205 205);--confirm-bg: #fff;--confirm-shadow: 0px 0px 25px 4px #5a5a5a;--text-primary: #000;--text-secondary: grey;--text-alt: grey;--input-text: #000;--input-bg: #fff;--input-border: silver;--shadow: #b5b5b5;--btn-border: #ff9800;--rummy-scores-bg: #b59ff2;--rummy-scores-border: #9980de;--rummy-scores-shadow: none;--rummy-activities-bg: #7ec0df;--rummy-activities-border: #effaff;--rummy-activities-shadow: none;--rummy-board-bg: radial-gradient(#1e9c2c, #174e1a);--rummy-board-border: #7d2525;--rummy-board-shadow: inset 0 0 10px #0c0c0c;--rummy-me-points-bg: #d5d0d0}.dark{--theme-bg: linear-gradient(to right, #313131, #232121, #313131);--panel-bg1: #3e3d3d;--panel-bg2: #353535;--panel-bg3: #494949;--rummy-label-bg: #3f3a08;--panel-scroll: rgba(0, 0, 0, .5);--confirm-bg: #000;--confirm-shadow: 0px 0px 25px 4px #9b9b9b;--text-primary: #fff;--text-secondary: grey;--text-alt: grey;--input-text: #fff;--input-bg: #202020;--input-border: #474343;--shadow: #000000;--btn-border: #ff9800;--rummy-scores-bg: #3f3153;--rummy-scores-border: #5f4e78;--rummy-scores-shadow: none;--rummy-activities-bg: #1e3e4f;--rummy-activities-border: #1e3e4f;--rummy-activities-shadow: none;--rummy-board-bg: radial-gradient(#298c2d, #052b06);--rummy-board-border: #441616;--rummy-board-shadow: inset 0 0 10px #0c0c0c;--rummy-me-points-bg: #3f3a08}.village{--theme-bg: url(/images/grass5.jpg);--panel-bg1: #c8ffca;--panel-bg2: #dadada;--panel-bg3: #282828;--rummy-label-bg: #f9f953;--panel-scroll: rgb(205 205 205);--confirm-bg: #c8ffca;--confirm-shadow: 0px 0px 25px 4px #5a5a5a;--text-primary: #000;--text-secondary: grey;--text-alt: grey;--input-text: #000;--input-bg: #fff;--input-border: silver;--shadow: #b5b5b5;--btn-border: #ff9800;--rummy-scores-bg: #b59ff2;--rummy-scores-border: #9980de;--rummy-scores-shadow: inset 0 0 10px #d1bdf5;--rummy-activities-bg: #7ec0df;--rummy-activities-border: #effaff;--rummy-activities-shadow: inset 0 0 10px #d5daf3;--rummy-board-bg: url(/images/bkg-jamukkalam.png);--rummy-board-border: transparent;--rummy-board-shadow: none;--rummy-me-points-bg: #f9f953}@font-face{font-family:CardChar;src:url(/fonts/cardchar.woff) format("woff"),url(/fonts/charchar.woff2) format("woff2")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;width:100%;margin:0;font-family:Roboto Condensed,-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}.container{width:100%;height:100%}.container{background-image:var(--theme-bg);color:var(--text-primary)}div.react-input-emoji--input,input{font-weight:700;padding:6px 8px;border-radius:5px;font-size:1em;color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border)}.shadow{-webkit-box-shadow:0px 0px 25px -4px var(--shadow);box-shadow:0 0 25px -4px var(--shadow)}.alt-text{color:gray}div.button,button{padding:.4em .6em;border:2px solid silver;border-radius:5px;font-size:.9em;-webkit-box-shadow:0px 0px 5px -1px var(--shadow);box-shadow:0 0 5px -1px var(--shadow)}div.button.large,button.large{font-size:1.2em}button.small{font-size:.9em;padding:1px 2px}button.medium>div{font-size:1em}button.icon{padding:0;width:32px;height:32px;border-radius:5px;overflow:hidden}button.icon.circle{border-radius:50%}button.icon.clear{padding:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:transparent;border:2px solid transparent;-webkit-box-shadow:none;box-shadow:none}button.icon>img{width:21px;margin-left:1px;margin-top:1px}button.red{border:2px solid #ff5722;background-color:#ff5722;color:#fff;fill:#ff5722}button.blue{border:2px solid #03a9f4;background-color:#03a9f4;color:#fff}button.green{border:2px solid #4caf50;background-color:#4caf50;color:#fff}button.purple{border:2px solid #d266e5;background-color:#d266e5;color:#fff}button.yellow{border:2px solid #ffc107;background-color:#ffc107;color:#000}div.button.silver,button.silver{background-color:gray;color:#000}button.clear{background-color:transparent;margin:0 3px;padding:0 3px;border:0}button:hover{border:2px solid var(--btn-border);filter:brightness(85%)}button:active{filter:brightness(70%)}button:disabled{background-color:gray;color:silver;border-color:gray}button:disabled:hover{border:2px solid grey;filter:none}button:disabled:active{filter:none}button.link{background:transparent;border:none;box-shadow:none;color:#03a9f4}ul{padding:0;margin:0}li{list-style-type:none}.title-l{font-size:1.5em;font-weight:700;margin:7px 0}.title-m{font-size:1.1em;font-weight:700;margin:5px 0}.title{font-size:.9em;font-weight:700;margin:2px 0}.text-l{font-size:1.5em;color:var(--text-primary)}.text-m{font-size:1.2em;color:var(--text-primary)}.text{font-size:1em;color:var(--text-primary)}.name{padding:0 4px;border-radius:5px;margin:1px 3px}.dark-scroll{overflow:scroll}.dark-scroll{scrollbar-face-color:#367cd2;scrollbar-shadow-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#ffffff}.dark-scroll::-webkit-scrollbar{width:12px}.dark-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:10px}.dark-scroll::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--panel-scroll);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}@keyframes glowing{0%{box-shadow:0 0 63px -10px red}20%{box-shadow:0 0 63px red}40%{box-shadow:0 0 63px 15px red}60%{box-shadow:0 0 63px 5px red}80%{box-shadow:0 0 63px red}to{box-shadow:0 0 63px -10px red}}.glow{border:8px solid red;border-radius:10px;animation:glowing 5s infinite}.spinner{position:absolute;width:100%;height:100%;z-index:99;display:flex;justify-content:center;align-items:center;background:#000000e8}@media only screen and (min-device-width:300px)and (max-device-width:812px){button{padding:.2em .3em}button.icon{width:24px;height:24px}button.icon>img{width:18px}}.home{display:flex;flex-direction:column;width:100%;height:100%}.home>header{flex:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.home>header>img.icon{width:15vh;margin-top:5vh;margin-bottom:2vh}.home>section{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.home>footer{flex:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.home>footer>img.text{width:20vh}div.copy{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1%;font-size:1em}div.copy>p{text-align:center;margin:5px 0}div.copy>p>strong{font-size:1.1em}div.copy>a>img{width:100px;height:35px}div.copy>small{text-align:center;margin-top:5px}div.copy>small>a{text-decoration:none;font-size:1em}div.auth{display:flex;flex-direction:column;padding:1vh 3vw;border-radius:10px;overflow:hidden;background:var(--panel-bg2)}div.auth>form{display:flex;flex-direction:column;align-items:center}div.auth>form>section{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}div.auth>form>section>label{margin:5px;font-size:12px}div.auth>form>section>input{padding:5px 10px;font-size:18px;text-align:center;border-radius:5px;margin-bottom:10px;min-width:300px}div.auth>form>footer{display:flex;flex-direction:column;justify-content:space-around;margin-top:10px}div.auth-user{top:5px;right:5px}div.auth-user>aside{position:fixed;top:50px;right:5px;padding:10px 15px;background:#673ab77a;display:flex;flex-direction:column;align-items:center;border-radius:10px;min-width:150px;z-index:99999}div.auth-user>aside>h2{margin:0 0 10px;width:100%;border-bottom:1px solid grey;text-align:center}div.auth-admin>aside{position:fixed;top:50px;right:5px;padding:10px 15px;background:#f14e4e38;display:flex;flex-direction:column;align-items:center;border-radius:10px;z-index:99999}div.auth-admin>aside>button{margin:5px 0}div.auth-admin>aside>.outs{width:100%;text-align:center}div.auth-admin>aside>.outs>h3{margin:5px 0}div.auth-admin>aside>.outs>section,div.auth-admin>aside>.outs>section>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:30px}@media only screen and (min-device-width:300px)and (max-device-width:812px){div.copy{font-size:.8em}div.copy>p>strong{font-size:1em}div.auth>form>h2{margin:5px}div.auth>form>section{margin-bottom:5px}div.auth>form>section>label{margin:2px;font-size:.7em}div.auth>form>section>input{padding:2px 5px;font-size:1em;margin-bottom:5px}div.auth>form>footer{margin-top:5px}}div.auth button.link{margin-top:5px}div.confirm{position:absolute;left:0;right:0;bottom:0;top:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center}.light div.confirm{background:#d1d0d082}.dark div.confirm{background:#3d3d3da1}div.confirm>section{padding:30px 45px;border-radius:10px;max-width:350px;text-align:center;background:var(--confirm-bg);-webkit-box-shadow:var(--confirm-shadow);box-shadow:var(--confirm-shadow)}div.confirm>section>h3{margin:0 0 15px}div.confirm>section>footer{display:flex;justify-content:space-around}div.confirm>section>footer>button{margin:0 5px}.controls{display:flex;justify-content:flex-end;padding:5px}.controls>*{margin-left:5px}.control-panel{position:fixed;padding:5px 10px;top:45px;right:10px;z-index:5;border-radius:5px;color:var(--text-primary);background-color:var(--panel-bg1)}.theme-selector{padding:10px;display:flex;flex-direction:column}.theme-selector>section{display:flex;justify-content:space-evenly}.theme-selector>section .theme{width:50px;height:50px;margin:5px;border:5px solid grey;display:flex;justify-content:center;align-items:center;cursor:default}.theme-selector>section .theme.selected{border:5px solid #ff5722}.theme-selector>section .theme:hover{border:5px solid orange}.volume-control{padding:10px;display:flex;flex-direction:column}.volume-control>section{border:1px solid silver;border-radius:5px;padding:5px 10px;margin:5px 0;display:flex;align-items:center}.user-control{padding:10px;display:flex;flex-direction:column}.user-control>section{border-radius:5px;padding:5px 10px;margin:5px 0;display:flex;flex-direction:column;align-items:center}.game-control{padding:10px}div.player-positions{width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}div.player-positions>ul{display:flex;flex-direction:column;justify-content:center}div.player-positions>ul>li{display:flex;margin:5px 0}div.player-positions>ul>li>div{flex:1 1;margin:0 5px;padding:2px 6px;text-align:center}.game-control>section{padding:10px;border-radius:10px;text-align:center}.game-control>section>div{display:flex;justify-content:center}.game-control>section>footer{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-control>section>footer>button{margin-top:5px}.game-control>section .outs{display:flex;flex-direction:column;justify-content:center}.game-control>section .outs>section{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 25px;padding:5px;border-bottom:1px solid silver}.game-control>section .outs>section>small{font-size:1.2em}.game-control>section .outs>h3{margin:25px 0 5px}.game-control>section .outs button{padding:2px 5px;margin:0 3px}.game-control div.connectivity{background-color:red;width:15px;height:15px;margin:0 2px;border-radius:50%}.game-control div.connectivity.online{background-color:#4caf50}div.model{position:fixed;left:0;right:0;bottom:0;top:0;background:#3c3c3c82;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center}.light div.model{background:#d1d0d082}.dark div.model{background:#3d3d3da1}div.model>section{background:#fff;border-radius:10px}.light div.model>section{background:#fff;-webkit-box-shadow:0px 0px 25px 4px #5a5a5a;box-shadow:0 0 25px 4px #5a5a5a}.dark div.model>section{background:#3e3d3d;-webkit-box-shadow:0px 0px 25px 4px #9b9b9b;box-shadow:0 0 25px 4px #000}div.model>section>header{padding:10px}div.model>section>header>h3{margin:0}div.model>section>section{padding:10px}div.model>section>footer{padding:10px;text-align:right;border-bottom-left-radius:10px;border-bottom-right-radius:10px}div.model>section>footer>button{margin-left:5px}.settings{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px}.settings>ul,.settings>section{display:flex;flex-direction:column;justify-content:center;align-items:center}.settings>ul>li{background:var(--rummy-label-bg);margin:1px;padding:2px 10px;border-radius:10px}.settings>ul>li>label{color:var(--text-secondary);font-size:.8em}.settings>ul>li>span{color:var(--text-primary);margin-left:5px}.settings>section>select{padding:3px 6px;border-radius:5px;margin-bottom:5px;font-size:1em}div.profile-image-editor{width:250px;background:#9e9e9e;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}div.user-profile{display:flex}div.user-profile>section{display:flex;flex-direction:column;min-width:300px;padding:0 10px;border-left:2px solid silver;margin-left:10px}div.user-profile>.user-profile-image,div.user-profile>.user-profile-image>.user-profile-image-editor{display:flex;flex-direction:column;align-items:center}div.user-profile>.user-profile-image>.maximized{position:fixed;left:0;right:0;bottom:200px;top:0;background-size:cover;background-position:center;background-repeat:no-repeat}@media only screen and (min-device-width:300px)and (max-device-width:812px){div.user-profile{flex-direction:column}}div.field{margin:5px 0}div.field>label{font-size:.9em}.light div.field>label{color:gray}.dark div.field>label{color:gray}div.field>div>span{font-size:1.2em}.light div.field>div>span{color:#000}.dark div.field>div>span{color:#fff}.dashboard{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}.dashboard>header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2vh;width:100%;background:var(--panel-bg2)}div.recents{min-width:300px;background:var(--panel-bg1)}div.recents>ul{overflow:auto;max-height:40vh}div.recents>ul>li{border-top:1px solid #cbcbcb;padding:5px 10px;font-size:1em;cursor:default}.dark div.recents>ul>li{border-top:1px solid #7d7878}div.recents>ul>li>*{display:flex;justify-content:space-between;align-items:center;margin:3px 0}div.recents>ul>li>section>span{font-size:1.1em;font-weight:700}div.recents>ul>li>section>span>small{font-size:.7em;font-weight:400;margin-left:5px}div.recents>ul>li>section>label.player{padding:0 4px;border-radius:4px}div.recents>ul>li>section>label.status{padding:0 4px;border-radius:4px;background:#ffeb3b;color:#000;border:1px solid grey}div.recents>ul>li>section>label.status.progress{background:#f78763;color:#fff}div.recents>ul>li>section>label.status.ended{background:silver;color:#000}div.recents>ul>li>header>span{color:silver;font-size:1em}div.recents>ul>li.selected>header>span{color:silver}div.recents>ul>li>footer{color:#13216f;font-size:1em;margin-top:5px}@media only screen and (max-device-width:812px){div.recents>ul>li{font-size:.9em}}.rummy{display:grid;width:100%;height:100%;grid-template-columns:30% 40% 30%;grid-auto-rows:50px 100px 1fr 220px}.rummy.pinned{display:flex;flex-direction:column;justify-content:space-between}.rummy>.header{grid-row:1;grid-column-start:1;grid-column-end:4}.rummy>.scores{grid-row-start:2;grid-row-end:4;grid-column:3;overflow:hidden}.rummy>.activities{grid-row-start:2;grid-row-end:4;grid-column:1}.rummy>.board{grid-row-start:2;grid-row-end:4;grid-column:2}.rummy>.me{grid-row:4;grid-column-start:1;grid-column-end:4}.rummy>div{margin:2px;display:flex;padding:0;width:calc(100% -4px);height:calc(100% -4px)}.error-banner{position:absolute;left:0;right:0;top:0;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center}.error-banner>section{z-index:10;background:#ff0000b8;color:#fff;padding:2px 15px;border:1px solid yellow;border-top:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px;min-width:250px;text-align:center}.error-banner>section>button{padding:1px 6px}.connection-state{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10;background-color:#00000052}.connection-state>section{background:#cf3917;color:#fff;padding:15px 25px;border-radius:5px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.connection-state>section.elsewhere{background:#cddc39;color:#000}.connection-state>section.elsewhere>span{padding:5px 15px;background:orange;border-radius:5px;font-size:1.2em}@media(max-width:1400px){.rummy{grid-template-columns:40% 60%;grid-auto-rows:50px 150px 1fr 220px}.rummy.pinned{display:flex;flex-direction:column;justify-content:space-between}.rummy>.header{grid-row:1;grid-column-start:1;grid-column-end:4}.rummy>.scores{grid-row:2;grid-column:1;margin-bottom:5px}.rummy>.activities{grid-row:3;grid-column:1}.rummy>.board{grid-row-start:2;grid-row-end:4;grid-column:2}.rummy>.me{grid-row:4;grid-column-start:1;grid-column-end:4}}@media(max-width:740px){.rummy{grid-template-columns:100%;grid-auto-rows:40px 90px 140px 1fr 200px}.rummy>.header{grid-row:1;grid-column:1}.rummy>.scores{grid-row:2;grid-column:1;margin-bottom:5px}.rummy>.activities{grid-row:3;grid-column:1}.rummy>.board{grid-row:4;grid-column:1}.rummy>.me{grid-row:5;grid-column:1}}.rummy .activities{display:flex;flex-direction:column;overflow:hidden;border-radius:5px;border:1px solid var(--rummy-activities-bg);background:var(--rummy-activities-bg);box-shadow:var(--rummy-activities-shadow)}.rummy .activities.collapsed{bottom:60%}.rummy .activities>header{flex:0 0;display:flex;justify-content:flex-end;padding:1px;position:relative;height:0px}.rummy .activities>header>button{margin:5px 15px}.rummy .activities>ul,aside.history>ul{flex:1 1;overflow:auto;margin:0}.rummy .activities>ul>li,aside.history>ul>li{display:flex;margin:0 5px;font-size:.9em;justify-content:left;align-items:center}.rummy .activities>ul>li>.bubble,aside.history>ul>li>.bubble{display:flex;padding:1px 2px;border-radius:4px;margin:1px 0;align-items:center}.rummy .activities>ul>li>.bubble>.name,aside.history>ul>li>.bubble>.name{align-self:flex-start}.rummy .activities>ul>li hr,aside.history>ul>li hr{width:100%;border:var(--rummy-activities-line)}.rummy .activities>ul>li>.bubble .ts,aside.history>ul>li>.bubble .ts{font-size:.8em}.rummy .activities>ul>li>.bubble .msg,aside.history>ul>li>.bubble .msg{word-break:break-all}span.activity-card{background:#ffffffd1;border:1px solid #000;border-radius:3px;color:#000;padding:0 3px}span.activity-card.red{color:red}.rummy .activities>form{flex:0;padding:2px 3px;display:flex;min-height:30px;background:#91919159}.rummy .activities>form>input{flex:1}aside.history{height:50vh;width:50vw;overflow:hidden;background:#0000002e;padding:15px;z-index:11;text-align:center;display:flex;flex-direction:column;border-radius:10px}aside.history>h3{margin:5px;flex:0 0}aside.history>ul{flex:1 1}aside.history>footer{flex:0 0;display:flex;justify-content:center;min-height:35px}.rummy .activities a,.rummy .activities a:visited{color:#44c3c3}div.react-input-emoji--container{background:#ffffff69;border:none;border-radius:5px;margin:0}.activities div.react-emoji-picker--wrapper{width:80%;max-width:357px;overflow-x:auto}div.react-input-emoji--input{padding:3px 5px;background:var(--input-bg);color:var(--input-text);font-family:Roboto Condensed,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.activities button.react-input-emoji--button{padding:0 2px}div:hover .react-input-emoji--button{border:none}.emoji-mart button.emoji-mart-emoji{border:2px solid rgba(255,255,255,1)}aside.history .icon.selected,div.activities .icon.selected{background-color:#007a89;border-radius:5px}div.memes{width:1050px;height:600px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}div.memes>header{flex:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}div.memes>header>button{border-radius:15px;padding:0 5px;color:#000}div.memes>section{flex:1;width:100%;height:100%;display:flex;flex-wrap:wrap;overflow:auto}div.memes>section>img{margin:2px;border:3px solid transparent;width:25vw;max-width:200px;height:25vw;max-height:200px}div.memes>section>img:hover{border:3px solid silver}div.memes>section>img.selected{border:10px solid rgb(19,190,184)}div.memes>footer{flex:0;display:flex;justify-content:center;align-items:center;padding:5px;gap:5px}@media only screen and (min-device-width:300px)and (max-device-width:812px){.rummy .activities{border-radius:5px}.rummy .activities>ul>li{font-size:.7em}.rummy .activities>form{min-height:25px}aside.history{width:80vw}button.react-input-emoji--button{display:none}div.memes{max-width:90vw;max-height:60vh}}.rummy>.board>section{flex:1 1;position:relative;margin:0 5px;background:var(--rummy-board-bg);border-radius:2%;border:10px solid var(--rummy-board-border)}.rummy>.board .grid-container{display:grid;grid-template-columns:15% 20% 30% 20% 15%;grid-template-rows:20% 30% 30% 20%;width:100%;height:100%}.rummy>.board .grid-container>div.grid{display:flex;justify-content:center;align-items:center}.rummy>.board .grid-container>div.grid.item12,.rummy>.board .grid-container>div.grid.item13,.rummy>.board .grid-container>div.grid.item14{justify-content:center;align-items:flex-end}.rummy>.board .grid-container>div.grid.item2,.rummy>.board .grid-container>div.grid.item3,.rummy>.board .grid-container>div.grid.item4{justify-content:center;align-items:flex-start}.rummy>.board .grid-container>div.grid.item6,.rummy>.board .grid-container>div.grid.item9{justify-content:flex-start;align-items:center}.rummy>.board .grid-container>div.grid.item8,.rummy>.board .grid-container>div.grid.item10{justify-content:flex-end;align-items:center}.rummy>.board .grid-container>div.decks{grid-row-start:2;grid-row-end:4;grid-column-start:2;grid-column-end:5;display:flex;justify-content:center;align-items:center}@media only screen and (min-device-width:300px)and (max-device-width:812px){.rummy>.board>section{border:5px solid #501616;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}.rummy .board .decks .deck{display:flex;flex-direction:column;justify-content:center;align-items:center}.rummy .board .decks .deck>div.set{display:flex;justify-content:center;align-items:center}.rummy .board .decks .deck>div.set>.back{width:80px;z-index:1;margin-left:-15px;margin-right:30px;border-radius:8px}.rummy .board .decks .deck>div.set>.open-card-used{margin-left:25px}.rummy .board .decks .deck>div.set>.open-card-used>.card{margin-top:-20px}.rummy .board .decks .deck div.card.medium>section>img{width:75px;margin-top:-11px;margin-left:-5px}.rummy .board .decks .deck div.card.small>section>img{width:40px;margin-top:-4px;margin-left:-3px}.rummy .board .decks .deck .open-deck-card{margin-left:-85px;margin-right:40px;z-index:1}div.card.sevens-back>section>img{width:60px}@media only screen and (min-device-width:300px)and (max-device-width:812px){.rummy .board .decks .deck{top:75%;left:10px;right:10px;bottom:0}.rummy .board .decks .deck.set{grid-row:3;grid-column:1}.rummy .board .decks .deck>div.set>.back{width:50px;margin-right:20px}.rummy .board .decks .deck div.card.medium>section>img{width:45px;margin-top:-6px;margin-left:-4px}.rummy .board .decks .deck div.card.small>section>img{width:30px;margin-top:-4px;margin-left:-3px}}.rummy .deck>.actions{display:flex;flex-direction:column;justify-content:center;align-items:center}.rummy .deck>.actions>.start{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.rummy .deck>.actions>.start>section{display:flex;flex-direction:column;justify-content:center;align-items:center}.rummy .deck>.actions select{padding:3px 6px;border-radius:5px;margin-bottom:5px;font-size:1em}.rummy .deck>.actions>.start>section>small{color:red;font-size:.8em;margin-top:5px}.rummy .deck>.actions>.next{padding:15px 35px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.rummy .deck>.actions>.next>h4{margin:10px}div.out-warning{background:#c73227;padding:5px 10px;text-align:center;border-radius:10px}div.out-warning>ul{display:flex;justify-content:center;margin-top:5px}div.out-warning>ul>li{padding:1px 4px;margin:0 2px;border-radius:4px}div.shuffler{display:flex;flex-direction:column;justify-content:center;align-items:center}div.shuffler>div{text-align:center}div.shuffler>ul{display:flex;flex-direction:row;margin:5px}div.shuffler>ul>li{margin-left:-10px}@media only screen and (min-device-width:300px)and (max-device-width:812px){.rummy .deck>.actions>.start>section>select{padding:2px 3px;border-radius:5px;margin-bottom:2px;font-size:.7em}.rummy .deck>.actions>.start>section>div>label{font-size:.8em}.rummy .deck>.actions>.start>small{font-size:.6em;color:red}.rummy .deck>.actions>.next{padding:5px 10px}.rummy .deck>.actions>.next>h4{margin:5px}}div.cards{display:flex;justify-content:center}div.cards>ul{display:flex;flex-direction:row;margin-left:35px}div.cards>ul>li{margin-left:-35px;z-index:1}div.cards>ul>li>div.selected{margin-top:-25px}div.card{-webkit-box-shadow:-4px -5px 27px -9px rgb(0,0,0);-moz-box-shadow:-4px -5px 27px -9px rgb(0,0,0);box-shadow:-4px -5px 27px -9px #000;background:#fff;border-radius:6px;overflow:hidden}div.card>section{width:45px;height:70px;border:5px solid #fff;overflow:hidden}div.card>section>img{width:85px;margin:5px}div.card>section>img.face{margin-left:-8px;margin-top:-18px}div.card>section>img.joker{width:85px;margin-top:-5px;margin-left:-2px}div.card.small>section{border:2px solid #fff;width:25px;height:35px}div.card.small>section>img{width:85px;margin-left:-5px;margin-top:-8px}div.card.small>section>img.face{margin-left:-6px;margin-top:-12px}div.card.small>section>img.joker{width:60px;margin-top:-5px;margin-left:-2px}div.card.large>section{width:60px;height:75px}div.card.large>section>img{width:85px;margin-left:-5px;margin-top:-7px}div.card.large>section>img.face{width:85px;margin-left:-4px;margin-top:-10px}div.card.large>section>img.joker{width:65px;margin-left:-1px;margin-top:-5px}@media only screen and (min-device-width:300px)and (max-device-width:812px)and (orientation:portrait){div.cards>ul{margin-left:0}div.cards>ul>li{margin-left:-15px;z-index:1}div.card>section{width:30px;height:50px;border:5px solid #fff;overflow:hidden}div.card>section>img{width:140px;margin:-12px 5px 5px -6px}div.card>section>img.face{margin-left:-6px;margin-top:-12px}div.card>section>img.joker{width:100px;margin-top:-5px;margin-left:-2px}div.card.large>section{width:30px;height:50px;border:2px solid #fff;overflow:hidden}div.card.large>section>img{width:45px;margin-left:-3px;margin-top:-2px}div.card.large>section>img.face{width:45px;margin-left:-3px;margin-top:-4px}div.card.large>section>img.joker{width:45px;margin-top:-1px;margin-left:1px}div.board>section>.deck>div.set>.open-card-used>.card.small{margin-top:-15px}div.card.small>section{width:15px;height:25px;border:2px solid #fff;overflow:hidden}div.card.small>section>img{width:90px;margin-left:-5px;margin-top:-8px}div.card.small>section>img.face{width:90px;margin-left:-5px;margin-top:-8px}div.card.small>section>img.joker{width:65px;margin-top:-5px;margin-left:-8px}div.cards>ul>li>div.selected{margin-top:-15px}}div.board .player{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:default}div.board .player>section{background:#333;width:8vw;max-width:80px;height:8vw;max-height:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:3px solid grey;border-radius:10px;color:#fff;overflow:hidden;font-size:.7em;z-index:2}div.board .player>section>div{display:flex;justify-content:space-around;width:100%;margin:3px}div.board .player>section>div>*{width:20px;border-radius:10px;text-align:center}div.board .player>section.turn{border-width:10px;-webkit-box-shadow:0px 17px 61px 9px #ff9800;-moz-box-shadow:0px 17px 61px 9px #ff9800;box-shadow:0 17px 61px 9px #ff9800}div.board .player>section.scoot{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #000}div.board .player>svg.turn{font-size:2em;margin-top:0;z-index:1}div.board .player>svg.winner{font-size:2em;margin-top:0;z-index:1}div.board .player>section>header{display:flex;width:100%;justify-content:center;align-items:center;opacity:.7}div.board .player>section>div>div{background-color:red;width:15px;height:15px;margin:0 2px;border-radius:50%}div.board .player>section>div>div.online{background-color:#4caf50}div.board .player>section>header>h3{margin:0;padding:3px 5px;width:100%;text-align:center;font-size:1.2em}div.board .player>section>.roles>svg{font-size:1.2em;margin:3px 2px}div.board .player>section>div>.timer{text-align:center;background:#ffeb3b;color:#000}div.show-player-cards{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:10;background:#000000a6;width:500px;height:325px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:10px}div.show-player-cards>.cards{position:relative}div.show-player-cards>*{margin:5px}div.show-player-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:10px}div.show-player-actions>h4{margin:5px}div.show-player-actions>div{display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;align-items:center}div.show-player-actions>div>*{margin:5px}div.show-player-actions>footer{flex:0 0;margin-top:10px;min-height:30px}div.show-player-actions>div>ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}div.show-player-actions>div>ul>li{width:30px;height:30px;border-radius:50px;margin:5px}div.show-player-actions>div>ul>li.current{border:5px solid #999950}@media only screen and (min-device-width:300px)and (max-device-width:812px){div.board .player{font-size:.8em;border-radius:2px}div.board .player>section{width:10vw;height:10vw}div.board .player>section>h3{padding:0 2px;font-size:.9em}div.board .player>section.winner,div.board .player>section.turn{border-width:4px}div.show-player-cards{width:250px;height:240px}div.show-player-actions{width:90%;height:100px}}.rummy .header{padding:5px;display:grid;grid-template-columns:65% 35%}.rummy .header>section{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.rummy .header>section>img{width:40px;height:40px}.rummy .header>section>.info{display:flex;justify-content:center;align-items:center;padding:5px;cursor:default}.rummy .header>section>.info>div{padding:0 5px;margin:0 3px;background:var(--rummy-label-bg);border-radius:10px}.rummy .header>section>.info>div:hover{border:1px solid silver;border-radius:5px}.rummy .header>section>.info>div>.label{font-size:.6em}.rummy .header>section>.info>div>.val{font-size:1em;margin-left:2px;margin-right:5px}div.version{width:350px;z-index:2;padding:10px;border-radius:10px;top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}div.version>h1{margin:5px}div.version>h2{margin:5px 0;font-size:14px;font-weight:400}div.version>h3{margin:5px 0;font-size:12px;font-weight:400;color:silver}div.version>h4{margin:5px 0;font-size:12px;font-weight:400;color:silver}div.version>h5{margin:0;font-size:12px;font-weight:400;color:gray}@media only screen and (min-device-width:300px)and (max-device-width:812px){.rummy .header{grid-template-columns:65% 35%;padding:0}.rummy .header>section>.info{display:flex;flex-direction:column;transform:scale(.8);align-items:flex-start;margin-top:-8px}.rummy .header>section>.info>div{border:none}.rummy .header>section>.info>div>.val{white-space:nowrap}}.wins{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:5px;min-width:250px}.wins>ul,.wins>div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5px;margin-bottom:5px}.wins>div>section{display:flex;flex-direction:row;justify-content:center;align-items:center}.wins>div>section>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.wins h3{margin:0 0 10px;text-align:center;border-bottom:4px solid silver}.rummy .me{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.rummy .me.my-turn{z-index:2}.rummy .me>header{flex:0;display:grid;grid-template-columns:30% 40% 30%;width:100%;margin-bottom:10px;height:32px;min-height:32px}.rummy .me>header button{margin:0 5px}.rummy .me>header>.left{display:flex;justify-content:flex-start}.rummy .me>header>.middle{display:flex;justify-content:center}.rummy .me>header>.right{display:flex;justify-content:flex-end}.rummy .me>footer{min-height:20px}.rummy .me>footer .points{background-color:var(--rummy-me-points-bg);padding:0 10px;border-radius:10px;margin-top:-20px}.rummy .me>section{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.rummy .me>section>.left{flex:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:50px;margin-left:5px}.rummy .me>section>.right{flex:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-width:50px;margin-right:5px}.rummy .me>section>.left>button,.rummy .me>section>.right>button{margin:2px}.rummy .me>section>.cards{margin-bottom:20px}.rummy .me>section>.cards>ul{border:8px solid transparent}.rummy .me>section>.cards>ul.glow{animation:none;border:8px solid red}.rummy .me>section>.cards>ul{padding-left:36px}.rummy .me>section>.right div.optimizer-limit{background:#ff0;position:relative;top:0;right:0;width:15px;border-radius:10px;color:#000;font-size:1em}div.confirm.me{top:auto;z-index:99;height:215px;background:#000000ba}div.confirm.me>section{background:transparent;width:100%;flex-direction:column;justify-content:center;align-items:center;box-shadow:none}@media only screen and (min-device-width:300px)and (max-device-width:812px){div.me>.cards>ul{padding-left:15px}div.me>.actions>.left>button,div.me>.actions>.right>*{margin:0 0 1px;padding:1px 3px}.rummy .me>section>.cards>ul{padding-left:16px}.rummy .me>section>.left{flex-direction:row;justify-content:flex-start;align-items:center;min-width:10px}.rummy .me>section>.right{flex-direction:row;align-items:center;min-width:10px}.rummy .me>section>.cards{margin-bottom:40px}}.rummy .scores{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:.8em;overflow:hidden;border-radius:5px;padding:1px;background:var(--rummy-scores-bg);box-shadow:var(--rummy-scores-shadow)}.rummy .scores>div{flex:0 0;display:flex;justify-content:flex-end;padding-right:5px;position:relative;height:0px;width:100%}.rummy .scores>.control>button{margin:0 15px}.rummy .scores>header{overflow:hidden;margin-right:12px;min-height:48px}.rummy .scores>header .sub-head{display:flex;flex-direction:row}.rummy .scores>header .sub-head>div{text-align:right;padding:2px 3px;max-width:30px;min-width:30px;width:30px;min-height:17px;max-height:17px;height:17px;text-align:center;border:1px solid var(--rummy-scores-border)}.rummy .scores>header .sub-head>div.round{max-width:15px;min-width:15px;width:15px}.rummy .scores>section{overflow-y:scroll;overflow-x:auto;max-height:300px}.rummy .scores>section>.row{display:flex;flex-direction:row}.rummy .scores>section>.row>div{text-align:right;padding:2px 3px;max-width:30px;min-width:30px;width:30px;min-height:17px;max-height:17px;height:17px;text-align:center;border:1px solid var(--rummy-scores-border)}.rummy .scores>section>.row>div.round{max-width:15px;min-width:15px;width:15px}.rummy .scores>section>.row.current>div.round{background-color:#f1f174;color:#000}.rummy .scores div.score{color:#ff0;font-size:1.2em}.rummy .scores>header div.out{text-decoration:line-through;background:#48474785;color:silver}.rummy .scores>section div.out{background:#48474785;color:silver}.rummy .scores>header div.to-out{background:#71020285}.rummy .scores>section div.to-out{background:#71020285}.rummy .scores>section div.D{color:#8bc34a;font-weight:700}.rummy .scores>section div.S,.rummy .scores>section div.H{color:#f44336;font-weight:700}.rummy .scores-viewer{max-height:400px}.rummy .scores-viewer .scores>section{max-height:300px}form.scores-editor{padding:10px 20px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}form.scores-editor>header{font-size:1.2em}form.scores-editor>section{display:flex;margin-bottom:10px}form.scores-editor>section>div{display:flex;flex-direction:column;text-align:center}form.scores-editor>section>div>label{margin:1px 3px}form.scores-editor>section>div>input{width:30px;margin:1px 3px;text-align:center;font-weight:700}.tester{display:flex;flex-direction:column;width:100%;height:100%}.tester>header{flex:0 0;min-height:50px;background:#a9a9a9;color:#fff}.tester>footer{flex:0 0;min-height:150px;background:#2f4f4f}.tester>.stats{flex:1 1;display:flex;flex-direction:row}.tester>.stats>.activities{flex:1 1;background:#000}.tester>.stats>.scores{flex:1 1;background:#00f}.tester>.board{flex:1 1;background:green;border-radius:10px;margin:10px}.buttons{display:flex;flex-direction:column;flex-wrap:wrap;width:calc(100% - 100px);height:calc(100% - 100px);justify-content:center;align-items:center;margin:50px}.buttons>div{display:flex;justify-content:center;align-items:center;margin:10px 0}.buttons button{margin:0 5px}