html,body{margin:0;padding:0;background-color:gray;overflow-x:hidden}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;text-align:center;box-sizing:border-box;padding:1rem;margin-left:auto;margin-right:auto}.game-ui-top{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}button{background:#fff!important;color:#000!important;border:none;cursor:pointer;transition:transform .2s ease}button:hover{background:#444;transform:scale(1.2)!important}#back-button{position:fixed;top:1rem;left:1rem}.index-label{font-size:10px;color:#fff;position:absolute;top:2px;left:2px;background:#00000080;padding:1px 3px;border-radius:3px}.backgammon-board{display:flex;flex-direction:column;position:relative;align-items:center;width:100%;max-width:1200px;aspect-ratio:2.4 / 1;background:url(/assets/backgammon-board.png) no-repeat center;background-size:cover;padding:1%;border-radius:10px;border:3px solid #fff;box-sizing:border-box}.board-container{display:flex;flex-direction:column;width:100%;height:100%}.board-row{display:flex;justify-content:space-between;width:90%}.top-section,.bottom-section{display:flex;justify-content:center;width:100%;flex:1}.left-side,.right-side{display:flex;flex:1;justify-content:space-evenly;gap:2px}.bar{width:700px;height:275px;background-color:none;text-align:center;font-weight:700;line-height:80px;border-radius:10px;margin:10px 0}.middle-separator{width:7%;height:100%}.point{flex:1;aspect-ratio:.5 / 1;max-width:52px;border:2px solid white;display:flex;align-items:flex-start;justify-content:center;position:relative;box-sizing:border-box;padding-top:6px;padding-bottom:6px}.bottom-section .point{align-items:flex-end}.point.selected{background-color:#ff0}.checker{width:38px;height:38px;max-width:38px;max-height:38px;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;box-sizing:border-box;background-color:#fff;border:2px solid black}@media (max-width: 768px){.point{max-width:40px}.checker{font-size:10px}}.white{background-color:#fff}.checker:hover{outline:2px dashed yellow}.checker.black{background-color:#000;color:#fff;border-color:#fff}.black{background-color:#000;color:#fff}.valid-move{border:2px solid green}.bar-selector{background-color:#444;padding:10px;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#fff;font-size:14px;text-align:center}.borne-off{margin-left:20px;text-align:left;color:#000;font-size:14px}.borne-off .label{font-weight:700}.borne-off-selector{background-color:#333;padding:10px;margin-top:10px;border-radius:5px;color:#fff;cursor:pointer;text-align:center}.board-game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn 1s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.board-game-over-message{font-size:2rem;color:#fff;text-align:center;animation:slideIn 1s ease-out forwards}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.stream-container{margin-top:1rem;padding:.5rem;border:1px solid #ccc;height:180px;border-radius:8px;width:1200px;overflow-x:auto;box-sizing:border-box}.choice-container{background:transparent}.choice-title{font-size:1.1rem;font-weight:600;color:#ccc}.choice-grid{display:grid;grid-template-columns:repeat(5,auto);justify-content:center;gap:8px}.match-info{position:absolute;top:16px;left:80%;transform:translate(-50%);display:flex;gap:24px;padding:8px 16px;border-radius:8px;box-shadow:0 2px 6px #00000026;font-weight:600;z-index:10}.match-info p{margin:0}.selected-ais-display{text-align:center;margin:24px auto;font-size:1.1rem;font-weight:500;color:#333}.loader-wrap{min-height:50vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.loader-text{font-size:.95rem;opacity:.75;text-align:center}.loader{width:fit-content;font-size:17px;font-family:monospace;line-height:1.4;font-weight:700;background:linear-gradient(#000 0,#000 0) left,linear-gradient(#000 0,#000 0) right;background-repeat:no-repeat;border-right:5px solid #0000;border-left:5px solid #0000;background-origin:border-box;position:relative;animation:l9-0 2s infinite}.loader:before{content:"Loading"}.loader:after{content:"";position:absolute;top:100%;left:0;width:22px;height:60px;background:linear-gradient(90deg,#000 4px,#0000 0,#0000 calc(100% - 4px),#000 0) bottom /22px 20px,linear-gradient(90deg,red 4px,#0000 0,#0000 calc(100% - 4px),red 0) bottom 10px left 0/22px 6px,linear-gradient(#000 0,#000 0) bottom 3px left 0 /22px 8px,linear-gradient(#000 0,#000 0) bottom 0 left 50%/8px 16px;background-repeat:no-repeat;animation:l9-1 2s infinite}@keyframes l9-0{0%,25%{background-size:50% 100%}25.1%,75%{background-size:0 0,50% 100%}75.1%,to{background-size:0 0,0 0}}@keyframes l9-1{25%{background-position:bottom,bottom 54px left 0,bottom 3px left 0,bottom 0 left 50%;left:0}25.1%{background-position:bottom,bottom 10px left 0,bottom 3px left 0,bottom 0 left 50%;left:0}50%{background-position:bottom,bottom 10px left 0,bottom 3px left 0,bottom 0 left 50%;left:calc(100% - 22px)}75%{background-position:bottom,bottom 54px left 0,bottom 3px left 0,bottom 0 left 50%;left:calc(100% - 22px)}75.1%{background-position:bottom,bottom 10px left 0,bottom 3px left 0,bottom 0 left 50%;left:calc(100% - 22px)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;display:flex;flex-direction:column;align-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tooltip{position:relative;cursor:pointer;display:inline-block;margin:0 auto}.icon{border-radius:5%;background:#eee;color:#333;font-weight:700;padding:4px 8px}.text{visibility:hidden;background:#333;color:#fff;text-align:left;padding:10px 12px;border-radius:4px;position:absolute;top:125%;left:50%;transform:translate(-50%) translateY(0);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:100;white-space:normal;width:max-content;max-width:280px;word-wrap:break-word;font-size:.9rem;line-height:1.4;word-break:break-word;box-shadow:0 4px 12px #0006}.tooltip:hover .text{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}