@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4ecd8;font-family:Quicksand,sans-serif;margin:0;overflow:hidden}.app-layout{box-sizing:border-box;height:100vh;padding:10px;width:100vw}.app-layout,.sidebar{display:flex;gap:20px}.sidebar{flex:0 0 320px;flex-direction:column;z-index:10}.board-area,.sidebar{justify-content:center}.board-area{align-items:center;display:flex;flex:1 1;position:relative}@media (max-width:968px){.app-layout{flex-direction:column;gap:0;height:100vh;height:100dvh;overflow:hidden;padding:0}.sidebar{align-items:center;background:#fff;border-bottom:1px solid #efebe9;box-sizing:border-box;flex:0 0 50px;flex-direction:row;justify-content:space-between;padding:0 15px;width:100%;z-index:20}.game-title{font-size:1.2rem!important;margin:0}.status-card{display:none!important}.mobile-status{color:#5d4037;display:flex!important;font-size:.85rem;font-weight:700;gap:10px}.board-area,.mobile-status{flex:1 1;justify-content:center}.board-area{align-items:center;box-sizing:border-box;display:flex;overflow:hidden;padding:10px;position:relative;width:100%}.go-board{aspect-ratio:1/1;height:auto;margin:0 auto;width:min(95vw,calc(100dvh - 130px))!important;z-index:10}.controls-wrapper{align-items:center;background:#fff;border-top:1px solid #efebe9;display:flex;flex:0 0 60px;justify-content:center;padding-bottom:env(
      safe-area-inset-bottom
    );position:static;width:100%;z-index:20}.btn-primary{background:#5d4037;box-shadow:none;font-size:.9rem;padding:8px 24px;width:auto}}.game-title{color:#5d4037;font-size:3rem;margin-bottom:10px;text-align:center;text-shadow:2px 2px 0 #0000001a}.status-card{background:#fff;border:2px solid #efebe9;border-radius:20px;box-shadow:0 10px 20px #5d40371a;display:flex;flex-direction:column;gap:15px;padding:20px}.player-row{align-items:center;border-radius:12px;display:flex;justify-content:space-between;padding:10px;transition:all .3s ease}.player-row.active{background-color:#fbe9e7;box-shadow:0 2px 8px #0000000d;transform:scale(1.02)}.avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.av-black{background:#333;border:2px solid #555;color:#fff}.av-white{background:#fff;border:2px solid #ddd;color:#333}.turn-indicator{color:#8d6e63;font-size:1.1rem;font-weight:700;text-align:center}.btn-primary{background:#8d6e63;border:none;border-radius:50px;box-shadow:0 4px 0 #5d4037;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;min-width:140px;padding:12px 24px;transition:all .1s}.btn-primary:active{box-shadow:none;transform:translateY(4px)}.go-board{aspect-ratio:1/1;background-color:#dcb35c;background-image:repeating-linear-gradient(45deg,#00000005,#00000005 2px,#0000 0,#0000 8px),radial-gradient(at 50% 50%,#ffffff1a,#0000001a);border-radius:5px;box-shadow:0 20px 50px #0000004d,inset 0 0 0 2px #5e4018;display:grid;padding:8px;position:relative;width:min(92vmin,650px)}@media (max-height:500px) and (max-width:968px){.app-layout{flex-direction:row}.sidebar{height:100vh;width:200px}.controls-wrapper,.sidebar{background:none;flex-direction:column}.controls-wrapper{box-shadow:none;position:static;transform:none}.mobile-status{display:none!important}}.board-cell{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}.grid-line{background:#5e4018;position:absolute;z-index:0}.grid-line.h{height:1px;width:100%}.grid-line.v{height:100%;width:1px}.hoshi{background:#5e4018;height:18%;position:absolute;width:18%;z-index:0}.hoshi,.stone{border-radius:50%}.stone{animation:popIn .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:2px 2px 4px #0006;height:94%;width:94%;z-index:2}.stone.black{background:radial-gradient(circle at 30% 30%,#666,#000)}.stone.white{background:radial-gradient(circle at 30% 30%,#fff,#ddd)}.last-move{border:2px solid;border-radius:50%;height:30%;position:absolute;width:30%;z-index:3}.stone.black .last-move{border-color:#ffffffb3}.stone.white .last-move{border-color:#000000b3}@keyframes popIn{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.mobile-status{display:none}
/*# sourceMappingURL=main.03a58098.css.map*/