.wrapper{background-color:#fff;position:absolute;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;font-size:medium}.wrapper>.spinner{width:40px;height:40px;background-color:#333;margin:10px;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.wrapper>p{margin:0}.App{height:100vh;padding:0 10px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;// Allow main container to scroll}.App>*{margin:3px 0}.header{position:sticky;top:56px;background:#fff;z-index:4;width:65%;padding:10px 0;margin:0 auto}.header p{margin:5px 0}.code{padding:5px;color:#adff2f;background-color:#000;border-radius:5px}.content>img{width:100%;max-width:720px;max-height:500px;border-radius:10px}.content{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;margin:20px auto}.content video{width:100%;height:100%;object-fit:cover;border-radius:10px}.content>canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}button{text-decoration:none;color:#fff;background-color:#000;border:2px solid black;margin:0 5px;padding:5px;border-radius:5px;cursor:pointer}button:hover{color:#000;background-color:#fff;border:2px solid black}.inference-time-container{position:absolute;top:0;right:0;margin:10px;font-size:13px}.game-results{width:90%;max-width:720px;margin:20px auto;display:flex;flex-direction:column;align-items:center}.game-results>p{font-size:1.8em;font-weight:800;margin:0}.winning-rate-container{display:flex;align-items:center;margin:3px 0 5px}.winning-bar-container{width:250px;height:12px;background-color:#ddd;border-radius:8px;overflow:hidden}.winning-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.game-moves{width:100%;max-width:350px;display:flex;flex-direction:column;gap:2px}.header-row{display:flex;justify-content:space-between;padding:0 40px}.header-row .header span{font-size:1.1em;font-weight:700}.game-move{display:inline-block;justify-content:space-between;padding:0 25px;transition:all .3s ease}.game-move:first-child{position:relative;padding:0 15px;margin:20px 0}.game-move:first-child:before{content:"";position:absolute;top:-10px;left:0;right:0;height:1px;background-color:#ddd}.game-move img{width:35px;height:35px}.game-move:nth-child(2){scale:125%}.header-row *:nth-child(1),.game-move *:nth-child(1){text-align:right;margin-right:5px}.header-row *:nth-child(2),.game-move *:nth-child(2){text-align:left;margin-left:5px}.header h1{font-size:clamp(1.5rem,4vw,2.5rem);text-align:center;padding:0 10px}@media (max-width: 768px){.content{margin:10px auto}.game-moves{width:100%;padding:0 10px}.winning-bar-container{width:200px}button{padding:8px 12px;margin:5px}.header{width:90%;top:52px}}@media (max-width: 480px){.content{aspect-ratio:4/3}.game-results>p{font-size:1.4em}}.logo-container{width:100%;padding:15px 20px;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:inherit;background:#fff;position:sticky;top:0;z-index:5}.logo-container img{width:40px;height:40px;margin-right:12px}.org-name{font-size:1.1rem;font-weight:500;line-height:1.2}@media (max-width: 768px){.logo-container{padding:10px 15px}.logo-container img{width:32px;height:32px}.org-name{font-size:.9rem}.header{top:52px}}.footer-links{text-align:center;margin:30px 0;color:#666}.footer-links a{color:#666;text-decoration:underline;transition:color .3s ease}.footer-links a:hover{color:#000}.dot-separator{margin:0 10px;font-size:.8em}@media (max-width: 480px){.footer-links{margin:20px 0;font-size:.9em}.dot-separator{margin:0 8px}}*{margin:0;padding:0}body{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-results{text-align:center;margin-top:20px;min-width:300px}.winning-rate-container{display:flex;align-items:center}.winning-rate-container span{margin-right:10px}.winning-bar-container{width:300px;background-color:#d3d3d3;margin:10px 0;border-radius:6px;overflow:hidden}.winning-bar{height:12px;background-color:green;border-radius:6px}.game-moves{width:100%;max-width:350px;padding:0 15px;box-sizing:border-box}.header-row{display:flex;justify-content:space-between;width:100%;padding:0 clamp(20px,5vw,40px)}.header{text-align:center}.game-move{display:flex;justify-content:space-between;align-items:center;width:100%;margin:5px 0;padding:0 clamp(15px,4vw,25px)}.player-move,.computer-move{justify-content:center;align-items:center;width:50%}.game-move img{width:clamp(30px,8vw,50px);height:auto;aspect-ratio:1}@media (max-width: 480px){.game-results{margin-top:10px}.winning-rate-container span{font-size:.9em}.game-move:nth-child(2){scale:110%}}