*{margin:0;padding:0;box-sizing:border-box;border:0;font-family:sans-serif;scrollbar-width:4px;scrollbar-color:#9acd32 rgba(0,0,0,0)}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{background-color:#9acd32;border-radius:20px;border:3px solid rgba(0,0,0,0)}html{font-size:16px}body{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;overflow:auto;background-color:#303030}#game-board{position:relative;display:grid;grid-template-columns:repeat(10, 2.5rem);width:25rem;height:25rem}#game-board.flip div[class*=x_lab-]{flex-direction:row-reverse}#game-board.flip div[class*=y_lab-]{flex-direction:column-reverse}#game-board.flip #play-grid #pg-wrapper{flex-direction:row-reverse;flex-wrap:wrap-reverse}#game-board.flip #black-player{bottom:0;top:initial}#game-board.flip #white-player{top:0;bottom:initial}#game-board #game-create{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);display:none;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;width:10rem;height:10rem;color:#f5f5f5;font-weight:bold;border-radius:5px;background-color:rgba(0,0,0,.8)}#game-board #game-create.show{display:flex}#game-board #game-create #gc-play-as{display:flex;gap:.3rem;font-size:.75rem;color:#f5f5f5;align-items:center}#game-board #game-create #gc-play-as label{display:inline-block;padding:.125rem .25rem;border-radius:.375rem}#game-board #game-create #gc-play-as label:has(:checked){border-bottom:3px solid #9acd32}#game-board #game-create #gc-time{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}#game-board #game-create #gc-time input{display:block;width:2rem;width:2rem;border-radius:5px;padding:.125rem;text-align:center;outline:none}#game-board #game-create span,#game-board #game-create #gc-time label{color:gray}#game-board #game-create #gc-actions{display:flex;gap:.5rem}#game-board #game-create #gc-actions button{padding:.25rem .5rem;border-radius:5px;font-size:.8rem;font-weight:bold;color:#f5f5f5}#game-board #game-create #gc-actions button#act-cancel{background-color:gray}#game-board #game-create #gc-actions button#act-create{background-color:#9acd32;text-shadow:1px 1px 1px rgba(0,0,0,.575)}#game-board #game-lobby{position:absolute;top:0;right:0;z-index:1;display:none;border-radius:5px;color:#f5f5f5;width:15rem;max-height:100%;overflow:auto;background-color:#282828}#game-board #game-lobby.show{display:block}#game-board #game-lobby #gl-close{position:sticky;bottom:0;display:flex;justify-content:center;width:100%;padding:.25rem}#game-board #game-lobby #gl-close button{display:block;padding:.25rem .5rem;border-radius:5px;color:#f5f5f5;font-weight:bold;background-color:#9acd32;text-shadow:1px 1px 1px rgba(0,0,0,.575)}#game-board #game-lobby #gl-head{position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:.6rem;font-weight:bold;background-color:inherit;box-shadow:0px 5px 6px -6px rgba(0,0,0,.85)}#game-board #game-lobby #gl-head span{display:flex;justify-content:center;align-items:center}#game-board #game-lobby #gl-wrapper{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;padding:.35rem}#game-board #game-lobby #gl-wrapper>span{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:5px;padding:.3rem .25rem}#game-board #game-lobby #gl-wrapper>span span{display:flex;justify-content:center;align-items:center}#game-board #game-lobby #gl-wrapper>span span.black{color:#000;font-size:1.25rem;text-shadow:1px 1px .5px #f5f5f5}#game-board #game-lobby #gl-wrapper>span span.white{color:#f5f5f5;font-size:1.25rem}#game-board #game-lobby #gl-wrapper>span span:nth-child(3){overflow-x:hidden}#game-board #game-lobby #gl-wrapper>span:nth-child(even){background-color:rgba(0,0,0,.25);color:#f5f5f5}#game-board #game-lobby #gl-wrapper>span:nth-child(odd){background:rgba(0,0,0,.075);color:rgba(0,0,0,.25);text-shadow:1px 1px .5px #f5f5f5}#game-board #game-lobby #gl-wrapper>span span:nth-child(1){font-weight:bold}#game-board .player{position:absolute;display:flex;justify-content:space-between;align-items:center;width:80%;height:1.6rem;left:50%;transform:translateX(-50%);color:gray;text-shadow:.5px .5px 1px #d3d3d3}#game-board .player.active .indicator{color:#9acd32}#game-board .player.active .ptimer{background-color:#9acd32}#game-board .player .pinfo,#game-board .player .ptimer{display:flex;gap:.125rem;align-items:center;font-size:1.125rem;padding:.1rem .25rem}#game-board .player .pinfo .indicator{font-weight:bolder}#game-board .player .ptimer{justify-content:end;border-radius:5.75px;color:#f5f5f5;font-weight:bold;background-color:gray;text-shadow:1px 1px 2px rgba(0,0,0,.575)}#game-board #black-player{top:0}#game-board #white-player{bottom:0}#game-board .x_lab-t{grid-area:1/2/2/10}#game-board .x_lab-t span{align-items:end}#game-board .x_lab-b{grid-area:10/2/11/10}#game-board .y_lab-l{grid-area:2/1/10}#game-board .y_lab-l span{justify-content:end}#game-board .y_lab-r{grid-area:2/10/10}#game-board div[class*=_lab-]{display:flex;font-weight:bold;font-style:oblique;color:gray}#game-board div[class*=_lab-] span{display:flex;width:2.5rem;height:2.5rem}#game-board div[class*=x_lab-]{flex-direction:row}#game-board div[class*=x_lab-] span{justify-content:center}#game-board div[class*=y_lab-]{flex-direction:column}#game-board div[class*=y_lab-] span{align-items:center;padding:0 3px}#game-board #play-grid{grid-area:2/2/10/10;position:relative;width:20rem;height:20rem;border:2px solid #b8860b}#game-board #play-grid #promo{position:absolute;top:calc(-12.5% - 2px);left:25%;width:50%;height:12.5%;display:none;justify-content:center;align-items:center;border-radius:7.5px;background-color:#282828}#game-board #play-grid #promo span{width:25%;height:100%;display:flex;justify-content:center;align-items:center;color:#f5f5f5;opacity:.5;font-size:2rem}#game-board #play-grid #pg-wrapper{display:flex;flex-wrap:wrap;width:100%;height:100%;background-color:#deb887}#game-board #play-grid #pg-wrapper>span{flex-grow:0;display:block;width:12.5%;height:12.5%}#game-board #play-grid #pg-wrapper>span.black{background-color:#b8860b}#game-board #play-grid #pg-wrapper>span.shade{background-color:#789}#game-board #play-grid #pg-wrapper>span span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;text-shadow:1px 1px 1px #b8860b}#game-board #play-grid #pg-wrapper>span span.white{color:#f5f5f5}#game-board #play-grid #pg-wrapper>span span.black{color:#000}#game-aux{display:flex;flex-direction:column;align-items:center}#game-aux #game-actions{position:relative;display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0;font-size:1.25rem}#game-aux #game-actions>span{display:flex;justify-content:center;align-items:center}#game-aux #game-actions #__ga-menu-list{position:absolute;top:-7.5rem;left:-5rem;display:none;flex-direction:column;gap:.5rem;width:5rem;padding:.75rem;color:#f5f5f5;font-weight:bold;border-radius:5px;background-color:#282828}#game-aux #game-actions #__ga-menu-list span{display:block;text-align:center;font-size:.8rem;padding:.5rem;box-shadow:2px 2px 3px -3px #f5f5f5}#game-aux #game-actions #__ga-menu-list.show{display:flex}#game-aux #game-status{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:15rem;height:10rem;overflow:auto;color:#d3d3d3;border-radius:7.5px;background-color:#282828}#game-aux #game-status #gs-head{position:sticky;top:0;left:0;align-self:start;display:flex;padding:.5rem;font-weight:bold;color:#9acd32}#game-aux #game-status #gs-head span{align-self:center;display:block;width:.65rem;height:.65rem;margin-left:.25rem;border-radius:2px;background-color:#9acd32}#game-aux #game-status #confirm-req{flex-shrink:0;position:sticky;top:0;left:0;display:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;background-color:inherit}#game-aux #game-status #confirm-req.show{display:flex}#game-aux #game-status #confirm-req #cr-title{color:#9acd32}#game-aux #game-status #confirm-req #cr-actions{display:flex;gap:1rem}#game-aux #game-status #confirm-req #cr-actions button{padding:.25rem .5rem;border-radius:5px;color:#f5f5f5;background-color:gray}#game-aux #game-status #confirm-req #cr-actions #act-accept{background-color:#9acd32;text-shadow:1px 1px 1px rgba(0,0,0,.575)}#game-aux #game-status .info{font-size:.8rem;font-style:italic}#game-aux #game-status .danger{color:red;font-weight:bold;font-size:.8rem}