@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";html>body>div.game-menu{display:flex;vertical-align:middle;align-items:center;justify-content:center}html>body>div.game-menu>div.content{width:50vw;display:flex;flex-direction:column}html>body>div.game-menu>div.content>div{width:100%}html>body>div.game-menu>div.content>div.create-game input{width:100%}html>body>div.game-interface>div{width:inherit;height:inherit;display:grid;grid-template-columns:1fr 5fr;grid-template-rows:min-content 3fr 1fr;grid-template-areas:"chat info" "chat main" "hand hand"}html>body>div.game-interface>div>div.chat-box{grid-area:chat;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content min-content}html>body>div.game-interface>div>div.chat-box:has(>button#StartGameButton){grid-template-rows:auto min-content min-content min-content}html>body>div.game-interface>div>div.chat-box>dl{background-color:#fff8dc;overflow-y:auto}html>body>div.game-interface>div>div.main{height:100%}html>body>div.game-interface>div>div.main.phase-1{display:grid;grid-template-columns:1fr 1fr;padding:2em;overflow-y:auto}html>body>div.game-interface>div>div.main.phase-1 svg{height:auto;width:auto;max-height:100%;max-width:100%}html>body>div.game-interface>div>div.game-info-bar{grid-area:info}html>body>div.game-interface>div>div.hand-area{grid-area:hand;display:flex;flex-direction:row;overflow-x:auto}html>body>div.game-interface>div>div.hand-area>svg{height:100%}html>body>div.game-interface>div svg{cursor:pointer;-webkit-user-select:none;user-select:none}p.playing-card{height:100%;width:auto;flex-grow:1;display:flex;align-items:center;justify-content:center}svg{font-family:Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif}button#OpenGameSheetButton{display:none;position:absolute;right:0;top:50vh;transition:right linear .5s}button#OpenGameSheetButton.show{display:block}body:has(div#ScoreCardsDiv.show)>button#OpenGameSheetButton{right:50vw}html>body>div#ScoreCardsDiv{width:50vw;left:unset;right:-50vw;transition:right linear .5s;background-color:#f5f5f580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1em}html>body>div#ScoreCardsDiv>div#GameSheetDiv{display:grid;grid-template-columns:max-content 2fr 2fr 2fr 2fr;column-gap:1em}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.value{display:inline-flex;text-align:center;justify-content:center}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.White{background-color:#fff}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.Grey{background-color:#fff}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.Red{background-color:salmon}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.Yellow{background-color:#fafad2}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.selectable{background-color:#adff2f;cursor:pointer}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.Dishonest{background-color:#000;color:salmon}html>body>div#ScoreCardsDiv>div#GameSheetDiv>span.Dishonest.selectable{color:#adff2f}html>body>div#ScoreCardsDiv>div.middle-options>button#EndRoundButton{display:none}html>body>div#ScoreCardsDiv>div.middle-options>button#EndRoundButton.show{display:inline-block}html>body>div#ScoreCardsDiv>div#OtherPlayersScoresDiv{display:flex;flex-direction:column}html>body>div#ScoreCardsDiv.show{right:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Karla,sans-serif!important}html{width:100vw;height:100vh}html>body{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}html>body>div{position:absolute;top:0;left:0;width:100vw;height:100vh}html>body>div.game-interface{display:none}html>body.open-game>div.game-menu{display:none}html>body.open-game>div.game-interface{display:block}