@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap);*{font-family:Noto Sans JP,sans-serif}h1{font-size:18px;font-weight:700}p{font-size:12px}.container{width:300px;margin:100px auto auto}.game{margin:20px 0;display:block;position:relative}.game table{width:300px;height:300px;border:1px solid #534e52;border-radius:.25rem;border-spacing:0;background:#fff}.game table,.game table tr{table-layout:fixed}.game table tr td{position:relative;border:1px solid #534e52;vertical-align:top;padding:.5px 1px;margin:0}.game table tr button{display:block;position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);border:none;border-radius:0;margin:0;padding:0;font-size:5rem;overflow:hidden;line-height:0;color:#222831;background-color:#fff}.game table tr .occupied-by-1{font-size:0;background:url(/tictactoe-ml/img/cross.7bd3c9a8.svg);background-size:cover}.game table tr .occupied-by-2{font-size:0;background:url(/tictactoe-ml/img/circle.940d249a.svg);background-size:cover}.game .loading{display:none;z-index:100;position:absolute;width:100%;height:100%;background:rgba(34,40,49,.1);text-align:center;vertical-align:middle;line-height:normal}.game .loading .loader{margin:calc(50% - 36px) auto 2rem}.game.paused table{filter:blur(5px)}.game.paused .loading{display:block}.footer button{margin-right:.25rem;margin-bottom:.25rem;display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.footer button:focus,.footer button:hover{background-color:#e8e8e8}.footer button:focus{outline:.0975rem solid #bbb}.footer button:disabled{background-color:#d5d5d5}.footer button.primary{color:#000;background-color:#ffd369;border-color:#ffd369}.footer button.secondary{color:#fff;background-color:#393e46;border-color:#393e46}.footer button.sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.row{display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y)*-1);margin-right:calc(var(--bs-gutter-x)/-2);margin-left:calc(var(--bs-gutter-x)/-2)}.row .col{flex:1 0 0%}.loader{border:8px solid #393e46;border-top:8px solid #ffd369;border-radius:50%;width:56px;height:56px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.training-info{margin-top:20px;padding:15px;border:2px solid #ffd369;border-radius:8px;background:#fff;font-family:Noto Sans JP,sans-serif}.training-info h5{margin:0 0 10px 0;color:#393e46;font-size:16px;font-weight:700}.training-info .training-params{margin-bottom:15px}.training-info .training-params p{margin:0 0 5px 0;font-weight:600;color:#393e46}.training-info .training-params ul{margin:5px 0 0 20px;padding:0}.training-info .training-params ul li{font-size:12px;margin-bottom:3px;color:#22252a}.training-info .progress-container{margin:15px 0}.training-info .progress-container .progress-bar{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:5px}.training-info .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#ffd369,#ffbd1d);transition:width .3s ease;border-radius:10px}.training-info .progress-container .progress-text{text-align:center;font-weight:600;color:#393e46;font-size:14px}.training-info .training-metrics{display:flex;justify-content:space-around;margin:15px 0}.training-info .training-metrics .metric{text-align:center;padding:8px;background:hsla(0,0%,100%,.7);border-radius:5px;font-size:12px;font-weight:600;color:#393e46;min-width:80px}.training-info .epoch-info{text-align:center;font-size:14px;font-weight:600;color:#393e46;margin:10px 0}.training-info .final-metrics{display:flex;justify-content:space-around;margin:15px 0}.training-info .final-metrics .metric{text-align:center;padding:10px;background:hsla(0,0%,100%,.8);border-radius:5px;font-size:13px;color:#393e46;min-width:100px}.training-info .final-metrics .metric strong{display:block;font-size:16px;color:#17191c}.training-info .training-summary{margin-top:15px;padding:10px;background:hsla(0,0%,100%,.8);border-radius:5px}.training-info .training-summary p{margin:0 0 5px 0;font-size:13px;color:#393e46}.training-info .training-summary small{font-size:11px;color:#0b0c0e;font-style:italic}.training-info .educational-note{margin-top:15px;padding:8px;background:hsla(0,0%,100%,.6);border-radius:5px;border-left:3px solid #ffd369}.training-info .educational-note small{font-size:11px;color:#22252a;line-height:1.4;display:block}