:root{--dark: #002b36;--darker: #001e26;--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)}#poker{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}#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.success{color:var(--green)}#overlay-continue{color:var(--light);background-color:var(--dark);border-radius:15px;padding:10px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}#feed{position:relative;display:flex;min-width:500px;height:60vh;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-round{color:var(--light);font-weight:700}.log-raise{color:var(--red);font-size:.8rem}.log-call{color:var(--gold);font-size:.8rem}.log-check{color:var(--green);font-size:.8rem}.log-fold{color:#d3d3d3;font-size:.8rem}#log hr{border:1px solid lightgray;width:100%}.log-running-bet,.log-running-contribution{color:var(--light);font-weight:700;font-size:.8rem}#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-fold{background-color:#d3d3d3;padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.control-call{background-color:var(--gold);padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.control-check{background-color:var(--green);padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.control-raise{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--red)}.control-raise input{accent-color:var(--red);cursor:grab}.control-raise span{font-size:.8rem;-webkit-user-select:none;user-select:none}.control-raise div{color:#000;background-color:var(--red);padding:10px 20px;border-radius:10px;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}#basics,#advanced{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}.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{width:600px;height:400px;background-color:var(--light);border-radius:15px;overflow:hidden}
