@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";.main-header{position:relative;height:calc(100vh + 60px);box-sizing:border-box;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:0}.main-header-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:-1;pointer-events:none}.title{font-family:Roboto-flex,sans-serif;font-size:3rem;margin:0;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.subtitle{font-family:Roboto-flex,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin-top:10px;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.navbar{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;justify-content:space-between;align-items:center;background-color:#282828;padding:10px 20px;color:#fff;box-shadow:0 6px 18px #0006}.navbar-logo{font-family:Roboto-flex,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:1px}.navbar-links{font-family:Roboto-flex,sans-serif;list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar-links li a{color:#fff;text-decoration:none;font-weight:500}.navbar-links li a:hover{text-decoration:underline}.card{text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 6px 16px #0000001a;padding:20px;max-width:400px;margin:60px 0;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #0003}.card-image{width:100%;height:auto;border-radius:8px;margin-bottom:4px;object-fit:cover}.card-title{font-family:Roboto-flex,sans-serif;color:#000;font-size:2rem;margin-bottom:0;font-weight:600}.card-body{margin-top:5px;margin-bottom:0;font-family:Roboto-flex,sans-serif;font-size:1.5rem;color:#000}.card-container{display:flex;justify-content:center;gap:60px;padding:40px;flex-wrap:wrap;width:100%;max-width:1000px;margin:0 auto}.card{width:250px;flex-shrink:0}.card-image{max-width:100%;height:auto}.play{position:relative;background-color:#121212;display:flex;flex-direction:column;height:100vh;width:100%;overflow-y:scroll}.play-content{display:flex;flex:1;padding:70px 25px 20px 20px}.play-settings-card{width:20%;display:flex;flex-direction:column;margin-right:20px}.play-settings-body{flex:1;overflow-y:auto;margin-left:20px}.settings-card{display:flex;flex-direction:column;justify-content:flex-start;height:100%;flex:1;align-items:center;text-decoration:none;color:#fff;background-color:#282828;border-radius:12px;border:2px solid #575757;width:230px;text-align:center}.settings-card-button{padding:24px;font-family:Roboto,sans-serif;margin-bottom:0;cursor:pointer;margin-top:auto;width:180px}.settings-card-title{white-space:nowrap;padding-top:4px;padding-bottom:4px;font-family:Roboto,sans-serif;font-size:1.5rem;margin-bottom:0;font-weight:500;cursor:pointer}.settings-card-title:hover{text-decoration:underline}.settings-card-title.selected{border-radius:12px;display:inline-block;background-color:#575757;width:200px}.settings-body{color:#fff;display:flex;flex-direction:column;padding-bottom:40px;min-height:75vh;font-family:Roboto,sans-serif}.settings-body-title{padding:12px;font-family:Roboto,sans-serif;font-size:1rem;margin-bottom:0;font-weight:500;border:2px solid transparent;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.settings-body-title:hover{border-color:#282828}.settings-body-dropdown{font-size:1.2rem;cursor:pointer;width:160px}.settings-body-playing-cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;max-width:100%;zoom:.5}.settings-body-playing-card{height:auto;flex-shrink:1}.settings-body-button,.settings-body-textbox{font-size:1.2rem;cursor:pointer;width:160px}.settings-body-table{margin:0 auto}.settings-body-tags,.settings-body-irc{margin-left:auto}.dropdown{position:relative;display:inline-block;width:100%}.dropdown-button{background-color:#282828;color:#fff;padding:12px 20px;font-size:1rem;border:none;border-radius:8px;border:2px solid #575757;cursor:pointer;font-family:Roboto,sans-serif;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;height:40px}.dropdown-button-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-button-arrow{position:absolute;right:8px;pointer-events:none}.dropdown-button.selected{background-color:#575757}.dropdown-content{position:absolute;display:flex;align-items:center;flex-direction:column;min-width:100%;font-size:1rem;top:100%;left:0;background-color:#1e1e1e;border-radius:8px;z-index:1;margin-top:8px;overflow-x:hidden}.dropdown-content a{text-align:center;display:block;color:#fff;padding:12px 16px;width:100%}.dropdown-content a:hover{background-color:#333}.textbox{position:relative;display:inline-block;box-sizing:border-box;background-color:#282828;color:#fff;padding:12px 20px;font-size:1rem;border:none;border-radius:8px;border:2px solid #575757;font-family:Roboto,sans-serif;width:100%;outline:none;height:40px}.textbox:focus{background-color:#575757}.strategy-table{display:flex;flex-direction:column}.strategy-table-row{display:flex;flex-direction:row}.strategy-cell{color:#fff;border:2px solid white;cursor:pointer;width:40px;height:20px;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600;padding:10px;letter-spacing:.05em}.strategy-cell-label{padding:0;text-align:center}.irc{display:flex;flex-direction:row}.irc-pair{display:flex;flex-direction:column}.irc-pair-textbox{padding:5px;white-space:nowrap}.irc-pair-label{color:#fff;cursor:pointer;width:100%;height:20px;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;text-align:center}.tags{display:flex;flex-direction:row}.tags-pair{display:flex;flex-direction:column}.tags-pair-dropdown{width:60px;padding:5px;white-space:nowrap}.tags-pair-label{color:#fff;cursor:pointer;width:100%;height:20px;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;text-align:center}.counting-table{display:flex;flex-direction:column}.counting-table-row{display:flex;flex-direction:row}.counting-cell{color:#fff;border:2px solid white;cursor:pointer;width:40px;height:20px;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600;padding:10px;letter-spacing:.05em;outline:none}.counting-cell-label{padding:0;text-align:center}.counting-cell-input{width:100%;height:100%;font-size:1rem;text-align:center;background-color:#fff;border:none;outline:none;box-sizing:border-box}.button{position:relative;display:inline-block;background-color:#282828;color:#fff;padding:12px 20px;border:none;border-radius:8px;border:2px solid #575757;cursor:pointer;font-size:1.25rem;font-weight:500;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:180px;box-sizing:border-box}.button:hover{background-color:#3a3a3a}.button:active{background-color:#575757}.button:active,.button:focus{outline:none;background-color:#575757}html,body{height:100%;margin:0;padding:0}#root{height:100%;width:100%}.game{position:relative;background-color:#121212;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;overflow:hidden}.game-dealer{position:absolute;top:13%}.game-play-bar{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:center}.game-hands{position:absolute;bottom:10%;width:100%;display:flex;justify-content:center;gap:100px}.game-hand{position:relative;display:flex;justify-content:center;align-items:flex-end;width:250px;height:120px}.game-hand-cards{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:flex-end}.game-playing-card{position:absolute;transform-origin:bottom center;z-index:1;border-radius:8px;overflow:hidden;box-shadow:-4px 4px 10px #0000004d}.game-playing-card:hover{z-index:10;box-shadow:-4px 4px 10px #0000004d,0 0 14px #0006;transition:box-shadow .25s ease}.game-buttons{display:flex;gap:8px;justify-content:center}.current-hand-indicator{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #575757;position:absolute;top:100%;left:50%;transform:translate(-50%) rotate(180deg);margin-top:8px}.game-label{width:150px;height:40px;position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:8px;color:#fff;font-size:1rem;text-align:center;font-family:Roboto,sans-serif;font-weight:400}.game-bankroll-label{width:200px;height:40px;position:absolute;top:50px;left:20px;transform:translate(-50%);margin-top:8px;color:#fff;font-size:1rem;text-align:left;font-family:Roboto,sans-serif;font-weight:400;margin-left:90px}.game-gain-label{width:200px;height:40px;position:absolute;top:70px;left:20px;transform:translate(-50%);margin-top:8px;color:#fff;font-size:1rem;text-align:left;font-family:Roboto,sans-serif;font-weight:400;margin-left:90px}.game-running-count-label{width:200px;height:40px;position:absolute;top:50px;right:20px;transform:translate(50%);margin-top:8px;color:#fff;font-size:1rem;text-align:right;font-family:Roboto,sans-serif;font-weight:400;margin-right:90px}.game-true-count-label{width:200px;height:40px;position:absolute;top:70px;right:20px;transform:translate(50%);margin-top:8px;color:#fff;font-size:1rem;text-align:right;font-family:Roboto,sans-serif;font-weight:400;margin-right:90px}.game-counts-button{height:40px;position:absolute;top:100px;right:70px;transform:translate(50%);margin-top:8px}.game-error-label{height:40px;position:absolute;top:215px;left:50%;transform:translate(-50%);font-family:Roboto,sans-serif;font-weight:400;text-align:center;color:#fff;font-size:1rem}@font-face{font-family:AppleChancery;src:url(/assets/applechancery-4d7a430e.ttf) format("truetype")}.playing-card{width:100px;height:140px;background-color:#fff;border-radius:8px;padding:8px;font-size:2rem;font-weight:800;position:relative;box-sizing:border-box;font-family:Roboto,sans-serif;overflow:hidden}.playing-card-top-left{position:absolute;text-align:left}.playing-card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:AppleChancery,sans-serif;font-size:2.5rem;line-height:1}.playing-card-bottom-right{position:absolute;transform:rotate(180deg) translateY(8px);text-align:left;bottom:0;right:8px}.game-button{position:relative;display:inline-block;background-color:#282828;color:#fff;border:none;border-radius:8px;border:2px solid #575757;cursor:pointer;font-weight:500;text-decoration:none;-webkit-user-select:none;user-select:none;height:40px;box-sizing:border-box;text-align:center;font-size:1rem;padding:0}.game-button:hover{background-color:#3a3a3a}.game-button:active{outline:none;background-color:#575757}.discard{position:absolute;background-color:#282828;border:2px solid #575757;border-radius:8px;width:20px;left:20px;top:50%;transform:translate(-50%,-50%);overflow:hidden}.discard-fill{position:absolute;bottom:0;left:0;width:100%;background-color:#9cdcfe}.calculator-settings-body-table{margin-top:20px;display:grid;grid-template-columns:repeat(11,1fr);width:100%;text-align:center}.odd-cell{border-right:2px solid #282828;border-bottom:2px solid #282828;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;padding:4px}.odd-cell:nth-child(-n+11){border-top:2px solid #282828}.odd-cell:nth-child(11n+1){border-left:2px solid #282828}