.body-container{display:flex;flex-direction:row;height:calc(100vh - 84px)}@media (max-width: 768px){.body-container{flex-direction:column;height:calc(100vh - 130px)}}.body-left-container{width:490px;border-right:var(--border-width-large) solid var(--gray-1)}@media (max-width: 768px){.body-left-container{width:100%;border-right:none;border-bottom:var(--border-width-large) solid var(--gray-1);justify-items:center}}.body-right-container{display:flex;flex-direction:column;justify-content:space-between;width:calc(100vw - 490px)}@media (max-width: 768px){.body-right-container{width:100%;height:100%;overflow-y:auto}}.card{height:100px;margin-right:1rem;transition:filter .25s}@media (max-width: 768px){.card{height:80px}}.card-selectable{cursor:pointer}.card-selectable:hover,.card-selected{filter:sepia(100%)}.game-panel-container{margin:3rem}@media (max-width: 768px){.game-panel-container{margin:1rem}}.game-panel-container img{width:150px;height:100%}@media (max-width: 768px){.game-panel-container img{width:120px}}.game-panel-summary-container{display:flex;flex-direction:row}.game-panel-summary-text-container{margin-left:2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}@media (max-width: 768px){.game-panel-summary-text-container{margin-left:1rem}}.game-panel-card-container{text-align:center;margin-top:3rem}@media (max-width: 768px){.game-panel-card-container{margin-top:1rem;display:flex}}.game-panel-button-container{display:flex;margin-top:1rem;gap:1rem;justify-content:center}@media (max-width: 768px){.game-panel-button-container{margin-top:0;margin-left:1rem;flex-direction:column}}.game-panel-button{padding:0 2rem;height:90px;align-self:center;border-width:var(--border-width-large);font-size:var(--font-2)}@media (max-width: 768px){.game-panel-button{padding:0 1.25rem;height:60px}}.header-container{display:flex;padding:0 1rem;border-bottom:var(--border-width-large) solid var(--gray-1)}@media (max-width: 768px){.header-container{flex-direction:column;padding:0 1rem .75rem}}.header-text{display:flex;flex-grow:1}.header-input-container{display:flex;gap:1rem}@media (max-width: 768px){.header-input-container{gap:.5rem;width:100%;justify-content:flex-end}}.header-textbox{box-sizing:border-box;width:400px;height:60px;align-self:center;border:var(--border-width-small) solid var(--gray-1);border-radius:16px;padding:10px;font-size:var(--font-4)}@media (max-width: 768px){.header-textbox{display:flex;width:inherit;height:50px}}.header-button{padding:0 1rem;height:60px;align-self:center;border-width:var(--border-width-small);font-size:var(--font-4)}@media (max-width: 768px){.header-button{height:50px}}.player-panel-container{height:100%;overflow-y:auto}.player-panel-player-container{display:flex;flex-direction:row;padding:1rem;height:100px;overflow-x:auto;transition:background-color .25s}@media (max-width: 768px){.player-panel-player-container{height:80px}}.player-panel-player-container:not(:last-child){border-bottom:var(--border-width-small) solid var(--gray-1)}.player-panel-player-turn{background-color:var(--purple)}.player-panel-player-frozen{background-color:var(--blue)}.player-panel-player-flopped{background-color:var(--red)}.player-panel-player-won-game{background-color:var(--orange)}.player-panel-player-selectable{cursor:pointer}.player-panel-player-selectable:hover,.player-panel-player-selected{background-color:var(--yellow)}.player-panel-player-text-container{min-width:190px;max-width:190px;margin-right:1.5rem;align-self:center}@media (max-width: 768px){.player-panel-player-text-container{min-width:150px;margin-right:1rem}}.player-panel-player-text-username-container{display:flex;word-break:break-word}.player-panel-chain{margin-left:.5rem}.round-discard-panel-container{display:flex;flex-direction:row;padding:1rem;min-height:100px;overflow-x:auto;border-top:var(--border-width-large) solid var(--gray-1)}@media (max-width: 768px){.round-discard-panel-container{min-height:80px}}.round-discard-panel-text-container{min-width:190px;margin-right:1.5rem;align-self:center}@media (max-width: 768px){.round-discard-panel-text-container{min-width:150px;margin-right:1rem}}.rules-content-modifier-cards-container{display:flex;gap:1rem}@media (max-width: 768px){.rules-content-modifier-cards-container{width:100%;flex-wrap:wrap}}.rules-content-action-card-container{display:flex;gap:1rem;align-items:center}.rules-modal-overlay{position:absolute;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--gray-accent);z-index:0}.rules-modal-container{display:flex;flex-direction:column;max-width:700px;width:100%;max-height:480px;height:100%;margin:2rem;padding:2rem;background:var(--background);border:var(--border-width-small) solid var(--gray-1);border-radius:16px;box-shadow:0 0 20px var(--gray-accent);z-index:1}@media (max-width: 768px){.rules-modal-container{max-width:400px;max-height:600px}}.rules-modal-content{flex-grow:1;padding:1rem 0}.rules-modal-content img{width:100px}@media (max-width: 768px){.rules-modal-content img{width:70px}}.rules-x-button-container{display:flex;flex-direction:row-reverse}.rules-x-button{cursor:pointer}.rules-arrow-buttons-container{display:flex;flex-direction:row-reverse;gap:1rem}.rules-arrow-button{cursor:pointer}.rules-arrow-button-disabled{color:var(--gray-3);cursor:default}@font-face{font-family:Afacad;src:url(/assets/AfacadFlux-Regular-c4u2oNoU.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Afacad;src:url(/assets/AfacadFlux-Bold-BLeUkSlo.ttf) format("truetype");font-weight:700;font-style:normal}:root{--text: #0C0C0B;--background: #F9F8F8;--gray-1: #181716;--gray-2: #625D59;--gray-3: #A8A39F;--gray-4: #CDCAC8;--gray-5: #F3F2F1;--gray-accent: rgba(24, 23, 22, .2);--red: #F9BCB8;--orange: #F9D5B9;--yellow: #FFF3B8;--blue: #B9DEF9;--purple: #C5B9F9;--font-1: 80px;--font-2: 64px;--font-3: 48px;--font-4: 32px;--font-5: 24px;--font-6: 16px;--border-width-small: 2px;--border-width-large: 4px;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){:root{--font-1: 64px;--font-2: 48px;--font-3: 32px;--font-4: 24px;--font-5: 16px;--font-6: 12px}}body{margin:0}#root{width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,p,button,a,input,div{font-family:Afacad,sans-serif;font-weight:400;line-height:1;margin:0}button:not(:disabled){color:inherit}h1{font-size:var(--font-1)}h2{font-size:var(--font-2)}h3{font-size:var(--font-3)}h4{font-size:var(--font-4)}p,li{font-size:var(--font-5)}strong{font-weight:700}button{border-radius:16px;background-color:var(--gray-5);border:0 solid var(--gray-1);transition:background-color .25s}button:enabled{cursor:pointer}button:enabled:hover{background-color:var(--gray-4)}button:disabled{border-color:var(--gray-3)}
