:root{--dark: #93a1a1;--darker: #839191;--light: #FAFFDF;--green: #2E8B57;--brown: #3A2A1F;--gold: #FFD700;--red: #FF0000}body{margin:0;padding:150px 0;background-color:var(--dark);font-family:Rye;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px}h1{color:var(--light)}#blackjack{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:5vw}#options{position:absolute;top:0;left:0;display:flex;gap:25px}#options div{display:flex;justify-content:center;align-items:center;color:var(--light);background-color:var(--darker);border-radius:50%;padding:5px;cursor:pointer;-webkit-user-select:none;user-select:none}#table{width:80vw;max-width:1000px;aspect-ratio:16/9}#feed{position:relative;display:flex;min-width:500px;height:600px;background-color:var(--darker);border-radius:15px}#log{display:flex;flex-direction:column;gap:20px;padding:50% 20px;max-height:100%;width:100%;overflow-y:scroll;scrollbar-width:none}.log-hit{color:var(--light);font-weight:700;font-size:1.2rem}.log-double{color:var(--red);font-weight:700;font-size:1.2rem}.log-split{color:var(--gold);font-weight:700;font-size:1.2rem}.log-stand{color:var(--green);font-weight:700;font-size:1.2rem}#controls{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:20px;background-color:var(--dark);border-radius:15px;padding:20px}.control-hit{background-color:#d3d3d3;padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.control-double{background-color:var(--red);padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.control-split{background-color:var(--gold);padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.control-stand{background-color:var(--green);padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}#overlay{position:absolute;display:none;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:var(--darker);border:solid;border-width:3px;border-color:var(--light);border-radius:15px;gap:25px;opacity:0;z-index:1}#overlay-actions{display:flex;flex-direction:column;gap:10px}.overlay-action.error{color:var(--red)}.overlay-action.info{color:var(--darker)}.overlay-action.success{color:var(--green)}#overlay-bet{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;gap:10px}#overlay-bet input{width:100%;accent-color:var(--red)}#overlay-bet span{color:var(--light);font-size:1.2rem}#overlay-continue{color:var(--light);background-color:var(--dark);border-radius:15px;padding:10px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}#statistics{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:50px;gap:50px;flex-wrap:wrap;background-color:var(--darker);text-align:center}#clear{position:absolute;top:50px;left:50px;z-index:1;display:flex;align-items:center;justify-content:center;gap:15px;background-color:var(--light);color:#000;border:solid;border-color:var(--dark);height:40px;padding:0 20px;border-radius:20px;cursor:pointer;-webkit-user-select:none;user-select:none}#statistics h2{color:var(--light);font-size:1.2rem}.statistic{background-color:#000;border-radius:15px;color:var(--light);padding:25px;-webkit-user-select:none;user-select:none}.statistic canvas{width:150px;height:150px;accent-color:var(--darker);color:var(--light);font-family:Rye;font-size:20px}#train{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;background-color:var(--darker);width:80vw;border-radius:15px;padding:50px;box-sizing:border-box}#train h2{color:var(--light)}#train-status{position:absolute;top:50px;left:50px;width:50px;height:50px;background-color:var(--red);border-radius:50%}#train-controls{display:flex;gap:50px;color:var(--light)}#train-start,#train-stop{background-color:var(--dark);padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}#train-loss,#train-performance{width:600px;height:400px;background-color:var(--light);border-radius:15px;overflow:hidden}