@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-family: "Inter";--font-size: 16px;--font-size-small: 12px;--font-size-caption: 10px;--black: #000000;--black05: rgba(0, 0, 0, .05);--black10: rgba(0, 0, 0, .1);--black20: rgba(0, 0, 0, .2);--black30: rgba(0, 0, 0, .3);--black40: rgba(0, 0, 0, .4);--black50: rgba(0, 0, 0, .5);--black60: rgba(0, 0, 0, .6);--black70: rgba(0, 0, 0, .7);--black80: rgba(0, 0, 0, .8);--black90: rgba(0, 0, 0, .9);--white10: rgba(255, 255, 255, .1);--white20: rgba(255, 255, 255, .2);--white30: rgba(255, 255, 255, .3);--white40: rgba(255, 255, 255, .4);--white50: rgba(255, 255, 255, .5);--white60: rgba(255, 255, 255, .6);--white70: rgba(255, 255, 255, .7);--white80: rgba(255, 255, 255, .8);--white90: rgba(255, 255, 255, .9);--gray1: #111111;--gray2: #222222;--gray3: #333333;--gray4: #444444;--gray5: #555555;--gray6: #666666;--gray7: #777777;--gray8: #888888;--gray9: #999999;--grayA: #AAAAAA;--grayB: #BBBBBB;--grayC: #CCCCCC;--grayD: #DDDDDD;--grayE: #EEEEEE;--white: #FFFFFF;--primary: #DCB35C;--primary-light: #d3c09b;--error: #d84c4c;--action: #6a11cb;--action-alt: #2575fc}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;font-family:Inter,system-ui,sans-serif;font-family:var(--font-family),system-ui,sans-serif}body{font-size:16px;font-size:var(--font-size);touch-action:manipulation;-webkit-text-size-adjust:100%}html,body{-webkit-tap-highlight-color:transparent}#root{position:fixed;overflow:hidden;color:#000;color:var(--black);inset:0;background-color:#ccc;background-color:var(--grayC);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%23FFFFFF' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;flex-direction:column}.error{color:#d84c4c;color:var(--error)}.text-center{text-align:center}.page-loader{flex:1;min-height:100%;display:flex;align-items:center;justify-content:center}.spinner-loader{perspective:600px}.spinner-loader-contents{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spinner-loader-animation 4s linear infinite}.spinner-loader-contents-face.stone{position:absolute}.spinner-loader-contents-back.stone{transform:rotateY(180deg)}@keyframes spinner-loader-animation{0%{transform:rotate(0) rotateY(0)}22.5%{transform:rotate(180deg) rotateY(0)}27.5%{transform:rotate(180deg) rotateY(180deg)}72.5%{transform:rotate(540deg) rotateY(180deg)}77.5%{transform:rotate(540deg) rotateY(0)}to{transform:rotate(720deg) rotateY(0)}}.stone{position:relative;border-radius:50%;backface-visibility:hidden}.stone.stone-black{background-image:linear-gradient(0deg,var(--gray1) 0,var(--gray3) 100%);box-shadow:inset 0 2px 2px #ffffff73}.stone.stone-white{border:1px solid var(--grayA);background-image:linear-gradient(0deg,var(--gray9) 0,var(--grayC) 100%);box-shadow:inset 0 2px 2px #00000026}.stone.stone-highlighted{border:none}.stone.stone-highlighted:before{content:"";position:absolute;inset:0;z-index:100;border-radius:50%;padding:2px;background:linear-gradient(90deg,transparent,var(--action),var(--action-alt),var(--action),transparent);background-size:200% 100%;animation:gobanDeckBorderPendingAnimation 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes stoneBorderPendingAnimation{0%{background-position:0 50%}to{background-position:200% 50%}}.alert{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:var(--white80);border-radius:4px;padding:16px;display:flex;gap:16px;flex-direction:column;align-items:center}button.button,a.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 12px;border-radius:4px;color:var(--white);background-color:var(--gray4);border:none;cursor:pointer;outline:none;font-size:var(--font-size);line-height:var(--font-size);text-decoration:none;text-align:center}button.button .button-label,a.button .button-label{text-wrap:nowrap}button.button.button-small,a.button.button-small{padding:4px 8px;font-size:var(--font-size-small)}button.button.button-secondary,a.button.button-secondary{background-color:var(--grayD);color:var(--gray2)}button.button.button-pressed,a.button.button-pressed{text-decoration:underline}button.button:disabled,a.button:disabled{background-color:var(--grayA);color:var(--grayC);cursor:not-allowed}button.button:disabled.button-secondary,a.button:disabled.button-secondary{background-color:var(--grayD);color:var(--gray6)}button.button:focus,a.button:focus{background-color:var(--gray1)}button.button:focus.button-secondary,a.button:focus.button-secondary{background-color:var(--gray9)}button.button.button-is-loading,a.button.button-is-loading{position:relative}button.button.button-is-loading .button-label,a.button.button-is-loading .button-label{color:transparent}button.button.button-is-loading .button-spinner,a.button.button-is-loading .button-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}b.hotkey-indicator{color:var(--primary)}.login-form{flex:1;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.login-form .stone{margin-bottom:12px}.login-form button{margin-top:12px}.error-message{color:var(--error);font-size:var(--font-size-caption)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:4px;border:1px solid var(--gray4);border-radius:4px;outline:none;font-size:var(--font-size)}input:focus{border-color:var(--gray1)}.input-container{display:flex;gap:2px;flex-direction:column}.goban{display:flex;align-items:center;justify-content:center}.goban-deck{position:relative;width:var(--deck-size);aspect-ratio:1 / 1;background-image:linear-gradient(to top,var(--black20),var(--white20)),url(/assets/oak-veneered-mdf-DejOnPMK.jpg);background-size:max(100%,600px);border-radius:calc(var(--deck-size) / 40);box-shadow:0 0 var(--padding-size) var(--black80)}.goban-deck.goban-deck-pending-state:before{content:"";position:absolute;inset:0;z-index:19;border-radius:calc(var(--deck-size) / 40);padding:calc(var(--line-thickness) * 2);background:linear-gradient(90deg,transparent,var(--action),var(--action-alt),var(--action),transparent);background-size:200% 100%;animation:gobanDeckBorderPendingAnimation 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.goban-deck-line,.goban-deck-hoshi{position:absolute;background:var(--line-color);z-index:18}.goban-deck-line{border-radius:calc(var(--line-thickness) / 2)}.goban-deck-line-horizontal{left:calc(var(--padding-size) - var(--line-thickness) / 2);right:calc(var(--padding-size) - var(--line-thickness) / 2);height:var(--line-thickness)}.goban-deck-line-vertical{top:calc(var(--padding-size) - var(--line-thickness) / 2);bottom:calc(var(--padding-size) - var(--line-thickness) / 2);width:var(--line-thickness)}.goban-deck-hoshi{width:calc(4 * var(--line-thickness));height:calc(4 * var(--line-thickness));transform:translate(-50%,-50%);border-radius:50%}.goban-deck-click-area{position:absolute;inset:0;z-index:20}.goban-deck-move-stone-shadow{position:absolute;z-index:21;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;box-shadow:0 calc(var(--cell-size) * .05) calc(var(--cell-size) * .05) var(--black40)}.goban-deck-move-stone{position:absolute;z-index:22;transform:translate(-50%,-50%);pointer-events:none}.goban-deck-scoring{position:absolute;top:calc(var(--padding-size) * .5);left:0;transform:translateY(-50%);width:100%;display:flex;align-items:center;justify-content:center;gap:8px;z-index:23;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.goban-deck-ownership{position:relative;width:calc((var(--board-size) - 1) * var(--cell-size));height:calc((var(--board-size) - 1) * var(--cell-size));top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.goban-deck-ownership-tile{position:absolute;z-index:18;width:var(--cell-size);height:var(--cell-size);opacity:.65}@keyframes gobanDeckBorderPendingAnimation{0%{background-position:0 50%}to{background-position:200% 50%}}.overlay{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--black60)}.top-menu{width:100%;background:var(--grayD);border-bottom:1px solid var(--grayA);padding:4px 8px;gap:8px;display:flex;flex-direction:row;align-items:center}.top-menu-title{font-weight:700;text-transform:capitalize}.top-menu-separator{flex:1}.list{width:100%;display:flex;flex-direction:column}.list-row{padding:4px 8px;border:solid var(--black40);border-width:0 0 1px;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:var(--black);font-size:var(--font-size);line-height:var(--font-size)}.list-row:nth-child(2n){background-color:var(--black05)}.list a.list-row{cursor:pointer}.list a.list-row:hover{background-color:var(--black10)}.list-pagination{list-style:none;display:flex;gap:8px;margin:32px auto 64px}.list-pagination li a{background-color:var(--gray4);color:var(--grayE);cursor:pointer;border-radius:2px;padding:2px 4px}.list-pagination li.disabled a{background:none;color:var(--black30);cursor:not-allowed}.list-pagination li.break a{background:none}.list-pagination li.selected a{background-color:var(--white);color:var(--gray4)}.game-players{gap:8px;display:inline-flex;flex-direction:row;align-items:center}.game-players-player{display:flex;flex-direction:row;gap:4px;align-items:center;text-wrap:nowrap}.game-players-player .stone{flex-shrink:0}.new-game-form{position:relative;flex:1;width:100%}.new-game-form form{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:var(--white80);border-radius:4px}.label{display:flex;width:100%;gap:8px;align-items:center;justify-content:space-between}select.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:4px 20px 4px 4px;border:1px solid var(--gray4);border-radius:4px;outline:none;font-size:var(--font-size);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1 L5 5 L9 1' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:12px 12px}select.select:focus{border-color:var(--gray1)}.game-view-bottom-menu{width:100%;background:var(--grayD);border-top:1px solid var(--grayA);padding:4px 16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center}.game-view-bottom-menu-hidden{visibility:hidden;height:0;padding:0}
